*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070d11;color:#d9e7e9;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;line-height:1.76}a{color:inherit;text-decoration:none}a:hover{color:#41e1d8}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}.wrap{max-width:1240px;margin:auto;padding:0 24px}.micro{background:#04090d;border-bottom:1px solid #16363b;font-size:11px;color:#92b5b9}.micro-inner{height:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.micro a{margin-left:12px;color:#72d9d4}.site-head{background:#0a1419;position:sticky;top:0;z-index:25;border-bottom:1px solid #174045}.head-inner{height:68px;display:flex;align-items:center;gap:20px}.brand{display:block;flex:none;width:168px}.brand img{width:100%;display:block;max-height:52px;object-fit:contain;object-position:left}.desktop-nav{display:flex;gap:19px;align-items:center;flex:1;justify-content:center}.desktop-nav a{font-size:14px;position:relative;white-space:nowrap}.desktop-nav a.active{color:#41e1d8}.desktop-nav a.active:after{content:'';position:absolute;bottom:-21px;left:0;right:0;background:#13c9c5;height:2px}.head-actions{display:flex;gap:14px;align-items:center}.search-icon{font-size:32px;color:#41e1d8;line-height:1}.outline-tip{border:1px solid #13c9c5;color:#41e1d8;padding:7px 13px;border-radius:8px;font-size:13px;white-space:nowrap}.menu-toggle,.drawer-top button{border:0;background:none;color:#63e1da;font-size:23px}.topic-strip{background:#0d1e24;border-bottom:1px solid #1a3c42}.scroll-links{display:flex;gap:35px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.scroll-links a{padding:10px 0;font-size:13px;color:#9bbcc5}.main-content{padding-top:31px;padding-bottom:65px;min-height:50vh}h1,h2,h3{line-height:1.35;color:#f4f9f9;letter-spacing:.01em}h1{font-size:38px;margin:10px 0 18px}h2{font-size:26px;margin:0 0 16px}h3{font-size:19px;margin:0 0 10px}p{margin:0 0 16px}.eyebrow{color:#42ded6;font-size:12px;font-weight:700;letter-spacing:.08em}.muted{color:#9bb2b9}.lead{font-size:17px;color:#b7d0d6;max-width:760px}.section{margin-top:58px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading p{color:#9bb2b9;margin:0;font-size:14px}.more{color:#4be1dc;font-size:13px;font-weight:600}.hero{display:grid;grid-template-columns:44% 56%;border:1px solid #215059;border-radius:15px;overflow:hidden;background:linear-gradient(115deg,#102b31,#081a22)}.hero-copy{padding:48px 45px}.hero-copy h1{font-size:40px}.hero-copy h2{font-size:23px;color:#71e8df}.hero-copy p{color:#c2d8db}.hero-media{display:flex;align-items:center;justify-content:center;min-height:320px;background:#0b2830}.hero-media img{width:100%;height:100%;object-fit:contain}.btn{display:inline-block;background:#41e1d8;color:#062529;padding:10px 18px;border-radius:9px;font-weight:700;font-size:14px;margin:7px 9px 0 0}.btn:hover{background:#9cf4ed;color:#062529}.btn.secondary{background:transparent;border:1px solid #3d8186;color:#d7f2f2}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.quick{padding:18px 13px;border:1px solid #25444a;background:#102027;border-radius:13px;min-width:0}.quick strong{display:block;color:#effcfc;font-size:15px;margin-bottom:7px}.quick small{color:#a0bbc1;font-size:12px;line-height:1.6;display:block}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border-radius:14px;border:1px solid rgba(110,210,213,.16);background:#102027;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:rgba(65,225,216,.42)}.card img{display:block;width:100%;height:188px;object-fit:contain;background:#0c1a20}.card-body{padding:19px}.card h3 a{overflow-wrap:anywhere}.card p{font-size:14px;color:#aac3c8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .more{display:inline-block;margin-top:2px}.feature-grid{display:grid;grid-template-columns:5fr 7fr;gap:19px}.feature-grid .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid .card:first-child img{height:240px}.feature-grid .card{height:100%}.image-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.image-split img,.page-hero img{border-radius:14px;border:1px solid #27444b;width:100%;max-height:340px;object-fit:contain;background:#10262b}.stack{display:grid;gap:12px}.stack a,.pill-card{display:block;background:#102027;border:1px solid #22434b;padding:18px 20px;border-radius:12px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeline>div{background:#11272d;border-top:3px solid #13c9c5;padding:23px 17px;border-radius:7px}.timeline span{color:#51ddd7}.timeline p{font-size:14px;color:#b4cbd0}.page-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:center;background:linear-gradient(100deg,#10252c,#0a161b);border:1px solid #22444b;padding:25px;border-radius:15px}.page-hero p{font-size:16px;color:#b6d0d6}.page-hero img{max-height:265px}.page-grid{display:grid;grid-template-columns:2fr 1fr;gap:27px}.editorial-panel,.prose{background:#102027;border:1px solid #25444b;border-radius:14px;padding:26px}.editorial-panel h2,.prose h2{margin:0 0 14px}.editorial-panel p,.prose p{line-height:1.9}.editorial-panel+.editorial-panel{margin-top:18px}.sidebar a{display:block;padding:14px 0;border-bottom:1px solid #234049;color:#bed6d9}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,300px);gap:50px;align-items:start}.article-head .lead{max-width:100%}.breadcrumbs{font-size:13px;color:#91bbc2;margin-bottom:18px}.article-head .meta{font-size:13px;color:#74bbb9;margin:16px 0 24px}.article-cover{width:100%;max-height:380px;object-fit:contain;border-radius:13px;background:#10252c}.figure-caption{font-size:12px;color:#91abb2}.article-body{padding:14px 0}.article-body p{font-size:17px;line-height:1.95;margin:0 0 23px}.article-body p:first-child:first-letter{color:#62e1d8;font-size:28px;font-weight:700}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.tags span{border:1px solid #34626c;padding:3px 10px;border-radius:5px;font-size:12px;color:#93d4d3}.notice{border-left:3px solid #13c9c5;background:#132830;color:#bed8db;padding:18px 22px;border-radius:0 9px 9px 0;margin:22px 0}.faq details{border-bottom:1px solid #27434a;padding:16px 2px}.faq summary{cursor:pointer;color:#f3fbfc;font-weight:650}.faq p{padding:12px 0 0;color:#b7cbd0}.search-form{display:flex;gap:10px;margin:25px 0 28px}.search-form input{border:1px solid #38656a;background:#0f2329;color:#f2f9f9;padding:14px;border-radius:8px;min-width:0;flex:1}.search-form button{border:0;background:#41e1d8;color:#062529;border-radius:8px;padding:0 27px;font-weight:bold}.site-footer{background:#04090d;border-top:1px solid #235057;padding-top:44px}.footer-top{display:grid;grid-template-columns:1fr 2.5fr;gap:45px}.footer-logo{width:190px;max-height:76px;object-fit:contain;object-position:left}.footer-top p{color:#c2d5d8}.footer-top small{color:#76949e}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.footer-columns h3{font-size:14px;color:#e9fafa}.footer-columns a{display:block;font-size:13px;color:#98b1ba;margin-bottom:9px}.copyright{border-top:1px solid #193036;margin-top:32px;padding:17px 0 23px;font-size:12px;color:#76949e}.mobile-bar{display:none}.drawer-overlay{position:fixed;inset:0;background:#000a;z-index:39}.drawer{position:fixed;right:0;top:0;bottom:0;overflow:auto;width:min(360px,88vw);padding:23px;background:#0f1f26;z-index:40;box-shadow:-10px 0 40px #0007;transform:translateX(110%);visibility:hidden;pointer-events:none;transition:transform .25s,visibility .25s}.drawer.show{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center}.drawer h3{color:#59d9d3;font-size:14px;margin-top:28px}.drawer-links a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #29434b;font-size:14px}.missing{height:160px;background:linear-gradient(100deg,#0d2630,#1b4650)}:focus-visible{outline:2px solid #9cf4ed;outline-offset:3px}@media(max-width:1050px){.desktop-nav{gap:10px}.desktop-nav a{font-size:12px}.quick-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{display:block}.feature-grid>.card{margin-bottom:18px}}@media(max-width:760px){.wrap{padding:0 16px}.micro-inner span:last-child{display:none}.desktop-nav,.outline-tip{display:none}.head-inner{height:60px;justify-content:space-between}.brand{width:154px}.head-actions{margin-left:auto}.main-content{padding-top:20px;padding-bottom:105px}.hero,.page-hero,.image-split,.page-grid,.article-layout,.footer-top{grid-template-columns:1fr}.hero-copy{padding:30px 22px}.hero-copy h1{font-size:30px}.hero-media{min-height:190px}.hero-media img{max-height:230px}.quick-grid{grid-template-columns:repeat(2,1fr)}.cards,.feature-grid .cards{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr)}.section{margin-top:39px}h1{font-size:28px}h2{font-size:22px}.section-heading{align-items:start}.page-hero{padding:19px}.footer-columns{grid-template-columns:repeat(2,1fr)}.article-layout{gap:15px}.article-body p{font-size:16px}.mobile-bar{position:fixed;display:flex;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:28;background:#07161b;border-top:1px solid #27555b}.mobile-bar a{display:grid;place-content:center;text-align:center;flex:1;color:#69dad5;font-size:20px;line-height:1.25}.mobile-bar small{font-size:11px;color:#c0d9dc}.site-footer{padding-bottom:55px}.scroll-links{gap:23px}.image-split img{max-height:280px}}@media(max-width:390px){.brand{width:139px}.quick{padding:13px}.quick strong{font-size:13px}.timeline{grid-template-columns:1fr}.section-heading{flex-wrap:wrap}.footer-columns{gap:13px}.footer-columns h3{font-size:13px}}
/* 2026 editorial refresh: structured masthead and calmer magazine rhythm */
:root{--accent:#26d8d0} .hero{background:linear-gradient(128deg,#0c2429,#071115 72%);border:1px solid rgba(74,203,209,.17)}.hero-copy h1{letter-spacing:1px}.hero-copy h2{color:#9ff1e7}.quick{background:linear-gradient(155deg,#14303a,#0b1b23);border-top:2px solid rgba(40,214,206,.45)}.card{background:#0c1b23}.card:hover{border-color:rgba(38,216,208,.46)}.section-heading{border-bottom:1px solid rgba(125,200,210,.16);padding-bottom:18px}.page-hero{background:linear-gradient(110deg,#11232c,#071116);border:1px solid rgba(95,188,195,.16)}.notice{background:#102229}.editorial-panel{background:#142932}