*{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{color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:4px}img{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.4;color:#F5F7FA}h1{font-size:clamp(27px,3.3vw,40px);letter-spacing:-.02em}h2{font-size:clamp(21px,2.2vw,27px)}h3{font-size:19px}p{margin-bottom:17px}.container{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;min-width:0}.site-header{background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:5}.topbar{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;gap:8px;flex-direction:column;justify-content:center;min-width:0;width:220px;flex:0 0 auto;color:#9098A3}.brand .media{border:none;padding:0;max-width:160px;min-height:0;background:transparent}.brand .media img{max-height:36px;width:auto}.brand-tag{font-size:9px;letter-spacing:1.2px;line-height:1.2}.primary{display:flex;justify-content:center;gap:clamp(13px,1.5vw,24px);align-items:center;flex:1;white-space:nowrap;min-width:0}.primary a{font-size:14px;color:#C7CDD5;height:76px;display:inline-flex;align-items:center;border-bottom:2px solid transparent}.primary a:hover,.primary .active{color:#6EA8FF;border-bottom-color:#6EA8FF}.entry{display:inline-flex;background:#5C7CFA;color:#fff;align-items:center;justify-content:center;white-space:nowrap;height:42px;border-radius:100px;padding:0 19px;font-size:14px;font-weight:bold;flex-shrink:0}.entry:hover{background:#7390FF;color:#fff}.quickband{background:#10141A;border-top:1px solid rgba(255,255,255,.06)}.quick-inner{display:flex;gap:31px;align-items:center;min-height:44px;white-space:nowrap}.quick-inner a{font-size:13px;color:#B8C0CB}.quick-inner a:hover{color:#8ED8FF}.menu-toggle{display:none;width:40px;height:40px;border:1px solid #39414b;background:#12161C;color:#fff;border-radius:10px;flex-shrink:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:18px;height:2px;background:#F5F7FA}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);visibility:hidden;pointer-events:none;opacity:0;z-index:19;transition:opacity .2s}.drawer{position:fixed;inset:0 auto 0 0;overflow-y:auto;width:min(390px,86vw);max-width:100%;padding:22px 24px 34px;background:#0D1015;z-index:20;visibility:hidden;pointer-events:none;transform:translateX(-100%);transition:transform .23s,visibility .23s}.drawer.is-open,.drawer-overlay.is-open{visibility:visible;pointer-events:auto;opacity:1}.drawer.is-open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29303a;padding-bottom:16px}.drawer-head .media{border:0;min-height:0;background:transparent;max-width:140px}.drawer-head img{max-height:36px;width:auto}.drawer-close{color:#fff;background:transparent;border:1px solid #39414b;border-radius:8px;width:40px;height:40px;font-size:28px;line-height:1}.drawer-group{margin-top:20px}.drawer-group h2{font-size:14px;color:#8ED8FF;margin-bottom:8px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.drawer-links a{padding:6px 0;font-size:14px;color:#C7CDD5}.menu-open{overflow:hidden}.page-main{padding-top:32px;padding-bottom:70px;min-height:70vh}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:22px;color:#9098A3;font-size:13px}.breadcrumbs a{color:#9CA7B6}.page-intro{max-width:830px;margin-bottom:37px}.eyebrow{display:inline-block;color:#8ED8FF;font-size:13px;letter-spacing:.14em;font-weight:bold;margin-bottom:12px}.lead{font-size:17px;color:#D7DEE8;line-height:1.85}.section{margin-top:54px;min-width:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.11);padding-bottom:12px;margin-bottom:22px}.section-head h2{margin:0}.section-head small{color:#9098A3}.editorial-hero{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:30px;align-items:center;min-width:0}.hero-copy{min-width:0}.hero-copy p{max-width:590px}.text-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:23px;font-weight:bold}.media{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:10px;overflow:hidden;min-height:120px}.media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media--hero{height:295px}.media--hero img{max-height:100%}.media--regular{height:170px}.media--feature{height:236px}.media--banner{max-height:245px;min-height:120px}.media--banner img{max-height:225px}.media--device{max-width:270px;max-height:340px;margin-inline:auto}.media--device img{max-height:318px}.media--gif{height:155px}.media--logo{min-height:32px;padding:0;background:transparent;border:0;justify-content:flex-start}.media--missing{background:repeating-linear-gradient(135deg,#10151c,#10151c 12px,#131a23 12px,#131a23 24px)}.figure{min-width:0;margin:0}.figure figcaption{font-size:13px;color:#A4ADBA;line-height:1.6;margin-top:10px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:35px;align-items:center}.feature-split>*{min-width:0}.tile{background:#12161C;border:1px solid rgba(255,255,255,.09);padding:22px;border-radius:13px;min-width:0}.tile h3{margin-bottom:9px}.tile p{font-size:15px}.tile .inline-link{font-weight:bold}.numbered{counter-reset:item}.numbered>.number-item{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:15px}.number-item:before{counter-increment:item;content:counter(item,decimal-leading-zero);font-size:14px;color:#8ED8FF}.number-item h3{margin:0 0 7px}.number-item p{margin:0}.reading-column{max-width:810px}.prose-section{margin-bottom:33px}.prose-section h2{padding-top:6px;margin-bottom:15px}.prose-section p{line-height:1.85}.article-layout{display:grid;grid-template-columns:minmax(0,810px) minmax(180px,1fr);gap:48px}.toc{align-self:start;position:sticky;top:20px;border-left:2px solid #5C7CFA;padding-left:19px}.toc h2{font-size:15px}.toc a{display:block;padding:7px 0;color:#AEB9C8;font-size:14px}.related{margin-top:44px;border-top:1px solid rgba(255,255,255,.16);padding-top:22px}.related h2{font-size:19px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related a{padding:8px 14px;border:1px solid #394453;border-radius:9px;font-size:14px}.comparison{border-collapse:collapse;width:100%;font-size:15px;margin:22px 0}.comparison th,.comparison td{border-bottom:1px solid #303945;padding:13px 14px;text-align:left;vertical-align:top}.comparison th{color:#F5F7FA;background:#171C23}.comparison td{color:#C7CDD5}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.image-grid .media{height:175px}.visual-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.visual-wall .figure:nth-child(3n+1){grid-column:span 2}.visual-wall .media{height:240px}.visual-wall .figure:nth-child(3n+1) .media{height:300px}.qa-list details{border-bottom:1px solid #333d4a;padding:16px 2px}.qa-list summary{color:#F5F7FA;cursor:pointer;font-weight:bold}.qa-list p{padding:11px 20px 0}.site-footer{background:#050608;border-top:1px solid #29303A;padding-top:42px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.1fr;gap:40px;padding-bottom:32px}.footer-about .media{max-width:150px}.footer-about p{font-size:13px;color:#9098A3;margin:8px 0}.footer-grid h2{font-size:16px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}.footer-links a{font-size:13px;color:#AAB5C5}.footer-bottom{border-top:1px solid #29303A;padding-top:19px;padding-bottom:24px;display:flex;justify-content:space-between;gap:18px;color:#9098A3;font-size:12px}.back-top{position:fixed;right:23px;bottom:23px;opacity:0;pointer-events:none;border:1px solid #4C6BD0;border-radius:50%;width:44px;height:44px;color:white;background:#233873;transition:opacity .2s;z-index:4}.back-top.visible{opacity:1;pointer-events:auto}.callout{background:#101722;border-left:3px solid #5C7CFA;padding:17px 21px;margin:26px 0;color:#D5DBE5}.mini-index{display:flex;gap:20px;flex-wrap:wrap}.mini-index a{font-size:14px}.split-notes{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:34px}.compact-list{padding-left:24px}.compact-list li{padding:8px 0}.steps{counter-reset:step}.step{padding:14px 0;border-bottom:1px solid #303945}.step h2:before{counter-increment:step;content:counter(step,decimal-leading-zero) '  ';color:#8ED8FF}.mobile-only{display:none}
@media(max-width:1100px){.primary{gap:12px}.brand{width:175px}.brand-tag{font-size:8px}.topbar{gap:14px}}@media(max-width:979px){.topbar{height:64px;justify-content:space-between;position:relative}.brand{position:absolute;left:50%;transform:translateX(-50%);width:auto;align-items:center}.brand .media img{max-height:28px}.brand-tag{display:none}.primary{display:none}.menu-toggle{display:flex}.entry{height:40px;padding:0 13px}.quick-inner{overflow-x:auto;gap:26px;min-height:42px;scrollbar-width:none}.quick-inner::-webkit-scrollbar{display:none}.article-layout{grid-template-columns:minmax(0,1fr)}.toc{position:static;order:-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.mobile-only{display:block}}@media(max-width:768px){.container{padding-left:20px;padding-right:20px}.page-main{padding-top:23px}.section{margin-top:38px}.editorial-hero,.feature-split,.split-notes{grid-template-columns:minmax(0,1fr)}.editorial-hero .figure{order:-1}.media--hero{height:240px}.two-col{grid-template-columns:1fr}.three-col,.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{gap:22px}.footer-grid{gap:25px}.footer-bottom{flex-direction:column}.section-head{align-items:flex-start}}@media(max-width:480px){.container{padding-left:16px;padding-right:16px}.topbar{height:62px}.entry{height:38px;font-size:12px;padding:0 11px}.brand .media img{max-height:28px}.quick-inner{gap:24px}.media--hero{height:190px}.media--regular,.image-grid .media{height:145px}.media--feature{height:175px}.media--gif{height:125px}.media--banner{max-height:145px}.media--device{max-width:220px}.three-col{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.image-grid .tile{padding:11px}.visual-wall{grid-template-columns:1fr}.visual-wall .figure:nth-child(3n+1){grid-column:auto}.visual-wall .media,.visual-wall .figure:nth-child(3n+1) .media{height:190px}.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison{font-size:13px}.comparison th,.comparison td{padding:9px 7px}.tile{padding:17px}.lead{font-size:16px}}@media(max-width:350px){.brand .media{max-width:108px}.brand .media img{max-width:108px}.entry{padding:0 9px;font-size:11px}.image-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}