:root{--bg:#070d11;--deep:#04090d;--nav:#0a1419;--card:#102027;--card2:#142830;--cyan:#13c9c5;--bright:#41e1d8;--white:#f4f9f9;--text:#d9e7e9;--muted:#9bb2b9;--line:rgba(110,210,213,.16);--orange:#f4ad62;--purple:#a38ce3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.77 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft Yahei',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--bright);outline-offset:3px}img{max-width:100%;height:auto;display:block}.container{width:min(1240px,calc(100% - 44px));margin-inline:auto}.top-line{background:var(--deep);font-size:12px;color:var(--muted);height:29px}.top-flex{display:flex;justify-content:space-between;align-items:center;height:100%}.top-line a{color:var(--bright);margin-left:12px}.site-header{background:var(--nav);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav-main{height:70px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-img{width:158px;max-height:42px;object-fit:contain}.brand-text{display:none;font-weight:900;font-size:22px;line-height:1.05;color:var(--white)}.brand-text small{display:block;font-size:9px;letter-spacing:2px;color:var(--bright)}.desktop-nav{display:flex;align-items:center;gap:18px;flex:1;justify-content:center;white-space:nowrap}.desktop-nav a{font-size:14px;color:var(--muted);height:70px;display:flex;align-items:center;border-bottom:2px solid transparent}.desktop-nav a:hover,.desktop-nav a.active{color:var(--white);border-bottom-color:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:10px}.icon-button{background:transparent;color:var(--white);border:1px solid var(--line);border-radius:10px;width:44px;height:44px;cursor:pointer;font-size:22px}.outline-button{border:1px solid rgba(65,225,216,.42);border-radius:9px;color:var(--bright);font-size:13px;padding:10px 15px;white-space:nowrap}.quickbar{background:#0b171c;border-bottom:1px solid var(--line)}.quick-items{display:flex;gap:34px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.quick-items a{font-size:13px;padding:9px 0;color:var(--muted)}.quick-items span{color:var(--cyan)}.header-search{display:flex;gap:10px;align-items:center;padding-bottom:16px}.header-search[hidden]{display:none}.header-search label{white-space:nowrap}.header-search input,.search-form input{width:100%;min-width:0;background:#192b31;border:1px solid var(--line);border-radius:9px;padding:11px 16px;color:var(--white)}.header-search button,.search-form button,.primary-button{background:var(--bright);color:#062529;border:0;border-radius:10px;padding:11px 20px;font-weight:750;cursor:pointer}.main-content{padding-top:36px;padding-bottom:85px;min-height:64vh}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--bright);text-transform:uppercase}.hero{display:grid;grid-template-columns:44% 56%;background:linear-gradient(125deg,#112b31,#0c1921);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:365px}.hero-copy{padding:52px 44px}.hero h1{font-size:40px;line-height:1.18;color:var(--white);margin:14px 0}.hero h2{font-size:25px;line-height:1.3;margin:0 0 16px;color:var(--bright)}.hero p{max-width:480px;color:var(--muted);font-size:15px}.hero-art{display:grid;place-items:center;min-width:0;background:#06171c}.hero-art img{width:100%;height:100%;max-height:410px;object-fit:contain}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.second-button{border:1px solid var(--line);padding:11px 18px;border-radius:10px}.section{margin-top:60px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}.section-head h2{font-size:26px;color:var(--white);line-height:1.2;margin:6px 0}.section-head p{font-size:14px;margin:0;color:var(--muted)}.section-head>a{color:var(--bright);font-size:14px;white-space:nowrap}.channels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.channel{padding:20px 16px;background:var(--card);border:1px solid var(--line);border-radius:13px;min-height:155px}.channel b{display:block;color:var(--white);font-size:16px}.channel p{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}.channel .arrow{color:var(--cyan);display:block;margin-top:10px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article-card{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:block;transition:transform .2s,border-color .2s}.article-card:hover{transform:translateY(-3px);border-color:rgba(65,225,216,.44)}.article-card>img{height:190px;width:100%;object-fit:contain;background:#0b171e}.card-content{padding:20px}.article-card h3{font-size:19px;color:var(--white);line-height:1.45;margin:8px 0}.article-card p{font-size:14px;color:var(--muted);margin:0 0 13px;line-height:1.7}.more-link{color:var(--bright);font-size:13px}.feature-pair{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.feature-pair img{width:100%;max-height:285px;object-fit:contain;background:#0d1b20;border-radius:13px}.editor-panel,.content-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px}.editor-panel h3{margin:6px 0 14px;color:var(--white);font-size:22px}.editor-panel p{color:var(--muted);font-size:15px}.editor-panel a,.content-panel a{color:var(--bright)}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.step{padding:19px;background:var(--card);border:1px solid var(--line);border-radius:12px}.step small{color:var(--bright);font-weight:bold}.step h3{font-size:16px;color:var(--white)}.step p{font-size:13px;color:var(--muted)}.page-heading{padding:37px 36px;background:linear-gradient(110deg,#132c34,#09141a);border:1px solid var(--line);border-radius:14px;margin:0 0 30px}.page-heading h1{font-size:36px;color:var(--white);line-height:1.25;margin:12px 0}.page-heading p{font-size:16px;color:var(--muted);max-width:830px;margin:0}.page-cover{width:100%;max-height:305px;object-fit:contain;background:#101e24;border-radius:12px;margin-bottom:30px}.content-section{margin-top:30px}.content-section h2{font-size:24px;color:var(--white);margin:0 0 12px}.content-section p,.prose p{color:var(--text);font-size:16px;line-height:1.84}.content-section ul{padding-left:24px}.content-section li{padding:5px 0}.content-section a{color:var(--bright)}.inner-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px}.prose{max-width:760px;min-width:0}.prose h2{color:var(--white);font-size:24px;margin-top:36px}.prose>p{line-height:1.88}.article-side{align-self:start;position:sticky;top:100px}.article-side .article-card{margin-top:14px}.breadcrumb{font-size:13px;color:var(--muted);margin:0 0 20px}.breadcrumb a{color:var(--bright)}.article-head h1{font-size:36px;line-height:1.34;color:var(--white);margin:12px 0}.article-head .summary{font-size:18px;color:var(--muted)}.meta-tags{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 25px}.meta-tags span{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:3px 9px;color:var(--muted)}.article-image{width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:#102027}.caption{font-size:12px;color:var(--muted);margin-top:8px}.notice{border-left:3px solid var(--cyan);background:var(--card);padding:16px 21px;color:var(--muted);margin:25px 0;border-radius:0 9px 9px 0}.search-form{display:flex;gap:12px;margin:24px 0}.search-result-count{color:var(--muted);margin:17px 0}.empty{padding:35px;background:var(--card);border:1px solid var(--line);border-radius:12px}.faq-item{padding:22px 0;border-bottom:1px solid var(--line)}.faq-item h2{font-size:19px;color:var(--white)}.faq-item p{margin-bottom:0}.site-footer{padding:48px 0 25px;background:#04090d;border-top:1px solid var(--line)}.footer-intro strong{font-size:24px;color:var(--white)}.footer-intro strong span{color:var(--bright);font-size:13px;letter-spacing:1px;margin-left:10px}.footer-intro p{color:var(--muted);font-size:14px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:30px}.footer-grid h3{color:var(--white);font-size:16px}.footer-grid a{display:block;font-size:13px;color:var(--muted);margin:6px 0}.footer-grid a:hover{color:var(--bright)}.footer-note,.copyright{border-top:1px solid var(--line);color:var(--muted);font-size:12px;padding-top:18px;margin-top:25px}.copyright{border:0;margin-top:0}.drawer-backdrop{position:fixed;inset:0;background:#0009;z-index:39}.drawer-backdrop[hidden]{display:none}.drawer{position:fixed;top:0;right:0;height:100vh;overflow-y:auto;width:min(360px,88vw);background:#0f1f26;z-index:40;padding:23px;transform:translateX(110%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s}.drawer.open{transform:none;visibility:visible;pointer-events:auto}.menu-open{overflow:hidden}.drawer-title{display:flex;justify-content:space-between;align-items:center}.drawer-title strong{font-size:21px;color:var(--white)}.drawer section h3{font-size:12px;color:var(--bright);letter-spacing:2px;margin:28px 0 10px}.drawer section a{padding:11px 0;display:block;border-bottom:1px solid var(--line)}.drawer section b{font-size:15px;display:block;color:var(--white)}.drawer section small{color:var(--muted);display:block;font-size:12px}.mobile-bottom{display:none}.image-fallback{min-height:150px;background:linear-gradient(135deg,#092a30,#101b25);border-radius:10px}@media(max-width:1120px){.desktop-nav{gap:10px}.desktop-nav a{font-size:12px}.logo-img{width:130px}.channels{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.desktop-nav,.hide-mobile{display:none}.nav-main{justify-content:space-between}.logo-img{width:154px}.top-flex span:last-child{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.inner-grid{grid-template-columns:1fr}.article-side{position:static}.hero-copy{padding:30px}.hero h1{font-size:32px}}@media(max-width:600px){.container{width:min(100% - 28px,1240px)}.nav-main{height:64px}.logo-img{width:145px}.quick-items{gap:19px}.main-content{padding-top:18px;padding-bottom:100px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px 22px}.hero h1{font-size:30px}.hero h2{font-size:22px}.hero-art{min-height:190px}.hero-art img{max-height:240px}.section{margin-top:38px}.section-head h2{font-size:23px}.channels{grid-template-columns:repeat(2,minmax(0,1fr))}.channel{min-height:135px;padding:15px}.cards{grid-template-columns:1fr}.article-card>img{height:180px}.feature-pair{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.page-heading{padding:24px 21px}.page-heading h1,.article-head h1{font-size:28px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:30;background:#0a1419;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;align-items:center;flex-direction:column;color:var(--muted);font-size:12px;padding:5px 0}.mobile-bottom a span{font-size:21px}.mobile-bottom a.active{color:var(--bright)}.site-footer{padding-bottom:105px}.search-form{flex-direction:column}.section-head{align-items:start}.section-head>a{font-size:12px}.footer-intro strong span{display:block;margin-left:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}