*{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}button,a{font:inherit}a{color:#8ED8FF;text-decoration:none}a:hover{color:#fff}button{cursor:pointer}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.reading{max-width:840px}.site-head{position:relative;z-index:30;background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09)}.topbar{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.hamburger{width:44px;height:44px;border:1px solid #303641;border-radius:11px;background:#12161C;color:#F5F7FA;font-size:23px;display:grid;place-items:center}.brand{display:flex;align-items:center;justify-content:center;min-width:0}.brand img{height:36px;width:auto;max-width:190px;object-fit:contain}.brand-text{color:#F5F7FA;font-size:21px;font-weight:700}.enter{justify-self:end;padding:6px 20px;min-height:44px;background:#5C7CFA;border-radius:999px;color:#fff;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.enter:hover{background:#7390FF;color:#fff}.channel{background:#0D1015;border-top:1px solid #20262e}.channel-scroll{display:flex;overflow-x:auto;scrollbar-width:thin;gap:25px;white-space:nowrap}.channel-scroll>a{color:#C7CDD5;font-size:14px;height:47px;display:flex;align-items:center;border-bottom:2px solid transparent}.channel-scroll>a.active{color:#6EA8FF;border-color:#6EA8FF}.screen{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:40;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s}.drawer{position:fixed;inset:0 auto 0 0;width:420px;max-width:86vw;background:#0D1015;border-right:1px solid #313c4d;z-index:50;visibility:hidden;pointer-events:none;transform:translateX(-102%);transition:transform .23s,visibility .23s;overflow-y:auto;padding:20px 25px 38px}.menu-open .screen{visibility:visible;pointer-events:auto;opacity:1}.menu-open .drawer{visibility:visible;pointer-events:auto;transform:translateX(0)}body.menu-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #313642}.close-menu{background:#171C23;color:#fff;border:1px solid #333b45;border-radius:10px;width:42px;height:42px;font-size:26px}.menu-group{padding-top:19px}.menu-group h3{font-size:13px;font-weight:700;letter-spacing:1px;color:#9098A3;margin:0 0 8px}.menu-items{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.menu-items a{padding:8px 9px;border-left:2px solid transparent;color:#C7CDD5;font-size:14px}.menu-items a.active{border-left-color:#6EA8FF;color:#6EA8FF;background:#171C23}main{min-height:60vh}.section{margin-top:44px;margin-bottom:44px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 18px}.section-header h2,.section h2{font-size:27px;color:#F5F7FA;line-height:1.36;margin:0 0 12px}.section-header h2{margin:0}.eyebrow{color:#6EA8FF;text-transform:uppercase;font-size:13px;letter-spacing:1.1px;font-weight:700}.section p,.page-body p{margin:0 0 16px}.section p:last-child{margin-bottom:0}h1,h2,h3{color:#F5F7FA;line-height:1.4}h1{font-size:40px;letter-spacing:-.5px;margin:12px 0 18px}h3{font-size:20px;margin:0 0 10px}.lede{font-size:17px;color:#C7CDD5}.hero{display:grid;grid-template-columns:54fr 46fr;align-items:center;gap:38px;padding:36px 0 12px}.hero .meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px}.inline-link{font-weight:700;color:#8ED8FF;border-bottom:1px solid #6EA8FF}.media{position:relative;overflow:hidden;border-radius:14px;background:#0D1015;border:1px solid rgba(255,255,255,.07);width:100%}.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-wide{aspect-ratio:16/9}.media-square{aspect-ratio:1/1}.media-banner{aspect-ratio:16/7}.media-device{aspect-ratio:9/16;max-height:360px}.hero .media{height:315px}.media-placeholder{width:100%;height:100%;background:linear-gradient(140deg,#111821,#1B2129);position:absolute;inset:0}.card,.article-box{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:22px;min-width:0}.card p{font-size:15px}.card h3 a{color:#F5F7FA}.card h3 a:hover{color:#8ED8FF}.grid{display:grid;gap:19px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.article-box{padding:30px}.article-box h2{margin:0 0 16px}.article-box p{margin:0 0 17px}.link-list{list-style:none;margin:0;padding:0}.link-list li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09)}.link-list li:last-child{border-bottom:0}.link-list a{display:inline-block;color:#F5F7FA;font-weight:600}.link-list small{display:block;color:#9098A3;font-size:13px;margin-top:4px}.visual-card{padding:12px}.visual-card h3{font-size:17px;margin:13px 5px 5px}.visual-card p{font-size:14px;margin:0 5px 6px}.visual-card .media{border:0}.number-list{counter-reset:article;list-style:none;padding:0;margin:0}.number-list li{counter-increment:article;display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #293039}.number-list li::before{content:counter(article,decimal-leading-zero);color:#6EA8FF;font-weight:700}.number-list strong{color:#F5F7FA;display:block}.page-intro{padding-top:38px;padding-bottom:20px;border-bottom:1px solid #242a33}.page-intro h1{font-size:35px}.crumb{color:#9098A3;font-size:13px}.page-body{padding-top:24px}.page-body section{margin:28px 0 36px}.page-body h2{font-size:25px;margin-bottom:14px}.page-body h3{font-size:19px}.page-body .reading p{line-height:1.83}.related{border-top:1px solid #303741;margin-top:42px;padding-top:25px}.related-list{display:flex;flex-wrap:wrap;gap:12px}.related-list a{padding:7px 15px;background:#171C23;border:1px solid #2b343f;border-radius:8px}.notice{padding:18px 22px;background:#121a26;border-left:3px solid #6EA8FF;border-radius:4px;margin:25px 0}.footer{background:#050608;border-top:1px solid #202631;padding:42px 0 25px;margin-top:55px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:34px}.footer h3{font-size:16px}.footer a{display:block;color:#C7CDD5;font-size:14px;margin:6px 0}.footer a:hover{color:#8ED8FF}.footer p{font-size:14px}.footer-bottom{border-top:1px solid #222831;padding-top:18px;margin-top:30px;display:flex;gap:18px;justify-content:space-between;font-size:13px;color:#9098A3}.backtop{position:fixed;right:20px;bottom:20px;border:1px solid #465066;background:#171C23;color:#fff;border-radius:10px;padding:10px 13px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}.backtop.shown{opacity:1;pointer-events:auto}.mobile-promo{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;align-items:center}.mobile-promo .media{margin:auto;max-width:220px}.tag{font-size:12px;color:#8ED8FF;display:inline-block;margin-bottom:8px}.faq-item{padding:16px 0;border-bottom:1px solid #293039}.faq-item h3{font-size:18px}.banner-frame{max-height:260px}.banner-frame.media{aspect-ratio:16/7}@media(max-width:980px){.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1.3fr 1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:20px}}@media(max-width:767px){body{font-size:15px}.wrap{width:calc(100% - 32px)}.topbar{height:63px;gap:6px}.hamburger{width:40px;height:40px}.brand img{height:28px;max-width:125px}.brand-text{font-size:16px}.enter{min-height:40px;padding:4px 10px;font-size:12px}.channel-scroll{gap:18px}.channel-scroll>a{height:44px;font-size:13px}.drawer{width:min(86vw,340px);padding:17px}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding-top:22px;gap:20px}.hero .media{height:210px}.hero h1{font-size:29px}.section{margin-top:32px;margin-bottom:32px}.section-header h2,.section h2{font-size:22px}.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.mobile-promo{grid-template-columns:1fr}.mobile-promo .media{order:-1;max-height:300px}.card{padding:16px}.article-box{padding:21px}.page-intro{padding-top:25px}.page-intro h1{font-size:27px}.page-body h2{font-size:21px}.page-body h3{font-size:18px}.footer{padding-top:32px}.footer-grid{gap:22px}.footer-bottom{display:block}.banner-frame.media{max-height:145px}.visual-card{padding:8px}.visual-card h3{font-size:16px}.visual-card p{font-size:13px}.grid{gap:13px}}@media(max-width:374px){.cols-3{grid-template-columns:1fr}.brand img{max-width:108px}.enter{padding:4px 8px;font-size:11px}.menu-items{grid-template-columns:1fr 1fr}.hero h1{font-size:28px}}
/* alternate editorial layout, original cold blue palette retained */
@media(min-width:981px){.section:nth-of-type(even)>.grid.cols-3>.card:first-child{grid-column:span 1}.page-intro{max-width:1200px}.page-body>.split{grid-template-columns:minmax(0,1.8fr) minmax(260px,.75fr)}}