*{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:#8ED8FF;text-decoration:none}a:hover{text-decoration:underline;color:#fff}button{font:inherit;cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#F5F7FA;line-height:1.35}h1{font-size:34px;letter-spacing:-.025em}h2{font-size:26px}h3{font-size:20px}p{margin-bottom:16px}small,.muted{color:#9098A3}a:focus-visible,button:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto;min-width:0}.skip-link{position:absolute;z-index:1200;top:-70px;left:10px;background:#12161C;padding:8px 14px}.skip-link:focus{top:8px}.site-top{height:74px;background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:30}.top-inner{position:relative;max-width:1400px;margin:auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-button{height:44px;width:44px;flex:none;background:none;border:1px solid rgba(255,255,255,.16);border-radius:11px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-button span{height:2px;width:19px;border-radius:1px;background:#F5F7FA}.brand-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;max-width:calc(100% - 275px)}.brand-media{height:36px;width:auto;min-width:100px;max-width:210px;display:flex;align-items:center;justify-content:center}.brand-media img{width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center}.brand-media.media-placeholder{background:linear-gradient(95deg,#171C23,#263344);height:32px;width:125px;min-height:0;border-radius:6px}.entry-button{margin-left:auto;padding:0 18px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(110,168,255,.45);background:#192944;border-radius:999px;color:#F5F7FA;white-space:nowrap;font-size:14px}.channel-bar{height:48px;background:#0D1015;border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:20}.channel-scroll{height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#313c4b transparent}.channel-inner{max-width:1200px;width:max-content;min-width:min(100%,1200px);margin:auto;display:flex;justify-content:space-between;height:100%;align-items:stretch}.channel-link{padding:0 18px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:14px;color:#C7CDD5;border-bottom:2px solid transparent}.channel-link.active{color:#6EA8FF;border-bottom-color:#6EA8FF}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.66);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.site-drawer{position:fixed;inset:0 auto 0 0;width:420px;max-width:100vw;background:#0D1015;border-right:1px solid rgba(255,255,255,.16);z-index:90;transform:translateX(-101%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 35px}.drawer-open .site-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:16px}.drawer-brand p{font-size:13px;color:#9098A3;margin:10px 0 0}.drawer-close{font-size:30px;color:#fff;background:#171C23;border:1px solid rgba(255,255,255,.16);width:40px;height:40px;line-height:1;border-radius:10px}.drawer-group{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}.drawer-group h2{font-size:13px;color:#9098A3;letter-spacing:.09em;margin:0 0 9px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 9px}.drawer-links a{font-size:14px;color:#C7CDD5;padding:5px 8px;border-left:2px solid transparent}.drawer-links a.active{border-left-color:#6EA8FF;color:#6EA8FF;background:#171C23}.site-section{padding-block:52px}.site-section+ .site-section{padding-top:10px}.section-eyebrow{display:block;font-size:12px;color:#8ED8FF;letter-spacing:.16em;font-weight:bold;margin-bottom:10px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px}.section-head h2{margin:0}.section-head a{white-space:nowrap;font-size:14px}.hero{background:radial-gradient(ellipse at 88% 20%,rgba(92,124,250,.14),transparent 47%),linear-gradient(145deg,#0D1015,#10151d);padding:42px 0 38px;border-bottom:1px solid rgba(255,255,255,.09)}.hero-grid{display:grid;grid-template-columns:56fr 44fr;gap:34px;align-items:center}.hero h1{font-size:40px;max-width:680px}.hero p{max-width:620px}.hero-copy{min-width:0}.hero-copy .eyebrow{font-size:12px;letter-spacing:.2em;color:#8ED8FF;font-weight:bold}.hero-links{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.media{width:100%;max-width:100%;min-width:0;background:#0D1015;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.media img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center center}.media-placeholder{background:linear-gradient(135deg,#0D1015 15%,#171C23 50%,#0D1015 95%)}.media-wide{height:175px}.media-square{height:165px}.media-banner{height:245px}.media-device{height:340px;max-width:300px;margin-inline:auto}.hero-media{height:300px}.topic-media{height:235px}.gif-media{height:160px}.feature-media{height:225px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center}.split>*{min-width:0}.split-65{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr)}.split-60{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.grid{display:grid;gap:20px}.grid>*{min-width:0}.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{border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#12161C;padding:20px;min-width:0}.card h3{font-size:18px;margin:0 0 9px}.card p{font-size:14px;margin-bottom:12px}.card:hover{border-color:rgba(255,255,255,.16)}.card .media{margin-bottom:14px}.small-index{counter-reset:section;display:grid;gap:0}.index-item{border-top:1px solid rgba(255,255,255,.09);padding:16px 0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px}.index-item:last-child{border-bottom:1px solid rgba(255,255,255,.09)}.index-no{font-size:15px;color:#6EA8FF;font-weight:bold}.index-item h3{margin:0 0 6px;font-size:18px}.index-item p{font-size:14px;margin:0 0 6px}.soft-panel{padding:24px;border:1px solid rgba(255,255,255,.09);background:#0D1015;border-radius:14px}.soft-panel h3{margin-bottom:10px}.link-stack{display:grid;gap:7px}.link-stack a{border-bottom:1px solid rgba(255,255,255,.09);padding:9px 0}.article-top{padding:42px 0 30px;background:radial-gradient(ellipse at 95% 0%,rgba(92,124,250,.13),transparent 52%),#0D1015;border-bottom:1px solid rgba(255,255,255,.09)}.article-top h1{margin:9px 0 15px}.article-top p{max-width:820px}.breadcrumb{font-size:13px;color:#9098A3}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(220px,1fr);gap:36px;align-items:start;padding-top:36px}.article-body{min-width:0}.article-body section{margin-bottom:36px}.article-body h2{margin-bottom:18px}.article-body h3{margin:20px 0 12px}.article-body p{line-height:1.9}.article-aside{position:sticky;top:18px;display:grid;gap:18px}.article-aside .soft-panel{padding:20px}.article-aside h2{font-size:18px}.related{border-top:1px solid rgba(255,255,255,.09);padding:26px 0 48px}.related h2{font-size:22px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 14px;font-size:14px}.pullquote{border-left:2px solid #6EA8FF;padding:12px 18px;background:#12161C;margin:22px 0;color:#F5F7FA}.section-note{color:#9098A3;font-size:14px}.banner-content{padding-top:6px}.banner-content p{font-size:14px;margin-top:12px}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);padding:46px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.footer-grid h2{font-size:16px}.footer-grid a{display:block;color:#C7CDD5;font-size:14px;padding:2px 0}.footer-about p{font-size:14px;color:#9098A3;margin-top:15px}.footer-bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.09);margin-top:32px;font-size:13px;color:#9098A3}.footer-bottom p{margin:0 0 4px}.back-top{position:fixed;z-index:25;bottom:24px;right:24px;background:#171C23;border:1px solid rgba(255,255,255,.16);color:#8ED8FF;width:40px;height:40px;border-radius:50%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;visibility:visible;pointer-events:auto}details{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:14px 18px;margin-bottom:12px}summary{color:#F5F7FA;font-weight:bold;cursor:pointer}details p{margin:12px 0 0}.tag{display:inline-block;color:#8ED8FF;font-size:12px;margin-bottom:10px}.article-caption{font-size:13px;color:#9098A3;margin-top:8px}
@media(max-width:1100px){.channel-link{padding:0 15px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.article-layout{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:1fr 1fr}.split,.split-65,.split-60{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-media{order:-1;height:255px}.hero-copy{order:1}.hero{padding:25px 0 30px}.footer-grid{grid-template-columns:1fr 1fr}.site-section{padding-block:35px}.site-section+.site-section{padding-top:4px}.media-banner{height:190px}}
@media(max-width:600px){body{font-size:15px}.wrap{width:calc(100% - 32px)}.site-top{height:62px}.top-inner{padding:0 12px;gap:6px}.menu-button{height:40px;width:40px}.entry-button{height:38px;padding:0 11px;font-size:12px}.brand-center{max-width:calc(100% - 170px)}.brand-media{height:28px;min-width:68px;max-width:110px}.brand-media.media-placeholder{height:26px;width:78px;min-width:0}.channel-bar{height:44px}.channel-link{font-size:13px;padding:0 13px}.site-drawer{width:min(86vw,340px);padding:18px 16px}.drawer-links{grid-template-columns:1fr 1fr;gap:3px}.hero h1{font-size:29px}.hero-media{height:190px}.article-top{padding:28px 0 22px}.article-top h1{font-size:26px}h2{font-size:22px}h3{font-size:18px}.card{padding:15px}.card h3{font-size:16px}.card p{font-size:13px}.grid{gap:12px}.media-square,.media-wide{height:135px}.topic-media{height:180px}.media-banner{height:135px}.gif-media{height:130px}.feature-media{height:180px}.media-device{height:330px}.article-aside{grid-template-columns:1fr}.section-head{align-items:start}.section-head h2{font-size:22px}.index-item{grid-template-columns:32px minmax(0,1fr)}.index-item h3{font-size:16px}.footer-grid{gap:24px 16px}.site-section{padding-block:32px}.site-section+.site-section{padding-top:0}.article-body section{margin-bottom:30px}}
@media(max-width:360px){.brand-media{max-width:75px;min-width:0;height:24px}.entry-button{padding:0 8px;font-size:11px}.top-inner{padding:0 9px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.hero-links{gap:12px}.drawer-links{grid-template-columns:1fr 1fr}.media-square,.media-wide{height:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}