:root{--bg:#f6f7f4;--paper:#fff;--ink:#111827;--muted:#667085;--line:#dfe3e8;--soft:#eef1ed;--navy:#0b1220;--lime:#c9ff4a;--orange:#ff6b35;--blue:#4f63ff;--max:1160px;--shadow:0 18px 55px rgba(16,24,40,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:1000;background:var(--lime);padding:10px}.topline{background:var(--navy);color:#aeb7c6;font-size:11px}.topline .wrap{height:34px;display:flex;align-items:center;justify-content:space-between}.topline strong{color:var(--lime)}
.blog-header{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center}.blog-brand{display:flex;align-items:center;gap:11px;margin-right:55px}.brand-symbol{width:35px;height:35px;background:var(--ink);display:flex;align-items:flex-end;gap:3px;padding:7px;transform:skew(-7deg)}.brand-symbol i{width:6px;background:var(--lime);display:block}.brand-symbol i:nth-child(1){height:9px}.brand-symbol i:nth-child(2){height:20px}.brand-symbol i:nth-child(3){height:14px}.blog-brand span:last-child{display:flex;flex-direction:column;line-height:1}.blog-brand b{font-size:17px}.blog-brand small{font-size:8px;letter-spacing:.18em;color:var(--muted);margin-top:5px}.main-nav{display:flex;align-items:center;gap:31px}.main-nav a{font-size:13px;font-weight:700;color:#475467;position:relative;padding:28px 0}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--orange);transition:.2s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.main-nav a.active{color:var(--ink)}.header-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.search-btn{border:1px solid var(--line);background:transparent;width:40px;height:40px;cursor:pointer;font-size:17px}.nav-cta{background:var(--ink);color:#fff;padding:10px 15px;font-size:12px;font-weight:800}.menu-btn{display:none;border:1px solid var(--line);background:transparent;width:40px;height:40px}.mobile-menu{display:none}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:3px;background:var(--orange)}.home-intro{padding:66px 0 42px}.home-intro h1{font-size:clamp(44px,6vw,72px);line-height:1.07;letter-spacing:-.055em;margin:15px 0 16px;max-width:850px}.home-intro h1 em{font-style:normal;background:linear-gradient(transparent 68%,var(--lime) 0)}.home-intro>p:last-child{max-width:720px;color:var(--muted);font-size:17px;margin:0}.featured-grid{display:grid;grid-template-columns:1.5fr .8fr;grid-template-rows:1fr 1fr;gap:16px;margin-bottom:56px}.feature-main{grid-row:1/3;background:var(--navy);color:#fff;min-height:390px;padding:44px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.feature-main:after{content:"";position:absolute;width:380px;height:380px;border:65px solid rgba(201,255,74,.1);border-radius:50%;right:-120px;top:-140px}.feature-main:before{content:"";position:absolute;width:1px;height:220px;background:rgba(255,255,255,.16);right:180px;top:50px;transform:rotate(46deg)}.post-category{display:inline-block;font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--orange);margin-bottom:12px}.feature-main .post-category{color:var(--lime)}.feature-main h2{font-size:42px;line-height:1.16;letter-spacing:-.04em;margin:0 0 16px;max-width:620px;position:relative;z-index:2}.feature-main p{color:#aeb7c6;max-width:580px;margin:0 0 28px;position:relative;z-index:2}.post-meta{display:flex;align-items:center;gap:14px;font-size:10px;color:var(--muted)}.feature-main .post-meta{color:#98a2b3}.read-link{font-weight:900;font-size:12px;position:absolute;right:36px;bottom:30px;color:var(--lime);z-index:3}.feature-small{background:var(--paper);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.feature-small:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-small h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:8px 0 10px}.feature-small p{font-size:12px;color:var(--muted);margin:0}.category-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px repeat(4,1fr);margin-bottom:90px}.category-label{padding:25px 0;font-size:11px;color:var(--muted);font-weight:900;letter-spacing:.1em}.category-link{border-left:1px solid var(--line);padding:21px 22px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800}.category-link span{color:var(--muted);font-size:10px}.category-link:hover{background:var(--lime)}
.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.section-title h2{font-size:38px;letter-spacing:-.04em;margin:10px 0 0;line-height:1.15}.section-title>a{font-size:12px;font-weight:900;border-bottom:1px solid var(--ink)}.content-layout{display:grid;grid-template-columns:minmax(0,1.55fr) .65fr;gap:60px;margin-bottom:100px}.post-list{border-top:1px solid var(--line)}.post-row{display:grid;grid-template-columns:150px 1fr 90px;gap:26px;padding:29px 0;border-bottom:1px solid var(--line);align-items:start}.post-date{font-size:11px;color:var(--muted)}.post-row h3{font-size:22px;line-height:1.35;margin:0 0 9px;letter-spacing:-.02em}.post-row p{font-size:13px;color:var(--muted);margin:0}.post-row>a:last-child{font-size:11px;font-weight:900;text-align:right}.post-row:hover h3{color:var(--blue)}.sidebar-block{background:var(--paper);border:1px solid var(--line);padding:25px;margin-bottom:18px}.sidebar-block h3{font-size:14px;margin:0 0 18px}.popular-list{counter-reset:popular;display:flex;flex-direction:column}.popular-list a{counter-increment:popular;display:grid;grid-template-columns:30px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.popular-list a:before{content:"0" counter(popular);color:var(--orange);font-size:9px;font-weight:900}.popular-list a:last-child{border:0}.topic-cloud{display:flex;flex-wrap:wrap;gap:7px}.topic-cloud a{font-size:10px;padding:6px 9px;background:var(--soft);color:#475467}.sidebar-note{background:var(--lime);padding:24px}.sidebar-note strong{font-size:18px}.sidebar-note p{font-size:11px;margin:8px 0 0}
.ranking-preview{background:var(--navy);color:#fff;padding:70px 0;margin-bottom:95px}.ranking-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:28px}.ranking-head h2{font-size:42px;line-height:1.15;letter-spacing:-.04em;margin:10px 0 0}.ranking-head p{max-width:430px;color:#9ca7b8;font-size:13px}.mini-table{border-top:1px solid #303a4c}.mini-rank{display:grid;grid-template-columns:60px 1fr 140px 130px;align-items:center;gap:20px;border-bottom:1px solid #273247;padding:19px 5px}.mini-rank>span:first-child{color:var(--lime);font-weight:900}.mini-rank h3{font-size:16px;margin:0}.mini-rank h3 small{font-size:9px;color:#8792a4;border:1px solid #3b4658;padding:2px 5px;margin-left:7px}.mini-rank p{font-size:10px;color:#8e99aa;margin:2px 0 0}.mini-rank>span:not(:first-child){font-size:11px;color:#b2bbca}.mini-rank a{background:var(--lime);color:#111827;padding:8px 12px;font-size:10px;font-weight:900;text-align:center}.ranking-bottom{display:flex;justify-content:space-between;margin-top:22px;color:#98a2b3;font-size:10px}.ranking-bottom a{color:var(--lime);font-weight:900}
.newsletter{background:var(--lime);padding:58px 0}.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px}.newsletter h2{font-size:38px;line-height:1.15;margin:9px 0 5px;letter-spacing:-.04em}.newsletter p{margin:0;font-size:12px}.newsletter form{display:grid;grid-template-columns:1fr auto}.newsletter input{background:transparent;border:0;border-bottom:2px solid #111827;padding:13px 3px;outline:0}.newsletter button{border:0;background:#111827;color:#fff;padding:0 22px;font-weight:800}.blog-footer{background:#080d16;color:#8792a4;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:40px}.footer-brand p{max-width:250px;font-size:11px}.footer-column{display:flex;flex-direction:column;gap:9px}.footer-column b{color:#fff;font-size:11px;margin-bottom:6px}.footer-column a{font-size:10px}.footer-bottom{border-top:1px solid #202a39;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;font-size:9px}
.category-hero{padding:68px 0 45px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;gap:8px;color:var(--muted);font-size:10px;margin-bottom:22px}.breadcrumbs span:before{content:"/";margin-right:8px}.category-hero h1{font-size:54px;line-height:1.1;letter-spacing:-.05em;margin:11px 0}.category-hero>p{max-width:680px;color:var(--muted);margin:0}.category-main{padding:55px 0 100px}.category-feature{display:grid;grid-template-columns:1.1fr .9fr;background:var(--navy);color:#fff;margin-bottom:42px}.category-feature-copy{padding:46px}.category-feature h2{font-size:34px;line-height:1.2;margin:10px 0 16px}.category-feature p{color:#a9b2c0;font-size:13px}.category-feature-art{min-height:310px;background:linear-gradient(135deg,#19263a,#0b1220);position:relative;overflow:hidden}.category-feature-art:before,.category-feature-art:after{content:"";position:absolute;border-radius:50%;border:1px solid #43516a}.category-feature-art:before{width:260px;height:260px;right:-40px;top:25px}.category-feature-art:after{width:150px;height:150px;right:15px;top:80px;border-color:var(--lime)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{background:var(--paper);border:1px solid var(--line);padding:25px;min-height:245px;display:flex;flex-direction:column;transition:.2s}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.article-card h2,.article-card h3{font-size:20px;line-height:1.35;margin:9px 0 12px}.article-card p{font-size:12px;color:var(--muted);margin:0 0 24px}.article-card .post-meta{margin-top:auto}.empty-card{border:1px dashed #c7ccd4;background:transparent}.empty-card h3{color:var(--muted)}
.article-shell{width:min(1080px,calc(100% - 40px));margin-inline:auto}.article-head{padding:58px 0 42px;border-bottom:1px solid var(--line)}.article-head h1{font-size:clamp(40px,5.4vw,66px);line-height:1.1;letter-spacing:-.05em;margin:18px 0 22px;max-width:950px}.article-deck{font-size:18px;color:var(--muted);max-width:780px;margin:0 0 24px}.author-row{display:flex;align-items:center;gap:12px}.author-avatar{width:38px;height:38px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:900}.author-row div{display:flex;flex-direction:column}.author-row b{font-size:12px}.author-row span{font-size:10px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:170px minmax(0,720px) 1fr;gap:42px;padding:52px 0 90px;align-items:start}.article-toc{position:sticky;top:110px;border-left:2px solid var(--line);padding-left:16px}.article-toc b{font-size:10px;letter-spacing:.12em}.article-toc a{display:block;font-size:10px;color:var(--muted);margin:10px 0}.article-toc a:hover{color:var(--orange)}.article-body{font-size:16px}.article-body>p:first-child{font-size:19px;color:#344054}.article-body h2{font-size:31px;line-height:1.25;letter-spacing:-.03em;margin:52px 0 16px}.article-body h3{font-size:21px;margin:35px 0 10px}.article-body p,.article-body li{color:#475467}.article-body li{margin:8px 0}.article-body a{color:var(--blue);border-bottom:1px solid}.article-body blockquote{margin:28px 0;padding:20px 22px;border-left:4px solid var(--lime);background:var(--paper);font-weight:700}.article-body table{width:100%;border-collapse:collapse;margin:28px 0;font-size:12px}.article-body th,.article-body td{border:1px solid var(--line);padding:12px;text-align:left}.article-body th{background:var(--navy);color:#fff}.article-body .notice{background:#fff4ee;border:1px solid #ffd2bf;padding:18px;margin:25px 0;font-size:13px}.article-body .cta-box{background:var(--navy);color:#fff;padding:28px;margin:35px 0}.article-body .cta-box p{color:#aeb7c6}.article-body .cta-box a{display:inline-block;background:var(--lime);color:#111827;border:0;padding:9px 14px;font-size:11px;font-weight:900}.article-side{position:sticky;top:110px}.share-box{border:1px solid var(--line);background:var(--paper);padding:18px}.share-box b{font-size:11px}.share-box p{font-size:10px;color:var(--muted)}.related{border-top:1px solid var(--line);padding:55px 0 90px}.related h2{font-size:31px;margin:0 0 25px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-card{border:1px solid var(--line);background:var(--paper);padding:22px}.related-card span{font-size:9px;color:var(--orange);font-weight:900}.related-card h3{font-size:16px;line-height:1.4;margin:8px 0}.search-panel{display:none;position:fixed;inset:0;background:rgba(11,18,32,.92);z-index:300;padding-top:15vh}.search-panel.open{display:block}.search-box{width:min(720px,calc(100% - 40px));margin:auto}.search-box input{width:100%;background:transparent;color:#fff;border:0;border-bottom:2px solid var(--lime);font-size:31px;padding:14px 0;outline:0}.search-box p{color:#98a2b3;font-size:12px}.search-close{position:absolute;right:30px;top:30px;background:transparent;border:1px solid #687386;color:#fff;width:42px;height:42px}
@media(max-width:900px){.main-nav,.nav-cta{display:none}.menu-btn{display:block}.mobile-menu{position:absolute;top:75px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;gap:14px}.mobile-menu.open{display:flex}.featured-grid{grid-template-columns:1fr;grid-template-rows:auto}.feature-main{grid-row:auto}.category-rail{grid-template-columns:1fr 1fr}.category-label{grid-column:1/3}.content-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.article-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-toc,.article-side{position:static}.article-toc{display:none}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-column:nth-last-child(-n+2){margin-top:15px}.ranking-head{display:block}}
@media(max-width:600px){.wrap,.article-shell{width:min(100% - 28px,var(--max))}.topline .wrap span:last-child{display:none}.blog-header{height:68px}.blog-brand{margin-right:auto}.mobile-menu{top:67px}.home-intro{padding:44px 0 30px}.home-intro h1{font-size:43px}.home-intro>p:last-child{font-size:14px}.featured-grid{gap:10px}.feature-main{padding:28px;min-height:340px}.feature-main h2{font-size:31px}.read-link{position:static;margin-top:25px}.feature-small{padding:22px}.category-rail{grid-template-columns:1fr}.category-label{grid-column:auto}.category-link{border-left:0;border-top:1px solid var(--line)}.section-title h2{font-size:31px}.post-row{grid-template-columns:1fr;gap:7px}.post-row>a:last-child{text-align:left}.sidebar{display:block}.ranking-preview{padding:55px 0}.ranking-head h2{font-size:34px}.mini-rank{grid-template-columns:38px 1fr 90px}.mini-rank>span:nth-child(3){display:none}.newsletter-inner{grid-template-columns:1fr;gap:25px}.newsletter form{grid-template-columns:1fr}.newsletter button{height:44px;margin-top:9px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-bottom{display:block}.category-hero h1{font-size:42px}.category-feature{grid-template-columns:1fr}.category-feature-art{min-height:180px;order:-1}.category-feature-copy{padding:28px}.article-grid{grid-template-columns:1fr}.article-head{padding-top:42px}.article-head h1{font-size:39px}.article-deck{font-size:15px}.article-layout{padding-top:35px}.article-body h2{font-size:27px}.article-body table{display:block;overflow-x:auto}.related-grid{grid-template-columns:1fr}.header-tools .search-btn{display:none}}
.article-hero-visual{margin:38px 0 0;background:#0b1220;color:#fff;min-height:310px;position:relative;overflow:hidden;border:1px solid #273247}.article-hero-visual svg{display:block;width:100%;height:310px}.article-hero-visual figcaption{position:absolute;left:26px;right:26px;bottom:21px;display:flex;justify-content:space-between;gap:20px;color:#a9b4c5;font-size:10px;letter-spacing:.06em}.article-hero-visual figcaption strong{color:#fff;font-size:12px}.article-hero-visual.theme-tutorial{background:#10192a}.article-hero-visual.theme-knowledge{background:#111923}.article-hero-visual.theme-safety{background:#17131a}.article-hero-visual.theme-airport{background:#0a1421}.download-box{margin:26px 0;padding:22px 24px;background:#eef6d9;border:1px solid #c6dd83;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.download-box b{display:block;font-size:15px}.download-box p{margin:5px 0 0!important;font-size:11px;color:#54613f!important}.download-box a{border:0!important;background:#111827;color:#fff!important;padding:10px 15px;font-size:11px;font-weight:900;white-space:nowrap}.download-box small{grid-column:1/3;color:#667052;font-size:9px}.tutorial-shot{margin:30px 0;border:1px solid var(--line);background:#e9edf3;padding:17px}.tutorial-window{background:#111a29;min-height:290px;display:grid;grid-template-columns:145px 1fr;color:#fff;box-shadow:0 14px 30px rgba(16,24,40,.15)}.tutorial-side{border-right:1px solid #2e3a4d;padding:22px 16px}.tutorial-side i{display:block;height:7px;background:#3b485d;margin:0 0 15px}.tutorial-side i:first-child{width:65%;background:var(--lime)}.tutorial-screen{padding:24px}.tutorial-screen>span{display:block;width:65px;height:7px;background:var(--orange);margin-bottom:25px}.tutorial-screen div{height:42px;border:1px solid #364258;margin-bottom:12px;position:relative}.tutorial-screen div:before{content:"";position:absolute;left:14px;top:13px;width:38%;height:7px;background:#53637d}.tutorial-screen div:after{content:"";position:absolute;right:12px;top:10px;width:42px;height:20px;background:var(--lime)}.tutorial-shot figcaption{font-size:10px;color:var(--muted);margin-top:10px}.article-expansion{border-top:1px solid var(--line);margin-top:48px;padding-top:10px}.article-expansion h2{margin-top:42px}.article-expansion .practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.article-expansion .practice-grid div{background:var(--paper);border:1px solid var(--line);padding:17px}.article-expansion .practice-grid b{font-size:12px}.article-expansion .practice-grid p{font-size:12px;margin:6px 0 0}.source-note{font-size:10px;color:var(--muted);border-left:3px solid var(--orange);padding-left:12px;margin-top:20px}
@media(max-width:600px){.article-hero-visual,.article-hero-visual svg{min-height:230px;height:230px}.article-hero-visual figcaption{left:15px;right:15px;bottom:12px}.article-hero-visual figcaption span{display:none}.download-box{grid-template-columns:1fr}.download-box a{display:block;text-align:center}.download-box small{grid-column:auto}.tutorial-window{grid-template-columns:82px 1fr;min-height:220px}.tutorial-side{padding:17px 10px}.tutorial-screen{padding:17px 12px}.article-expansion .practice-grid{grid-template-columns:1fr}}
.walkthrough-intro{margin:32px 0 8px;border-left:4px solid var(--blue);background:#eef2ff;padding:17px 20px;display:flex;gap:12px;align-items:baseline}.walkthrough-intro b{font-size:14px;white-space:nowrap}.walkthrough-intro span{color:#526079;font-size:12px}.step-tutorial-figure{margin:24px 0 40px;border:1px solid #cfd6e1;background:#e8edf5;padding:14px;box-shadow:0 16px 36px rgba(16,24,40,.08)}.step-window{background:#101827;color:#fff;border:1px solid #29364b;box-shadow:0 8px 22px rgba(5,10,20,.22)}.step-window-top{height:42px;padding:0 15px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;border-bottom:1px solid #2d394c;background:#0b1220}.step-window-top>b{text-align:center;font-size:11px;letter-spacing:.04em}.step-window-top small{color:#9ba8bc;font-size:9px}.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#ff6b4a}.window-dots i:nth-child(2){background:#ffc34d}.window-dots i:nth-child(3){background:#baff3c}.step-window-body{min-height:310px;display:grid;grid-template-columns:155px 1fr}.step-window-body aside{border-right:1px solid #2e3a4d;padding:22px 12px;background:#111b2b}.step-window-body aside span{display:block;color:#8f9bb0;font-size:10px;font-weight:700;padding:10px 12px;margin-bottom:5px;border-left:3px solid transparent}.step-window-body aside span.is-active{color:#fff;background:#202c40;border-left-color:var(--lime)}.step-window-body main{padding:25px 28px 24px}.step-screen-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:20px}.step-screen-head small{display:block;color:#ff7950;font-size:9px;font-weight:900;letter-spacing:.08em;margin-bottom:5px}.step-screen-head h3{color:#fff;font-size:20px!important;margin:0!important;letter-spacing:-.02em}.screen-status{font-size:9px;color:#baff3c;background:#1d293b;padding:7px 9px}.step-ui-row{position:relative;border:1px solid #354258;background:#121d2e;min-height:56px;margin-bottom:10px;padding:10px 78px 10px 13px;overflow:hidden}.step-ui-row>div{display:flex;flex-direction:column;gap:3px}.step-ui-row b{font-size:11px}.step-ui-row span{color:#93a0b5;font-size:9px}.step-ui-row em{position:absolute;right:12px;top:15px;color:#ffcb5b;font-size:9px;font-style:normal;font-weight:800}.step-ui-row em.is-ok{color:#baff3c}.step-ui-row i{position:absolute;left:13px;right:13px;bottom:0;height:2px;background:linear-gradient(90deg,#6577ff var(--progress),#2e3a4c var(--progress))}.step-window button{float:right;border:0;background:var(--lime);color:#0b1220;padding:10px 15px;font-size:10px;font-weight:900;pointer-events:none}.step-tutorial-figure figcaption{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:12px 4px 1px;color:#526079;font-size:10px;line-height:1.6}.step-tutorial-figure figcaption strong{color:#172033}.step-mobile{max-width:560px;margin-inline:auto}.step-mobile .step-window-body{grid-template-columns:118px 1fr;min-height:350px}.step-mobile .step-window-body main{padding:22px 18px}.step-router .step-window-top{background:#162517}.step-router .step-window-body aside{background:#162517}.step-router .step-window-body aside span.is-active{background:#29412c}.step-diagnostic .step-screen-head small,.step-diagnostic .step-ui-row em{color:#ff8a65}.step-diagnostic .step-ui-row em.is-ok{color:#6ce0ba}
@media(max-width:600px){.walkthrough-intro{display:block}.walkthrough-intro b{display:block;margin-bottom:5px}.step-tutorial-figure{margin:20px -4px 35px;padding:7px}.step-window-top{grid-template-columns:55px 1fr auto;padding:0 9px}.step-window-top>b{font-size:9px}.step-window-body,.step-mobile .step-window-body{grid-template-columns:78px 1fr;min-height:300px}.step-window-body aside{padding:15px 6px}.step-window-body aside span{padding:8px 6px;font-size:8px}.step-window-body main,.step-mobile .step-window-body main{padding:17px 10px}.step-screen-head{display:block}.step-screen-head h3{font-size:16px!important}.screen-status{display:inline-block;margin-top:8px}.step-ui-row{padding:9px 52px 9px 9px;min-height:52px}.step-ui-row em{right:8px;font-size:8px}.step-window button{float:none;width:100%;margin-top:4px}.step-tutorial-figure figcaption{grid-template-columns:1fr;gap:3px}}
.download-table-wrap{margin:24px 0;overflow-x:auto;border:1px solid var(--line);background:#fff}.article-body .download-table{min-width:680px;margin:0;border:0}.article-body .download-table th{white-space:nowrap}.article-body .download-table td{vertical-align:middle}.article-body .download-table a{display:inline-block;min-width:54px;text-align:center;border:0;background:#eef6d9;color:#263116;padding:7px 9px;font-size:10px;font-weight:900}.article-body .download-table td:last-child a{background:#111827;color:#fff}.download-source-links{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 34px!important}.article-body .download-source-links a{display:inline-block;border:1px solid #111827;background:#fff;color:#111827;padding:10px 13px;font-size:11px;font-weight:900}.article-body .download-source-links a:first-child{background:var(--lime)}
.real-client-shot{background:#eef1f5;border:1px solid #cbd2dc;padding:14px;display:flex;justify-content:center;overflow:hidden}.real-client-shot img{display:block;max-width:100%;width:auto;height:auto;max-height:560px;object-fit:contain;box-shadow:0 10px 24px rgba(16,24,40,.14)}.real-desktop img{width:100%;max-height:560px}.real-router img{width:100%;max-height:540px}.real-mobile img{max-height:560px;width:auto}.real-diagnostic img{width:100%;max-height:560px}.real-tutorial-figure figcaption{display:grid;grid-template-columns:170px 1fr;gap:10px;padding:12px 4px 1px;color:#526079;font-size:10px;line-height:1.6}.real-tutorial-figure figcaption strong{color:#172033}.real-tutorial-figure figcaption small{grid-column:1/-1;color:#7b8798;font-size:9px}.real-tutorial-figure{background:#f4f6f9}
@media(max-width:600px){.real-client-shot{padding:8px}.real-desktop img,.real-router img,.real-diagnostic img{width:100%;max-height:none}.real-mobile img{max-height:480px}.real-tutorial-figure figcaption{grid-template-columns:1fr;gap:3px}}
.client-directory-wrap{margin:28px 0 38px;overflow-x:auto;border:1px solid var(--line);background:#fff;box-shadow:0 14px 34px rgba(16,24,40,.07)}.article-body .client-directory{min-width:860px;margin:0;border:0}.client-directory th{white-space:nowrap}.client-directory td{vertical-align:top}.client-directory td:first-child{font-weight:900;color:#172033}.client-directory td:nth-child(2) a{font-weight:900}.client-directory td:last-child a{display:inline-block;border:0;background:#111827;color:#fff;padding:7px 10px;font-size:10px;font-weight:900;white-space:nowrap}.client-directory small{display:block;color:#7b8798;margin-top:4px}.terminal-panel{margin:24px 0 34px;border:1px solid #29364b;background:#0b1220;color:#d7deea;box-shadow:0 14px 30px rgba(16,24,40,.14);overflow:hidden}.terminal-panel header{display:flex;align-items:center;gap:6px;padding:10px 13px;border-bottom:1px solid #29364b;background:#111b2b}.terminal-panel header i{width:8px;height:8px;border-radius:50%;background:#ff6b4a}.terminal-panel header i:nth-child(2){background:#ffc34d}.terminal-panel header i:nth-child(3){background:#baff3c}.terminal-panel header b{margin-left:8px;font-size:10px;color:#aeb8c8}.terminal-panel pre{margin:0;padding:20px;overflow-x:auto;font-size:12px;line-height:1.75;color:#d7deea}.terminal-panel .prompt{color:#baff3c}.terminal-panel .comment{color:#7f8da3}.client-note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.client-note-grid div{border:1px solid var(--line);background:var(--paper);padding:17px}.client-note-grid b{font-size:12px}.client-note-grid p{font-size:12px;margin:6px 0 0}.article-card.is-directory{background:#101827;color:#fff;border-color:#101827}.article-card.is-directory p{color:#aeb8c8}.article-card.is-directory .post-category{color:var(--lime)}
@media(max-width:600px){.client-directory-wrap{margin-inline:-4px}.terminal-panel pre{padding:15px;font-size:10px}.client-note-grid{grid-template-columns:1fr}}
.article-body{min-width:0}.client-directory-wrap{width:100%;max-width:100%;box-sizing:border-box}

/* Atmospheric Nature & Weather theme · 2026-10 */
:root{--ink:#20302f;--muted:#657778;--line:rgba(255,255,255,.5);--paper:rgba(245,249,246,.72);--white:rgba(255,255,255,.82);--lime:#dceaa7;--orange:#e99666;--blue:#6e93a8;--navy:#233a42;--card:rgba(255,255,255,.68);--shadow:0 24px 70px rgba(40,67,70,.16);--sun-gold:#ffd89a;--moss:#617c63;--mist:#dce7e6;--glass:rgba(255,255,255,.62)}
html{background:#b8ced8}.atmospheric{min-height:100vh;background:transparent;color:var(--ink);isolation:isolate}.atmospheric>*:not(.weather-stage){position:relative;z-index:1}.weather-stage{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--sky-top,#7ea4c0) 0%,var(--sky-mid,#e5b691) 47%,var(--sky-low,#f6d9aa) 73%,var(--ground,#7f947b) 100%);transition:background 1.8s ease}.weather-stage:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(73,102,87,.18) 35%,rgba(40,68,62,.46));clip-path:polygon(0 38%,10% 27%,18% 43%,30% 22%,43% 47%,56% 24%,68% 45%,81% 20%,92% 40%,100% 27%,100% 100%,0 100%)}.sky-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,transparent 20%,rgba(30,53,58,.2) 130%)}.sun-orb{position:absolute;width:clamp(76px,10vw,150px);aspect-ratio:1;border-radius:50%;left:var(--sun-x,72%);top:var(--sun-y,22%);transform:translate(-50%,-50%);background:radial-gradient(circle,#fffbdc 0 13%,#ffe3a6 33%,rgba(255,193,115,.36) 58%,transparent 72%);filter:blur(.2px);box-shadow:0 0 90px 28px rgba(255,208,139,.28);transition:left 2s ease,top 2s ease,opacity 1.2s}.atmospheric[data-phase="night"] .sun-orb{background:radial-gradient(circle,#fff 0 18%,#d9e9ee 35%,rgba(186,217,228,.18) 60%,transparent 73%);box-shadow:0 0 70px 18px rgba(198,225,235,.2)}.cloud-bank{position:absolute;width:48vw;height:17vw;min-width:360px;min-height:130px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.6),rgba(255,255,255,.13) 57%,transparent 72%);filter:blur(14px);opacity:.7;animation:cloudDrift 42s ease-in-out infinite alternate}.cloud-one{top:8%;left:-10%;animation-duration:52s}.cloud-two{top:29%;right:-17%;opacity:.46;animation-duration:67s;animation-direction:alternate-reverse}.cloud-three{top:50%;left:26%;width:35vw;opacity:.25;animation-duration:58s}@keyframes cloudDrift{to{transform:translate3d(17vw,2vh,0) scale(1.09)}}.weather-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.78}.weather-caption{position:absolute;right:20px;bottom:16px;padding:8px 12px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(28,57,61,.22);backdrop-filter:blur(12px);color:rgba(255,255,255,.9);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.topline{background:rgba(24,48,53,.72)!important;color:#f7f5e9!important;border:0!important;backdrop-filter:blur(18px)}.blog-header{background:rgba(250,252,247,.64)!important;border-color:rgba(255,255,255,.55)!important;box-shadow:0 10px 35px rgba(43,68,67,.08);backdrop-filter:blur(22px) saturate(125%)}.blog-brand .brand-symbol{border-radius:50% 50% 46% 54%;background:linear-gradient(145deg,#375b59,#70876a)!important;box-shadow:0 8px 25px rgba(52,83,78,.24);transform:rotate(-6deg)}.brand-symbol i{background:#ffe0a5!important;border-radius:999px}.main-nav a,.mobile-menu a{color:#4b6665}.main-nav a.active,.main-nav a:hover{color:#203b3a}.nav-cta{background:linear-gradient(135deg,#496b65,#718c69)!important;color:#fff!important;border-radius:999px;box-shadow:0 8px 24px rgba(49,82,73,.22)}.menu-btn,.search-btn{border-color:rgba(68,100,94,.22)!important;background:rgba(255,255,255,.44)!important;border-radius:50%}.mobile-menu{background:rgba(247,250,246,.88)!important;backdrop-filter:blur(22px)}
.home-intro{min-height:470px;padding-top:110px!important;display:flex;flex-direction:column;justify-content:center}.home-intro h1,.category-hero h1,.article-head h1{color:#243d3d;text-shadow:0 2px 0 rgba(255,255,255,.38)}.home-intro h1 em{color:#9d634b!important;text-decoration-color:#f3c994!important}.eyebrow,.post-category{color:#a65f43!important}.home-intro>p:last-child,.category-hero>p,.article-deck{color:#4e6768!important}.featured-grid,.article-grid{gap:20px!important}.feature-main,.feature-small,.article-card,.sidebar-block,.category-feature,.category-link,.post-row,.share-box,.related-card,.download-box,.walkthrough-intro,.client-note-grid div{background:var(--glass)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 18px 55px rgba(50,77,73,.11)!important;backdrop-filter:blur(20px) saturate(120%);border-radius:24px}.feature-main{background:linear-gradient(145deg,rgba(43,72,68,.84),rgba(61,87,78,.72))!important;color:#fff}.feature-main p{color:#e1ebe6!important}.feature-small,.article-card,.sidebar-block{transition:transform .25s ease,box-shadow .25s ease}.feature-small:hover,.article-card:hover,.sidebar-block:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(45,72,68,.18)!important}.category-rail{border:1px solid rgba(255,255,255,.5)!important;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.36);backdrop-filter:blur(18px)}.category-label{background:rgba(47,74,70,.75)!important;color:#fff!important}.category-link{border-radius:0;box-shadow:none!important;background:transparent!important}.content-layout{gap:26px}.post-list{display:flex;flex-direction:column;gap:14px}.post-row{border:0!important;padding:24px!important}.sidebar-note{background:linear-gradient(145deg,rgba(244,218,160,.82),rgba(218,231,179,.76))!important;border-radius:24px;box-shadow:var(--shadow)}
.ranking-preview,.blog-footer{background:linear-gradient(145deg,rgba(29,55,58,.9),rgba(49,74,67,.86))!important;backdrop-filter:blur(22px)}.ranking-preview{border-block:1px solid rgba(255,255,255,.14)}.mini-table{border:0!important;display:flex;flex-direction:column;gap:10px}.mini-rank{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)!important;border-radius:18px;padding-inline:20px!important}.mini-rank a{background:#f5d5a0!important;border-radius:999px}.newsletter{background:linear-gradient(120deg,rgba(249,218,165,.88),rgba(210,229,184,.85))!important;backdrop-filter:blur(15px)}
.category-hero{margin-top:34px;padding:58px 42px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:32px;background:rgba(255,255,255,.48);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.category-main{padding-top:28px!important}.category-feature{overflow:hidden;color:var(--ink)!important}.category-feature p{color:var(--muted)!important}.category-feature-art{background:linear-gradient(150deg,rgba(241,193,136,.8),rgba(133,169,169,.72))!important}.category-feature-art:before,.category-feature-art:after{border-color:rgba(255,255,255,.54)!important}.article-card.is-directory{background:linear-gradient(145deg,rgba(41,72,69,.88),rgba(86,112,89,.82))!important;color:#fff!important}.article-card.is-directory p{color:#dce8e3!important}
.article-head{margin-top:34px;padding:48px 46px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:34px;background:rgba(255,255,255,.5);backdrop-filter:blur(24px) saturate(125%);box-shadow:var(--shadow)}.article-layout{grid-template-columns:170px minmax(0,720px) 1fr}.article-body{padding:36px 42px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.68);border-radius:30px;box-shadow:0 24px 70px rgba(41,69,68,.13);backdrop-filter:blur(24px) saturate(116%)}.article-body h2{color:#294846}.article-body>p:first-child{color:#405e5d}.article-toc{border-left-color:rgba(70,106,95,.3)!important;padding:18px;border-radius:18px;background:rgba(255,255,255,.34);backdrop-filter:blur(14px)}.share-box{border-radius:20px}.article-body .notice{background:rgba(255,235,211,.73)!important;border-color:rgba(218,153,108,.3)!important;border-radius:18px}.article-body blockquote{background:rgba(232,241,218,.72)!important;border-left-color:#7e9b6d!important;border-radius:0 18px 18px 0}.article-body .cta-box{background:linear-gradient(145deg,rgba(39,72,68,.94),rgba(83,109,88,.9))!important;border-radius:24px}.article-body .cta-box a,.download-box a,.client-directory td:last-child a{background:linear-gradient(135deg,#54766a,#8a9d72)!important;color:#fff!important;border-radius:999px}.download-box{background:rgba(237,244,214,.7)!important}.step-tutorial-figure,.real-tutorial-figure,.tutorial-shot,.client-directory-wrap,.terminal-panel{border-radius:22px;overflow:hidden;box-shadow:0 18px 48px rgba(39,65,64,.13)!important}.step-tutorial-figure,.real-tutorial-figure{background:rgba(255,255,255,.58)!important;border-color:rgba(255,255,255,.72)!important}.real-client-shot{background:rgba(231,239,234,.72)!important;border:0!important}.article-expansion .practice-grid div{background:rgba(239,245,234,.7)!important;border-color:rgba(91,122,105,.14)!important;border-radius:16px}.article-hero-visual{border:1px solid rgba(255,255,255,.35)!important;border-radius:26px;background:linear-gradient(155deg,rgba(41,72,73,.82),rgba(197,153,112,.62))!important;box-shadow:0 25px 70px rgba(40,66,65,.18)}.article-hero-visual svg{opacity:.42;mix-blend-mode:screen}.article-hero-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 22%,rgba(255,221,159,.38),transparent 26%),linear-gradient(180deg,transparent 55%,rgba(36,70,63,.24));pointer-events:none}.related{border:0!important}.related-card{border-radius:22px!important}
.article-body table{background:rgba(255,255,255,.64);border-radius:18px;overflow:hidden}.article-body th{background:rgba(42,74,72,.9)!important}.article-body th,.article-body td{border-color:rgba(82,111,105,.15)!important}.client-directory-wrap{background:rgba(255,255,255,.55)!important;border-color:rgba(255,255,255,.72)!important}.terminal-panel{background:rgba(29,49,51,.94)!important}.terminal-panel header{background:rgba(49,77,73,.7)!important}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-body{min-width:0;padding:30px}.category-hero{margin-inline:20px}.article-head{padding:38px 30px!important}.weather-caption{display:none}}
@media(max-width:600px){.home-intro{min-height:410px;padding-top:70px!important}.category-hero{margin:18px 14px 0;padding:38px 25px!important}.article-head{margin-top:18px;padding:32px 22px!important;border-radius:25px}.article-body{min-width:0;padding:26px 20px;border-radius:24px}.featured-grid,.article-grid{gap:14px!important}.feature-main,.feature-small,.article-card,.sidebar-block{border-radius:20px}.weather-stage:after{inset:55% 0 0}.cloud-bank{opacity:.42}.sun-orb{width:92px}}
@media(prefers-reduced-motion:reduce){.cloud-bank{animation:none}.weather-canvas{display:none}}

/* Keep the unboxed homepage statement readable against the moonlit sky. */
.atmospheric[data-phase="night"] .home-intro h1{color:#f5f8f4;text-shadow:0 3px 28px rgba(2,12,18,.5)}
.atmospheric[data-phase="night"] .home-intro h1 em{color:#ffc08f!important;text-shadow:0 3px 24px rgba(255,151,93,.22)}
.atmospheric[data-phase="night"] .home-intro .eyebrow{color:#f2b28b!important;text-shadow:0 2px 16px rgba(0,0,0,.28)}
.atmospheric[data-phase="night"] .home-intro>p:last-child{color:#d9e4e1!important;text-shadow:0 2px 18px rgba(0,0,0,.34)}

/* Golden-hour editorial palette and interactive climate presets */
.atmospheric[data-preset]{--ink:#172438;--muted:#6f6670;--line:rgba(255,255,255,.64);--paper:rgba(255,239,215,.72);--white:rgba(255,247,233,.86);--lime:#f5cf75;--orange:#d76f30;--blue:#82637c;--navy:#263249;--card:rgba(255,236,207,.7);--shadow:0 28px 80px rgba(132,69,41,.18);--sun-gold:#ffe0a0;--moss:#8b735b;--mist:#f4dfd2;--glass:rgba(255,237,210,.64);font-family:"Noto Serif SC","Songti SC","STSong",Georgia,serif}
.atmospheric[data-preset="sunset"] .weather-stage{--sky-top:#ff7b35!important;--sky-mid:#f79b5f!important;--sky-low:#f7c47f!important;--ground:#f3b979!important}
.atmospheric[data-preset="dawn"] .weather-stage{--sky-top:#807da8!important;--sky-mid:#d8a8b0!important;--sky-low:#f5d3c5!important;--ground:#a7a99d!important}
.atmospheric[data-preset="night"] .weather-stage{--sky-top:#111d3d!important;--sky-mid:#29345c!important;--sky-low:#626079!important;--ground:#293f4a!important}
.atmospheric[data-preset="snow"] .weather-stage{--sky-top:#718b9b!important;--sky-mid:#a8bbc4!important;--sky-low:#dce6e5!important;--ground:#9baeb0!important}
.atmospheric[data-preset] .weather-stage:after{inset:0!important;clip-path:none!important;background:radial-gradient(ellipse at 9% 6%,rgba(255,232,207,.52) 0 10%,transparent 10.4%),radial-gradient(ellipse at 21% 7%,rgba(255,235,216,.46) 0 13%,transparent 13.5%),radial-gradient(ellipse at 72% 40%,rgba(255,228,204,.42) 0 17%,transparent 17.5%),radial-gradient(ellipse at 92% 45%,rgba(255,229,207,.44) 0 19%,transparent 19.5%),linear-gradient(180deg,transparent 60%,rgba(169,81,41,.08));opacity:1}
.atmospheric[data-preset="night"] .weather-stage:after{background:radial-gradient(ellipse at 15% 13%,rgba(154,168,205,.13) 0 14%,transparent 14.5%),radial-gradient(ellipse at 80% 35%,rgba(119,133,178,.12) 0 20%,transparent 20.5%),linear-gradient(180deg,transparent 58%,rgba(9,20,42,.22))}
.atmospheric[data-preset="snow"] .weather-stage:after{background:radial-gradient(ellipse at 20% 20%,rgba(244,250,251,.35) 0 19%,transparent 19.5%),radial-gradient(ellipse at 82% 34%,rgba(241,248,249,.3) 0 23%,transparent 23.5%),linear-gradient(180deg,transparent 54%,rgba(95,119,126,.18))}
.atmospheric[data-preset="sunset"] .sun-orb{left:13%!important;top:22%!important;background:radial-gradient(circle,#fff7d6 0 12%,#ffd288 31%,rgba(255,174,91,.46) 56%,transparent 72%);box-shadow:0 0 115px 46px rgba(255,225,164,.46)}
.light-rays{position:absolute;inset:-20% -10%;background:repeating-conic-gradient(from 208deg at 12% 25%,rgba(255,244,211,.15) 0deg,rgba(255,244,211,0) 7deg,rgba(255,244,211,0) 15deg);filter:blur(8px);mix-blend-mode:screen;opacity:.68;animation:rayBreathe 11s ease-in-out infinite alternate;transform-origin:12% 25%}
.atmospheric[data-preset="night"] .light-rays,.atmospheric[data-preset="snow"] .light-rays{opacity:.16}
@keyframes rayBreathe{to{opacity:.42;transform:rotate(2.5deg) scale(1.04)}}
.atmospheric[data-preset] .weather-canvas{opacity:0}.weather-fx-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.88}.atmospheric[data-preset] .sky-vignette{background:radial-gradient(circle at 50% 35%,transparent 12%,rgba(94,46,38,.1) 120%)}
.atmospheric[data-preset="sunset"] .cloud-bank{background:radial-gradient(ellipse at center,rgba(255,226,208,.66),rgba(255,211,187,.22) 58%,transparent 73%);opacity:.72}
.atmospheric[data-preset] .topline{background:rgba(165,76,37,.2)!important;color:#6b3829!important;border-bottom:1px solid rgba(255,255,255,.3)!important}.atmospheric[data-preset] .blog-header{background:rgba(255,235,211,.43)!important;border-color:rgba(255,255,255,.48)!important;box-shadow:0 10px 36px rgba(126,62,38,.1)}
.atmospheric[data-preset] .blog-brand .brand-symbol{background:linear-gradient(145deg,#b35f36,#e39a62)!important}.atmospheric[data-preset] .brand-symbol i{background:#fff0c6!important}.atmospheric[data-preset] .main-nav a,.atmospheric[data-preset] .mobile-menu a{color:#573f43}.atmospheric[data-preset] .main-nav a.active,.atmospheric[data-preset] .main-nav a:hover{color:#172438}.atmospheric[data-preset] .nav-cta{background:linear-gradient(135deg,#be663b,#e08e56)!important;box-shadow:0 8px 24px rgba(150,73,39,.24)}
.atmospheric[data-preset] .home-intro h1,.atmospheric[data-preset] .category-hero h1,.atmospheric[data-preset] .article-head h1{font-family:"Cormorant Garamond","Noto Serif SC","Songti SC",Georgia,serif;color:#172438;text-shadow:0 2px 0 rgba(255,255,255,.34)}.atmospheric[data-preset] .home-intro h1 em{color:#b9582f!important;text-shadow:none}.atmospheric[data-preset] .eyebrow,.atmospheric[data-preset] .post-category{color:#bd5d2e!important}.atmospheric[data-preset] .home-intro>p:last-child,.atmospheric[data-preset] .category-hero>p,.atmospheric[data-preset] .article-deck{color:#655d67!important;text-shadow:none}
.atmospheric[data-preset] .feature-main,.atmospheric[data-preset] .feature-small,.atmospheric[data-preset] .article-card,.atmospheric[data-preset] .sidebar-block,.atmospheric[data-preset] .category-feature,.atmospheric[data-preset] .category-link,.atmospheric[data-preset] .post-row,.atmospheric[data-preset] .share-box,.atmospheric[data-preset] .related-card,.atmospheric[data-preset] .download-box,.atmospheric[data-preset] .walkthrough-intro,.atmospheric[data-preset] .client-note-grid div{background:rgba(255,237,210,.66)!important;border-color:rgba(255,255,255,.72)!important;box-shadow:0 20px 56px rgba(132,69,41,.13)!important}
.atmospheric[data-preset] .feature-main{background:linear-gradient(145deg,rgba(255,222,187,.77),rgba(244,183,126,.66))!important;color:#172438}.atmospheric[data-preset] .feature-main h2{color:#172438}.atmospheric[data-preset] .feature-main p{color:#6a5e64!important}.atmospheric[data-preset] .feature-main .post-meta{color:#826e70}.atmospheric[data-preset] .feature-main .post-category,.atmospheric[data-preset] .read-link{color:#a84f2d!important}
.atmospheric[data-preset] .category-rail{background:rgba(255,233,205,.5)!important;border-color:rgba(255,255,255,.68)!important}.atmospheric[data-preset] .category-label{background:rgba(178,87,48,.68)!important}.atmospheric[data-preset] .sidebar-note,.atmospheric[data-preset] .newsletter{background:linear-gradient(145deg,rgba(255,220,166,.83),rgba(255,235,207,.76))!important}.atmospheric[data-preset] .ranking-preview,.atmospheric[data-preset] .blog-footer{background:linear-gradient(145deg,rgba(92,52,48,.9),rgba(129,72,54,.86))!important}
.atmospheric[data-preset] .category-hero,.atmospheric[data-preset] .article-head{background:rgba(255,236,213,.68);border-color:rgba(255,255,255,.78)!important;box-shadow:0 26px 70px rgba(132,69,41,.15)}.atmospheric[data-preset] .article-body{background:rgba(255,244,226,.8);border-color:rgba(255,255,255,.78);box-shadow:0 26px 70px rgba(132,69,41,.14)}.atmospheric[data-preset] .article-body h2{color:#263249}.atmospheric[data-preset] .article-toc{background:rgba(255,234,208,.48);border-left-color:rgba(182,87,45,.3)!important}.atmospheric[data-preset] .article-body table{background:rgba(255,244,226,.72)}.atmospheric[data-preset] .article-body th{background:rgba(105,57,52,.9)!important}.atmospheric[data-preset] .client-directory-wrap{background:rgba(255,239,218,.7)!important}.atmospheric[data-preset] .article-hero-visual{background:linear-gradient(155deg,rgba(230,133,73,.78),rgba(255,205,148,.72))!important}
.atmospheric[data-preset="night"]{--glass:rgba(35,45,70,.64);--ink:#eef2f7;--muted:#c3c6d3}.atmospheric[data-preset="night"] .blog-header{background:rgba(26,35,58,.5)!important}.atmospheric[data-preset="night"] .main-nav a{color:#d9dbe5}.atmospheric[data-preset="night"] .home-intro h1{color:#f5f4f2}.atmospheric[data-preset="night"] .home-intro>p:last-child{color:#d5d4dc!important}.atmospheric[data-preset="night"] .feature-main,.atmospheric[data-preset="night"] .feature-small{background:rgba(30,40,65,.66)!important;color:#f6f4f0}.atmospheric[data-preset="night"] .feature-main h2,.atmospheric[data-preset="night"] .feature-small h3{color:#f6f4f0}.atmospheric[data-preset="night"] .feature-main p,.atmospheric[data-preset="night"] .feature-small p{color:#d0ccd2!important}
.atmospheric>.climate-switcher{position:fixed!important;right:24px;bottom:22px;z-index:180!important;display:flex;gap:8px;align-items:center;padding:7px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(255,229,202,.68);box-shadow:0 14px 42px rgba(104,53,36,.18);backdrop-filter:blur(20px) saturate(135%);font-family:"Noto Serif SC","Songti SC",serif}.climate-presets{display:flex;gap:3px}.climate-switcher button{border:0;border-radius:999px;background:transparent;color:#633f3c;padding:9px 12px;font:700 11px/1.1 inherit;white-space:nowrap;cursor:pointer;transition:.22s ease}.climate-switcher button:hover,.climate-switcher button.is-active{background:rgba(255,250,233,.86);color:#a84727;box-shadow:0 5px 16px rgba(135,65,38,.12)}.nature-audio{border-left:1px solid rgba(126,71,50,.16)!important;border-radius:0 999px 999px 0!important}.nature-audio span{font-size:9px;opacity:.7}.nature-audio.is-active{color:#7c3e24!important}
@media(min-width:901px){.climate-switcher{left:auto!important;width:max-content;max-width:calc(100vw - 48px)}}
@media(max-width:900px){.climate-switcher{left:10px;right:10px;bottom:10px;overflow-x:auto;justify-content:flex-start;border-radius:20px;scrollbar-width:none}.climate-switcher::-webkit-scrollbar{display:none}.climate-presets{display:flex}.climate-switcher button{padding:9px 10px}.blog-footer{padding-bottom:82px!important}}
@media(prefers-reduced-motion:reduce){.light-rays{animation:none}.weather-fx-canvas{display:none}}

/* Readability pass: wider editorial rails and clearer Chinese typography */
html,body,button,input,textarea,select{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Noto Sans SC","Segoe UI",Arial,sans-serif}
body{font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.atmospheric[data-preset]{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Noto Sans SC","Segoe UI",Arial,sans-serif;color:#263249}
.atmospheric[data-preset] .home-intro h1,.atmospheric[data-preset] .category-hero h1,.atmospheric[data-preset] .article-head h1,.section-title h2,.ranking-head h2,.article-body h2,.article-body h3,.related h2{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Segoe UI",Arial,sans-serif;font-weight:800;letter-spacing:-.035em}
.main-nav a,.mobile-menu a{font-size:14px;font-weight:700}.home-intro>p:last-child,.feature-main p,.feature-small p,.post-row p,.category-feature p,.article-card p{font-size:15px;line-height:1.8}
.article-shell{width:min(1280px,calc(100% - 48px))}
.article-layout{grid-template-columns:220px minmax(0,800px) 220px;gap:20px;padding-top:44px}
.article-body{font-size:18px;line-height:1.9;padding:44px 48px}
.article-body p,.article-body li{color:#394458;line-height:1.9}.article-body>p:first-child{font-size:19px;line-height:1.85;color:#2f3b4e}.article-body h2{font-size:32px;line-height:1.35;margin-top:58px;color:#263249}.article-body h3{font-size:23px;line-height:1.45;color:#303c50}.article-body li{margin:10px 0}
.article-body table{font-size:14px;line-height:1.65}.article-body th,.article-body td{padding:15px 16px}.article-body blockquote{font-size:17px;line-height:1.8;padding:23px 26px}.article-body .notice,.article-body .cta-box{font-size:15px;line-height:1.75}
.article-toc{width:auto;box-sizing:border-box;padding:26px 23px;border-left:0!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:24px!important;box-shadow:0 16px 42px rgba(132,69,41,.1)}.article-toc b{display:block;font-size:15px;line-height:1.4;margin-bottom:14px;color:#253249}.article-toc a{font-size:14px;line-height:1.6;margin:0;padding:8px 0;color:#4f5969}.article-toc a:hover{color:#ad512d}
.article-side{width:auto}.article-side .share-box{padding:26px 23px}.article-side .share-box b{display:block;font-size:15px;line-height:1.45;margin-bottom:11px;color:#253249}.article-side .share-box p{font-size:14px;line-height:1.75;color:#4f5969}.article-side .share-box a{font-size:14px}
.author-row b{font-size:13px}.author-row span,.post-meta{font-size:11px}.article-deck{font-size:18px;line-height:1.8}.article-head h1{font-weight:800;line-height:1.15}
.client-directory,.download-table{font-size:14px!important}.client-directory td,.client-directory th,.download-table td,.download-table th{line-height:1.55}
@media(max-width:1320px) and (min-width:1181px){.article-shell{width:calc(100% - 40px)}.article-layout{grid-template-columns:210px minmax(0,1fr) 210px;gap:18px}.article-body{padding-inline:38px}}
@media(max-width:1180px) and (min-width:901px){.article-shell{width:min(960px,calc(100% - 40px))}.article-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}.article-side{position:static;grid-column:2}.article-side .share-box{display:grid;grid-template-columns:150px 1fr;gap:10px 18px}.article-side .share-box p{margin:0}.article-body{padding-inline:40px}}
@media(max-width:900px){.article-shell{width:min(100% - 32px,760px)}.article-layout{grid-template-columns:minmax(0,1fr)}.article-side{grid-column:auto}.article-body{font-size:17px;line-height:1.85;padding:34px 30px}.article-body p,.article-body li{line-height:1.85}.article-head h1{font-size:clamp(38px,7vw,54px)}}
@media(max-width:600px){body{font-size:15px}.article-shell{width:calc(100% - 24px)}.article-body{font-size:16px;line-height:1.82;padding:28px 22px}.article-body p,.article-body li{line-height:1.82}.article-body>p:first-child{font-size:17px}.article-body h2{font-size:27px;line-height:1.38}.article-body h3{font-size:21px}.article-body table{font-size:13px}.home-intro>p:last-child,.feature-main p,.feature-small p,.post-row p,.category-feature p,.article-card p{font-size:14px;line-height:1.75}}

/* AI tools directory */
.category-rail{grid-template-columns:150px repeat(5,1fr)}
.ai-tools-main{padding-bottom:100px}.ai-tools-intro{max-width:780px}.ai-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.ai-tool-card{position:relative;display:flex;min-height:310px;flex-direction:column;padding:30px;border:1px solid rgba(255,255,255,.76);border-radius:26px;background:rgba(255,239,218,.74);box-shadow:0 22px 62px rgba(132,69,41,.14);backdrop-filter:blur(22px) saturate(122%);overflow:hidden}.ai-tool-card:before{content:"";position:absolute;right:-46px;top:-52px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,139,.55),rgba(255,210,139,0) 68%);pointer-events:none}.ai-tool-card-head{display:flex;align-items:center;gap:14px}.ai-tool-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#a95736,#df9560);color:#fff8e7;font-size:20px;font-weight:900;box-shadow:0 10px 28px rgba(145,70,40,.2)}.ai-tool-card h2{font-size:26px;line-height:1.25;letter-spacing:-.03em}.ai-tool-card p{margin:22px 0 0;color:#5d5963;font-size:15px;line-height:1.85}.ai-tool-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ai-tool-meta span{padding:6px 10px;border:1px solid rgba(145,78,53,.18);border-radius:999px;background:rgba(255,250,237,.6);color:#87503d;font-size:11px;font-weight:800}.ai-tool-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#a85434,#dc8751);color:#fff!important;font-size:14px;font-weight:900;box-shadow:0 12px 28px rgba(150,72,40,.2);transition:transform .2s ease,box-shadow .2s ease}.ai-tool-link:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(150,72,40,.27)}.affiliate-disclosure,.ai-safety-note{margin-top:26px;padding:25px 28px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(255,239,218,.64);box-shadow:0 18px 54px rgba(132,69,41,.1);backdrop-filter:blur(18px)}.affiliate-disclosure strong,.ai-safety-note h2{color:#263249}.affiliate-disclosure p,.ai-safety-note p,.ai-safety-note li{color:#5a5965;font-size:14px;line-height:1.85}.ai-safety-note ul{margin:14px 0 0;padding-left:1.35em}.ai-safety-note li{margin:8px 0}.ai-tools-updated{margin-top:18px;color:#79656a;font-size:12px}.atmospheric[data-preset="night"] .ai-tool-card,.atmospheric[data-preset="night"] .affiliate-disclosure,.atmospheric[data-preset="night"] .ai-safety-note{background:rgba(30,40,65,.72);border-color:rgba(255,255,255,.18)}.atmospheric[data-preset="night"] .ai-tool-card h2,.atmospheric[data-preset="night"] .affiliate-disclosure strong,.atmospheric[data-preset="night"] .ai-safety-note h2{color:#f6f4f0}.atmospheric[data-preset="night"] .ai-tool-card p,.atmospheric[data-preset="night"] .affiliate-disclosure p,.atmospheric[data-preset="night"] .ai-safety-note p,.atmospheric[data-preset="night"] .ai-safety-note li{color:#d0ccd2}.atmospheric[data-preset="night"] .ai-tool-meta span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#f1bd96}
@media(max-width:900px){.category-rail{grid-template-columns:1fr 1fr}.category-label{grid-column:1/3}.ai-tool-grid{grid-template-columns:1fr}.ai-tool-card{min-height:265px}.ai-tools-main{padding-bottom:80px}}
@media(max-width:600px){.category-rail{grid-template-columns:1fr}.category-label{grid-column:auto}.ai-tool-grid{gap:14px}.ai-tool-card{min-height:250px;padding:24px;border-radius:21px}.affiliate-disclosure,.ai-safety-note{padding:22px;border-radius:21px}.ai-tool-card h2{font-size:24px}}

/* Keep page controls out of the AI directory content on narrow screens. */
.ai-tools-view>.climate-switcher{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:max-content;max-width:calc(100% - 28px);margin:20px auto}
@media(max-width:900px){.ai-tools-main{padding-bottom:52px}.ai-tools-view>.climate-switcher{overflow-x:auto;justify-content:flex-start;border-radius:20px}}
@media(max-width:600px){.ai-tools-main .section-title{display:block}.ai-tools-main .section-title>p{margin-top:12px;max-width:none}}

/* Light atmospheric presets need dark copy on the highlighted directory card. */
.atmospheric[data-preset]:not([data-preset="night"]) .article-card.is-directory{background:rgba(255,237,210,.72)!important;color:#172438!important}
.atmospheric[data-preset]:not([data-preset="night"]) .article-card.is-directory h2,.atmospheric[data-preset]:not([data-preset="night"]) .article-card.is-directory h2 a{color:#172438!important}
.atmospheric[data-preset]:not([data-preset="night"]) .article-card.is-directory p{color:#5d5963!important}
.atmospheric[data-preset]:not([data-preset="night"]) .article-card.is-directory .post-meta{color:#77666a!important}

/* Article advertising: one live creative plus one reserved placement. */
.article-ad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}.article-ad-card{position:relative;display:flex;height:340px;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:rgba(255,245,231,.76);box-shadow:0 18px 48px rgba(132,69,41,.13)}.article-ad-card-image{align-items:center;justify-content:center;padding:0;background:#fff}.article-ad-card-image img{display:block;width:100%;height:100%;object-fit:contain}.article-ad-card-image:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(33,74,120,.05);pointer-events:none}.article-ad-label{position:absolute;z-index:2;left:14px;top:14px;padding:6px 10px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(33,48,73,.82);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 7px 22px rgba(28,43,66,.16);backdrop-filter:blur(10px)}.article-ad-placeholder{align-items:center;justify-content:center;border:2px dashed rgba(171,91,53,.28);background:linear-gradient(145deg,rgba(255,237,210,.62),rgba(255,249,237,.78))}.article-ad-placeholder>div{text-align:center}.article-ad-placeholder small{display:block;margin-bottom:10px;color:#b66b4c;font-size:11px;font-weight:900;letter-spacing:.18em}.article-ad-placeholder strong{display:block;color:#263249;font-size:27px;line-height:1.25}.article-ad-placeholder p{margin:9px 0 0;color:#75656a;font-size:13px}.article-ad-disclosure{grid-column:1/-1;margin:0!important;color:#786a6d!important;font-size:11px!important;line-height:1.6!important;text-align:right}.article-ad-card-image{transition:transform .22s ease,box-shadow .22s ease}.article-ad-card-image:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(132,69,41,.2)}
.atmospheric[data-preset="night"] .article-ad-placeholder{background:rgba(30,40,65,.66);border-color:rgba(255,255,255,.2)}.atmospheric[data-preset="night"] .article-ad-placeholder strong{color:#f5f4f2}.atmospheric[data-preset="night"] .article-ad-placeholder p,.atmospheric[data-preset="night"] .article-ad-disclosure{color:#d0ccd2!important}
@media(max-width:900px){.article-ad-card{height:300px}}
@media(max-width:600px){.article-ad-grid{grid-template-columns:1fr;gap:14px;margin-top:26px}.article-ad-card{height:auto;min-height:280px;border-radius:20px}.article-ad-card-image{aspect-ratio:741/702}.article-ad-placeholder{min-height:230px}.article-ad-disclosure{grid-column:auto;text-align:left}}

/* Homepage and category advertising placements. */
.home-intro{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);gap:38px;align-items:center;min-height:540px!important;padding-block:82px 54px!important}.home-intro-copy{min-width:0}.home-intro-copy h1{max-width:760px}.home-intro-copy>p:last-child{max-width:700px;color:#655d67;font-size:16px;line-height:1.8}.home-hero-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:12px;min-width:0}.home-hero-ad{position:relative;display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:22px;background:#fff;box-shadow:0 18px 52px rgba(132,69,41,.15);transition:transform .22s ease,box-shadow .22s ease}.home-hero-ad:hover{transform:translateY(-3px);box-shadow:0 24px 62px rgba(132,69,41,.22)}.home-hero-ad img{display:block;width:100%;height:100%;object-fit:contain}.home-hero-ad>span,.category-feature-ad>span{position:absolute;z-index:2;left:10px;top:10px;padding:5px 9px;border-radius:999px;background:rgba(35,51,77,.84);color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;box-shadow:0 5px 16px rgba(28,43,66,.16)}.home-hero-ads>p{grid-column:1/-1;margin:0;color:#785f62;font-size:10px;line-height:1.55;text-align:right}
.category-feature-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center;padding:12px;background:rgba(255,233,205,.45)!important}.category-feature-ads:before,.category-feature-ads:after{display:none}.category-feature-ad{position:relative;display:flex;min-width:0;aspect-ratio:1/1;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(132,69,41,.12);transition:transform .22s ease}.category-feature-ad:hover{transform:translateY(-2px)}.category-feature-ad img{display:block;width:100%;height:100%;object-fit:contain}
.atmospheric[data-preset="night"] .home-intro-copy>p:last-child,.atmospheric[data-preset="night"] .home-hero-ads>p{color:#d5d4dc}
@media(max-width:1000px){.home-intro{grid-template-columns:1fr!important;gap:28px;min-height:auto!important}.home-hero-ads{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.home-hero-ads>p{grid-column:1/-1}.category-feature-ads{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.home-intro{padding-block:58px 36px!important}.home-intro-copy h1{font-size:42px}.home-intro-copy>p:last-child{font-size:14px}.home-hero-ads{grid-template-columns:1fr}.home-hero-ad{aspect-ratio:1/1}.home-hero-ads>p{grid-column:auto;text-align:left}.category-feature-ads{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0!important}.category-feature-ad{aspect-ratio:1/1;min-height:0}}
@media(min-width:901px){.featured-grid .feature-small{padding:18px 22px}.featured-grid .feature-small h3{font-size:20px;line-height:1.25;margin:6px 0 8px}.featured-grid .feature-small p{font-size:13px;line-height:1.5}}