*{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}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:#0d1015;border-bottom:1px solid #252b36}.topbar{height:70px;display:flex;align-items:center;gap:36px;min-width:0}.brand{display:inline-flex;align-items:center;flex-shrink:0;gap:10px;color:#f5f7fa;font-size:20px;font-weight:700;white-space:nowrap}.brand-fallback{display:inline-block}.logo-media{display:inline-flex;align-items:center;width:auto;height:36px;max-width:145px;background:transparent;overflow:visible}.logo-media img{display:block;height:100%;width:auto;max-width:145px;object-fit:contain}.logo-media.media-placeholder{display:none}.primary{display:flex;align-items:center;gap:26px;min-width:0;white-space:nowrap;margin-inline:auto}.nav-link{display:flex;align-items:center;position:relative;height:70px;color:#c7cdd5;font-size:15px}.nav-link.active{color:#6ea8ff}.nav-link.active:after{content:"";position:absolute;height:2px;width:24px;background:#6ea8ff;left:0;bottom:11px}.enter-btn{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:42px;padding-inline:15px;border-radius:999px;background:#5c7cfa;color:white;font-size:14px;font-weight:700;white-space:nowrap;flex-shrink:0}.enter-btn:hover{color:white;background:#7390ff}.subnav{background:#12161c;border-bottom:1px solid #282f39}.subnav-inner{display:flex;white-space:nowrap;overflow-x:auto;gap:25px;scrollbar-width:thin;height:45px;align-items:center}.sub-link{font-size:13px;color:#9098a3;flex-shrink:0}.sub-link.active,.sub-link:hover{color:#8ed8ff}h1,h2,h3{color:#f5f7fa;line-height:1.36;margin:0}h1{font-size:34px;letter-spacing:-.025em}h2{font-size:25px}h3{font-size:18px}p{margin:0 0 16px}.lead{font-size:17px;color:#bac5d5;max-width:800px}.page-head{padding:46px 0 24px}.page-head h1{margin:0 0 16px}.eyebrow{font-size:12px;color:#8ed8ff;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:12px}.section{margin:35px 0 50px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-title a{color:#8ed8ff;font-size:14px}.feature-panel,.article-panel,.mini,.image-card,.text-link-card{background:#171c23;border:1px solid rgba(255,255,255,.09);border-radius:13px}.feature-panel{padding:28px}.feature-panel p{max-width:780px}.article-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px}.article-panel{padding:26px;margin-bottom:18px}.article-panel h2{margin-bottom:15px}.article-panel p{color:#bfc9d6}.related{margin:28px 0 55px;border-top:1px solid #29303b;padding-top:22px}.related h2{font-size:20px;margin-bottom:16px}.link-chips{display:flex;flex-wrap:wrap;gap:10px}.link-chips a{display:inline-flex;border:1px solid #374455;padding:8px 14px;border-radius:999px;background:#171c23;font-size:14px}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mini{padding:20px;min-width:0}.mini p{font-size:14px;color:#aab6c5;margin:8px 0 0}.mini h3{font-size:18px}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center}.split.reverse{grid-template-columns:1fr 1.15fr}.split>*,.article-grid>*{min-width:0}.split h2{margin:0 0 16px}.media{width:100%;max-width:100%;min-width:0;overflow:hidden;border-radius:12px;background:#0d1015}.media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-natural img{width:100%;height:auto;max-height:300px;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:240px;margin-inline:auto}.media-placeholder{background:linear-gradient(135deg,#101722,#202b3c);border:1px solid #253141;border-radius:12px;min-height:165px}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.image-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.image-card{padding:12px;min-width:0}.image-card .media,.image-card .media-placeholder{max-height:220px}.image-card h3{font-size:16px;margin:12px 0 4px}.image-card p{color:#a9b5c3;font-size:13px;margin:0 0 5px}.hero{padding:36px 0 20px}.hero .lead{margin:18px 0}.hero .media-placeholder,.hero .media{max-height:300px}.hero .media-natural img{max-height:300px}.banner-wrap{max-width:1080px;margin:auto}.banner-wrap .media-natural img{max-height:none}.banner-wrap .media-placeholder{min-height:140px}.notice{border-left:3px solid #6ea8ff;padding:16px 20px;background:#121a28;border-radius:0 10px 10px 0}.mobile-drawer,.drawer-mask,.menu-toggle{display:none}.site-footer{background:#050608;border-top:1px solid #252b36;margin-top:55px;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:35px}.foot-brand p{color:#9098a3;font-size:14px;margin-top:16px}.foot-col h2{font-size:16px;margin-bottom:15px}.foot-col a{display:block;color:#9098a3;font-size:14px;margin:8px 0}.foot-col a:hover{color:#8ed8ff}.foot-bottom{border-top:1px solid #252b36;margin-top:32px;padding-top:18px;display:flex;gap:18px;align-items:flex-start;font-size:13px;color:#9098a3}.foot-bottom p{margin:0}.mobile-bottom{display:none}.faq-item{padding:22px 0;border-bottom:1px solid #26303b}.faq-item h2{font-size:19px;margin-bottom:10px}.faq-item p{margin:0}.backtop{position:fixed;right:18px;bottom:20px;border:1px solid #354559;color:#c7cdd5;background:#171c23;border-radius:50%;width:42px;height:42px;cursor:pointer;z-index:50}.index-list{list-style:none;padding:0;margin:0}.index-list li{padding:15px 0;border-bottom:1px solid #29303b}.index-list span{font-size:12px;color:#8ed8ff;margin-right:10px}.index-list small{display:block;color:#9ba7b7;margin-left:32px;font-size:14px}.nav-pill{font-size:13px;color:#8ed8ff}.gif-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gif-pair .media-natural img{max-height:180px}
@media(max-width:1100px){.primary{gap:15px}.topbar{gap:18px}.nav-link{font-size:14px}.footer-grid{gap:20px}}@media(max-width:980px){.wrap{width:calc(100% - 40px)}.topbar{height:59px;justify-content:space-between}.primary{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:space-around;align-items:center;border:0;background:transparent;padding:8px;width:40px;height:39px;cursor:pointer;flex-shrink:0}.menu-toggle span{width:21px;height:2px;background:#f5f7fa;display:block}.topbar .brand{margin-inline:auto}.topbar .logo-media{height:29px}.topbar .brand-fallback{font-size:17px}.enter-btn{height:36px;min-width:76px;padding-inline:11px;font-size:12px}.mobile-drawer{display:block;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:0 16px 30px;visibility:hidden}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:17px 3px;border-bottom:1px solid #2b3240;color:#f5f7fa;font-weight:700}.drawer-close{border:0;background:transparent;color:#f5f7fa;font-size:32px;line-height:1;cursor:pointer}.drawer-section{padding:15px 0;border-bottom:1px solid #222b35}.drawer-section h2{font-size:14px;color:#8ed8ff;margin-bottom:9px}.drawer-section nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-section a{font-size:14px;padding:3px 0}.drawer-open{overflow:hidden}.mobile-bottom{display:flex;position:fixed;inset:auto 0 0 0;height:60px;padding-bottom:env(safe-area-inset-bottom);background:#0d1015;border-top:1px solid #26303b;justify-content:space-around;align-items:center;z-index:90}.mobile-bottom a{font-size:14px;color:#aab6c5}.site-footer{margin-bottom:60px}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head{padding-top:34px}.article-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}body{font-size:15px;line-height:1.78}h1{font-size:27px}h2{font-size:21px}.section{margin:25px 0 35px}.hero{padding:26px 0 15px}.split,.split.reverse{grid-template-columns:1fr;gap:16px}.hero .split .media{order:-1}.hero .split .media-placeholder{order:-1}.media-natural img{max-height:240px}.hero .media-natural img{max-height:205px}.article-panel,.feature-panel{padding:20px}.section-title{margin-bottom:15px}.section-title h2{font-size:21px}.mini-grid{gap:12px}.mini{padding:15px}.mini h3{font-size:16px}.mini p{font-size:13px}.image-grid{gap:12px}.image-card{padding:9px}.image-card h3{font-size:15px}.image-card .media,.image-card .media-placeholder{max-height:165px}.image-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.gif-pair{grid-template-columns:1fr}.footer-grid{gap:20px}.foot-bottom{display:block}.page-head .lead{font-size:15px}.split .media-device{order:-1}.subnav-inner{gap:18px}.brand-fallback{font-size:16px}}
@media(max-width:350px){.topbar{gap:6px}.topbar .brand-fallback{font-size:15px}.mini-grid{grid-template-columns:1fr}.enter-btn{padding-inline:8px}.brand{gap:4px}}
/* 2026 editorial refresh: preserve brand palette */
.editorial-ribbon{border-bottom:1px solid rgba(255,255,255,.09);background:#171c23;padding:12px 0}.editorial-ribbon .wrap{display:flex;gap:20px;overflow-x:auto;white-space:nowrap;font-size:13px;color:#8ed8ff}.new-hero{display:grid;grid-template-columns:1.22fr .78fr;gap:24px;padding:38px 0;align-items:center}.new-hero .eyebrow{margin:0 0 15px}.new-hero h1{max-width:680px}.new-hero p{margin-top:18px}.new-hero .media{max-height:330px}.new-hero .media img{height:auto;max-height:330px}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{background:#171c23;padding:22px;border-radius:13px;border:1px solid rgba(255,255,255,.09)}.tile h3{margin-bottom:10px}.tile p{font-size:14px;color:#aebaca;margin:0}.twin-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.read-stack{display:grid;gap:15px}.read-stack article{padding:23px;background:#171c23;border:1px solid rgba(255,255,255,.09);border-radius:13px}.read-stack h2{font-size:21px;margin-bottom:11px}.topic-breadcrumb{color:#8ed8ff;font-size:13px}.new-footer{margin-top:30px}.topic-index{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-index li{border-bottom:1px solid #2b3340;padding:12px 4px}.topic-index span{font-size:12px;color:#8ed8ff;margin-right:10px}@media(max-width:760px){.new-hero,.twin-col{grid-template-columns:1fr}.new-hero .media{order:-1}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.tile-grid{grid-template-columns:1fr}.topic-index{grid-template-columns:1fr}}