*{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}a:focus-visible,button:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto;min-width:0}.skip-link{position:absolute;top:-70px;left:15px;background:#12161C;padding:8px;z-index:120}.skip-link:focus{top:8px}.topbar{height:74px;background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:30}.topbar-content{height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:12px}.icon-btn{height:44px;width:44px;flex:none;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#12161C;color:#C7CDD5}.icon-btn span{height:2px;width:18px;border-radius:2px;background:currentColor}.brand-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;max-width:37%}.brand-center .media{border:0;background:transparent;padding:0;height:36px;min-width:84px}.brand-center img{height:100%;max-height:36px;width:auto}.entry-btn{background:#5C7CFA;color:white;border-radius:999px;height:42px;min-width:112px;padding:0 16px;display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:bold;white-space:nowrap}.entry-btn:hover{background:#6EA8FF;color:#080A0D}.channel-nav{background:#0D1015;border-bottom:1px solid rgba(255,255,255,.09);height:48px}.channel-scroll{display:flex;align-items:stretch;justify-content:space-between;width:min(1200px,100%);height:100%;margin:auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0}.channel-scroll a{flex:0 0 auto;white-space:nowrap;padding:9px 15px 8px;border-bottom:2px solid transparent;font-size:14px}.channel-scroll a.active{color:#6EA8FF;border-color:#6EA8FF}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.74);z-index:39;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.drawer-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.site-drawer{position:fixed;inset:0 auto 0 0;width:420px;max-width:86vw;background:#0D1015;z-index:40;overflow-y:auto;transform:translateX(-100%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s;padding:22px}.site-drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:16px}.drawer-brand .media{height:34px;width:150px;background:transparent;border:0}.drawer-brand img{height:100%;width:auto}.drawer-brand p{font-size:13px;margin:4px 0 0;color:#9098A3}.close-btn{border:1px solid rgba(255,255,255,.16);color:#fff;background:#171C23;border-radius:10px;font-size:25px;width:40px;height:40px;line-height:1}.drawer-links section{margin-top:18px}.drawer-links h2{font-size:13px;color:#9098A3;letter-spacing:.08em;margin:0 0 8px}.drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.drawer-grid a{font-size:14px;padding:7px 10px;border-left:2px solid transparent;border-radius:4px}.drawer-grid a:hover{background:#1B2129}.drawer-grid a.active{border-color:#6EA8FF;color:#6EA8FF;background:#171C23}.section{padding-block:52px}.section+.section{border-top:1px solid rgba(255,255,255,.07)}h1,h2,h3{color:#F5F7FA;line-height:1.35;margin:0 0 18px}h1{font-size:40px}h2{font-size:26px}h3{font-size:20px}p{margin:0 0 16px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#8ED8FF;font-weight:700}.lead{font-size:17px;color:#C7CDD5}.hero{display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr);gap:28px;align-items:center;padding-block:50px}.hero-copy{grid-column:1;grid-row:1}.hero-art{grid-column:2;grid-row:1}.inline-links,.related-links{display:flex;flex-wrap:wrap;gap:10px 20px}.text-link{font-size:14px;color:#8ED8FF;text-decoration:underline;text-decoration-color:rgba(142,216,255,.4);text-underline-offset:4px}.media{background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;max-width:100%;min-width:0;padding:7px}.media img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center center}.media-placeholder{background:linear-gradient(135deg,#111822,#0D1015 55%,#151B25)}.media-hero{height:300px}.media-wide{height:230px}.media-banner{height:230px}.media-square{height:168px}.media-card{height:165px}.media-device{height:350px}.media-device img{width:auto}.media-gif{height:160px}.layout-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}.split-65{grid-template-columns:minmax(0,65fr) minmax(0,35fr)}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.info-card,.visual-card,.panel{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:20px;min-width:0}.info-card h3,.visual-card h3{font-size:18px}.info-card p,.visual-card p{font-size:15px}.visual-card{padding:12px}.visual-card h3{margin:14px 6px 8px}.visual-card p,.visual-card .text-link{margin-inline:6px}.item-index{font-size:12px;color:#6EA8FF;font-weight:700;letter-spacing:.1em}.index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}.index-item{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09)}.index-item h3{font-size:18px;margin:0 0 7px}.index-item p{font-size:15px;margin-bottom:8px}.index-number{color:#6EA8FF;font-size:21px}.feature-side{display:grid;gap:12px}.feature-side a{display:block;padding:12px 15px;background:#171C23;border-radius:8px;border-left:2px solid #5C7CFA}.page-head{padding-top:45px;padding-bottom:20px}.page-head h1{font-size:34px}.page-head p{max-width:850px}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(210px,1fr);gap:34px;padding-bottom:48px;align-items:start}.article-layout>article{min-width:0}.article-section{padding:4px 0 25px}.article-section h2{margin-top:8px}.article-section p{line-height:1.85}.article-section h3{margin-top:24px}.article-aside{position:sticky;top:18px}.article-aside h2{font-size:19px}.article-aside a{display:block;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.09)}.related{padding:22px;background:#12161C;border-radius:12px;margin:20px 0 48px;border:1px solid rgba(255,255,255,.09)}.related h2{font-size:22px}.timeline{border-left:2px solid #5C7CFA;margin-left:7px;padding-left:20px}.timeline article{margin-bottom:22px}.notice{font-size:14px;color:#9098A3}.qa-list details{padding:15px 18px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#12161C;margin-bottom:12px}.qa-list summary{cursor:pointer;font-weight:700;color:#F5F7FA}.qa-list p{padding-top:10px;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}.section-heading p{max-width:600px}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);padding-top:44px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding-bottom:32px}.footer-grid h2{font-size:16px}.footer-grid a{display:block;font-size:14px;line-height:2.3}.footer-intro .media{height:38px;width:155px;background:transparent;border:0;padding:0;margin-bottom:13px}.footer-intro .media img{width:auto}.footer-intro p{font-size:14px;color:#9098A3}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:20px;padding-bottom:22px;color:#9098A3;font-size:13px}.back-top{position:fixed;bottom:22px;right:22px;border:1px solid #6EA8FF;border-radius:50%;width:42px;height:42px;background:#12161C;color:#8ED8FF;opacity:0;pointer-events:none;transition:opacity .2s;z-index:15}.back-top.visible{opacity:1;pointer-events:auto}
@media(max-width:1100px){.content-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.container{width:calc(100% - 40px)}}
@media(max-width:800px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-aside{position:static}.layout-split,.split-65{grid-template-columns:minmax(0,1fr)}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:minmax(0,1fr)}.hero-art{grid-column:1;grid-row:1}.hero-copy{grid-column:1;grid-row:2}.media-hero{height:250px}.section{padding-block:36px}.index-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){body{font-size:15px}.container{width:calc(100% - 32px)}.topbar{height:62px}.topbar-content{padding:0 12px}.icon-btn{width:40px;height:40px}.brand-center{max-width:34%}.brand-center .media{height:28px;min-width:0}.brand-center img{max-height:28px}.entry-btn{height:38px;min-width:88px;padding:0 12px;font-size:12px}.channel-nav{height:44px}.channel-scroll{justify-content:flex-start}.channel-scroll a{padding:7px 13px 6px}.site-drawer{width:min(86vw,340px);padding:16px}.hero{padding-block:30px}.hero .media-hero{height:190px}.hero h1{font-size:29px}.page-head{padding-top:30px}.page-head h1{font-size:26px}h2{font-size:22px}h3{font-size:18px}.info-card h3,.visual-card h3{font-size:16px}.info-card p,.visual-card p{font-size:14px}.content-grid{gap:12px}.info-card{padding:14px}.visual-card{padding:8px}.media-wide{height:170px}.media-banner{height:140px}.media-square,.media-card{height:140px}.media-gif{height:130px}.media-device{height:330px}.section-heading{display:block}.footer-grid{gap:16px}.related{margin-bottom:32px}}
@media(max-width:360px){.entry-btn{min-width:78px;padding:0 9px;font-size:11px}.topbar-content{padding-inline:9px}.brand-center{max-width:30%}.content-grid:not(.grid-4):not(.grid-2){grid-template-columns:minmax(0,1fr)}.content-grid.grid-2{grid-template-columns:minmax(0,1fr)}.media-card,.media-square{height:126px}.media-hero{height:175px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}