*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080A0D;color:#C7CDD5;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#8ED8FF}button{font:inherit;cursor:pointer}img{max-width:100%;vertical-align:middle}h1,h2,h3{line-height:1.35;color:#F5F7FA;margin:0 0 16px}h1{font-size:clamp(26px,3vw,40px)}h2{font-size:clamp(20px,2.3vw,26px)}h3{font-size:19px}p{margin:0 0 16px}.shell{max-width:1180px;padding:0 24px;margin:0 auto}.skip-link{position:absolute;top:-120px;background:#fff;color:#000;padding:8px;z-index:20000}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:1000;background:#0D1015;border-bottom:1px solid rgba(255,255,255,.09)}.topbar{display:flex;height:70px;align-items:center;gap:26px}.brand{min-width:158px;display:flex;align-items:center;gap:10px}.brand-media{max-width:146px;max-height:38px}.brand-media img{max-height:38px;object-fit:contain;height:auto;width:auto}.brand-media .media-placeholder{display:none}.brand-fallback{font-weight:900;font-size:22px;color:#8ED8FF}.brand-fallback span{color:white}.brand:has(img) .brand-fallback{display:none}.main-nav{display:flex;align-items:center;gap:28px;flex:1;white-space:nowrap}.main-nav a{color:#C7CDD5;position:relative;font-size:15px}.main-nav a.active,.main-nav a:hover{color:#6EA8FF}.main-nav a.active:after{content:'';position:absolute;left:0;bottom:-12px;width:28px;height:2px;background:#6EA8FF}.enter-btn{flex-shrink:0;color:#fff!important;background:#5C7CFA;border-radius:999px;height:41px;min-width:100px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.enter-btn:hover{background:#7390FF}.subbar{background:#12161C}.subnav{height:45px;display:flex;align-items:center;gap:26px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.subnav a{font-size:13px;color:#9098A3}.subnav a:hover{color:#8ED8FF}.main-content{padding-top:30px;padding-bottom:60px;min-height:70vh}.eyebrow{display:inline-block;color:#8ED8FF;font-size:13px;font-weight:bold;letter-spacing:1px;margin-bottom:12px}.muted{color:#9098A3}.intro{font-size:16px;max-width:820px}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:34px;background:#12161C;border:1px solid rgba(255,255,255,.09);padding:28px;border-radius:14px}.hero h1{margin-bottom:16px}.hero p{font-size:16px;max-width:620px}.hero .media{max-height:300px}.hero .media img{max-height:300px}.section{margin-top:44px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head h2{margin:0}.section-head a{color:#8ED8FF;font-size:14px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel{background:#171C23;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:20px;min-width:0}.card:hover{border-color:rgba(110,168,255,.38)}.card h3{margin:0 0 10px;font-size:18px}.card p{color:#AEB7C3;font-size:14px;margin:0}.text-link{display:inline-flex;margin-top:13px;color:#8ED8FF;font-size:14px;font-weight:600}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.split-article{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.article-body{max-width:810px}.article-body p{font-size:16px;line-height:1.85}.page-hero{background:linear-gradient(120deg,#171C23,#10151B);padding:32px;border:1px solid rgba(255,255,255,.09);border-radius:14px;margin-bottom:32px}.page-hero h1{font-size:clamp(24px,3vw,34px)}.page-hero p{max-width:840px;margin-bottom:0}.article-block{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.09)}.article-block:last-child{border-bottom:0}.article-block h2{font-size:24px;margin:0 0 15px}.article-block p{max-width:810px}.related{margin-top:36px;padding:24px;border-radius:14px;background:#12161C}.related-links{display:flex;gap:10px;flex-wrap:wrap}.related-links a,.tag{display:inline-block;border:1px solid rgba(110,168,255,.3);border-radius:999px;padding:6px 14px;color:#8ED8FF;font-size:13px}.media{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;border-radius:12px;background:#0D1015;display:flex;align-items:center;justify-content:center}.media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-natural img{height:auto;max-height:300px;width:100%;object-fit:contain;margin:auto}.media-square{aspect-ratio:1/1}.media-landscape{aspect-ratio:16/9}.media-topic{aspect-ratio:4/3}.media-banner{aspect-ratio:16/7}.media-device{aspect-ratio:9/16;max-width:250px;margin:auto}.media-placeholder{min-height:110px;width:100%;height:100%;background:linear-gradient(135deg,#141B26,#1C2634)}.media-natural .media-placeholder{height:180px}.feature-media{max-width:480px}.tile{padding:12px}.tile .media{margin-bottom:12px}.tile h3{font-size:16px;margin:0 0 6px}.tile p{font-size:13px;color:#9098A3;margin:0}.illustrated{display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center}.mini-list{display:flex;flex-direction:column;gap:12px}.mini-list a{display:block;background:#171C23;border:1px solid rgba(255,255,255,.09);padding:13px 16px;border-radius:10px}.notice{border-left:3px solid #6EA8FF;background:#12161C;padding:18px 20px;border-radius:0 12px 12px 0}.faq-list details{border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:16px 20px;margin-bottom:12px;background:#171C23}.faq-list summary{cursor:pointer;color:#F5F7FA;font-weight:700}.faq-list p{margin:12px 0 0}.poster{max-width:1080px;margin:auto}.poster img{width:100%;height:auto;max-height:260px;object-fit:contain}.poster .media-placeholder{height:190px}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);padding:45px 0 18px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:36px}.footer-logo{font-weight:900;font-size:24px;color:#8ED8FF}.footer-logo span{color:#fff}.footer-brand p{margin-top:16px;color:#9098A3;font-size:14px}.footer-column h3{font-size:16px}.footer-column a{display:block;font-size:14px;color:#9098A3;margin:6px 0}.footer-column a:hover{color:#8ED8FF}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:30px;padding-top:18px;display:flex;gap:25px;justify-content:space-between;font-size:12px;color:#9098A3}.footer-bottom p{margin:0}.menu-toggle,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}.drawer-mask{display:none!important} .mobile-drawer{display:none!important}
@media(max-width:980px){.shell{padding-left:20px;padding-right:20px}.topbar{height:59px;display:grid;grid-template-columns:40px minmax(0,1fr) 90px;gap:8px}.main-nav{display:none}.menu-toggle{display:flex;background:none;border:0;padding:8px;flex-direction:column;gap:5px;width:40px}.menu-toggle span{display:block;width:23px;height:2px;background:#C7CDD5}.brand{min-width:0;justify-content:center}.brand-media img{max-height:30px}.brand-fallback{font-size:20px}.enter-btn{height:36px;min-width:76px;font-size:12px}.subnav{height:42px}.mobile-drawer{display:block!important;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#0D1015;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;padding:18px}.mobile-drawer.is-open{transform:translateX(0)}.drawer-mask{display:none!important;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block!important;opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-heading{display:flex;align-items:center;justify-content:space-between;color:white;font-size:18px;font-weight:700}.drawer-close{border:0;background:transparent;color:white;font-size:30px}.drawer-group{margin:20px 0;border-top:1px solid rgba(255,255,255,.09);padding-top:14px}.drawer-group strong{font-size:14px;color:#8ED8FF}.drawer-group nav{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;margin-top:8px}.drawer-group a{font-size:14px;padding:6px 0}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:60px;background:#0D1015;z-index:900;border-top:1px solid rgba(255,255,255,.09)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px}.main-content{padding-bottom:90px}.footer-bottom{padding-bottom:65px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body{font-size:15px}.shell{padding-left:16px;padding-right:16px}.main-content{padding-top:20px}.hero{grid-template-columns:1fr;padding:18px;gap:18px}.hero .hero-image{order:-1}.hero .media img{max-height:210px}.section{margin-top:30px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.split-article,.illustrated{grid-template-columns:1fr}.page-hero{padding:22px 18px;margin-bottom:18px}.card,.panel{padding:16px}.article-block{padding:20px 0}.article-block h2{font-size:21px}.article-body p{font-size:15px}.footer-grid{gap:20px}.footer-bottom{flex-direction:column;gap:8px}.media-device{max-width:210px}.poster img{max-height:145px}}
@media(max-width:360px){.grid-3{grid-template-columns:1fr}.brand-fallback{font-size:18px}.topbar{grid-template-columns:38px minmax(0,1fr) 80px;gap:4px}.enter-btn{min-width:74px}.grid-4{gap:10px}.tile{padding:8px}.tile h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}
/* 新版栏目布局优化，保留冷蓝配色 */
.main-nav{gap:19px}.brand{min-width:160px}.feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feature-strip a{border:1px solid rgba(255,255,255,.09);background:#171C23;padding:14px;border-radius:12px}.topic-kicker{font-size:12px;letter-spacing:2px;color:#8ED8FF}.editorial-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.steps{counter-reset:step}.steps article{counter-increment:step;border-top:1px solid rgba(255,255,255,.09);padding:22px 0}.steps h2:before{content:counter(step,decimal-leading-zero) " / ";color:#6EA8FF}.section-hint{color:#9098A3;font-size:14px;max-width:790px}.inline-visual{max-width:450px;margin:auto}.highlight-list{display:grid;gap:12px}.highlight-list a{padding:16px 18px;background:#171C23;border:1px solid rgba(255,255,255,.09);border-radius:10px}.feature-strip strong{color:#F5F7FA;display:block}.article-body{max-width:850px}.hero{background:#12161C}.footer-logo{font-size:21px}
@media(max-width:980px){.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-grid{grid-template-columns:1fr}}@media(max-width:650px){.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-strip a{padding:12px}.brand{min-width:0}.hero{padding:18px}}