*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080A0D;color:#C7CDD5;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:#8ED8FF}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}button{font:inherit;cursor:pointer}h1,h2,h3{color:#F5F7FA;line-height:1.35;margin:0 0 18px;font-weight:700}h1{font-size:34px}h2{font-size:26px}h3{font-size:20px}p{margin:0 0 16px}ul,ol{padding-left:24px}li{margin:0 0 9px}img{max-width:100%;height:auto}main{min-height:50vh}.container{width:min(100% - 48px,1200px);margin-inline:auto;min-width:0}.topbar{height:74px;background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:25}.topbar-inner{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;width:min(100% - 48px,1200px);margin:auto}.menu-trigger{width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#12161C;display:grid;align-content:center;gap:5px;justify-items:center}.menu-trigger span{width:19px;height:2px;background:#C7CDD5;display:block}.logo-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:185px;height:36px;display:flex;align-items:center;justify-content:center;pointer-events:auto}.logo-link .media,.drawer-logo .media,.footer-logo .media{height:100%;border:0;background:transparent;aspect-ratio:auto}.logo-link img,.drawer-logo img,.footer-logo img{height:100%;width:100%;object-fit:contain}.logo-link .media-placeholder,.drawer-logo .media-placeholder,.footer-logo .media-placeholder{min-height:0}.entry-link{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;border-radius:999px;background:#5C7CFA;color:#fff;font-size:14px;font-weight:bold;white-space:nowrap}.entry-link:hover{background:#6EA8FF;color:#080A0D}.channel-nav{background:#0D1015;border-bottom:1px solid rgba(255,255,255,.09)}.channel-scroll{max-width:1200px;margin:auto;display:flex;height:48px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;white-space:nowrap}.channel-link{flex:1 0 auto;padding:0 17px;display:flex;align-items:center;justify-content:center;color:#C7CDD5;font-size:14px;border-bottom:2px solid transparent}.channel-link.active{color:#6EA8FF;border-bottom-color:#6EA8FF}.drawer-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.74);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:86vw;background:#0D1015;z-index:41;overflow-y:auto;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s;border-right:1px solid rgba(255,255,255,.16)}.drawer-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.site-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:relative;padding:24px 26px 14px;border-bottom:1px solid rgba(255,255,255,.09)}.drawer-logo{display:block;width:155px;height:36px}.drawer-head p{font-size:13px;color:#9098A3;margin:10px 0 0}.drawer-close{position:absolute;right:18px;top:18px;width:39px;height:39px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#171C23;color:#F5F7FA;font-size:28px;line-height:1}.drawer-content{padding:14px 26px 28px}.drawer-group{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09)}.drawer-group h2{font-size:14px;color:#9098A3;letter-spacing:.06em;margin-bottom:10px}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.drawer-links a{padding:5px 10px;border-left:2px solid transparent;font-size:14px}.drawer-links a.active{color:#6EA8FF;border-left-color:#6EA8FF}.page-hero{padding:52px 0 26px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(125deg,rgba(92,124,250,.09),transparent 48%)}.eyebrow{display:block;color:#8ED8FF;font-size:13px;font-weight:bold;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}.lede{color:#C7CDD5;max-width:800px;font-size:17px;line-height:1.9}.section{margin-top:52px;margin-bottom:52px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:13px}.section-heading h2{margin:0}.link-arrow{color:#8ED8FF;font-weight:bold;font-size:14px;white-space:normal}.grid{display:grid;gap:20px;min-width:0}.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))}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;min-width:0}.split>*{min-width:0}.split.reverse{grid-template-columns:.85fr 1.15fr}.card,.panel{min-width:0;padding:22px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:#12161C}.card:hover{border-color:rgba(255,255,255,.16)}.card h3{font-size:18px}.card p{font-size:15px}.muted{color:#9098A3;font-size:14px}.number{font-size:13px;color:#6EA8FF;letter-spacing:.08em}.media{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;overflow:hidden;background:#0D1015;border-radius:14px;border:1px solid rgba(255,255,255,.09);padding:6px}.media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;max-width:100%}.media-square{height:165px}.media-wide{height:175px}.media-hero{height:300px}.media-banner{height:240px}.media-device{height:350px;max-width:360px;margin-inline:auto}.media-gif{height:150px}.media-placeholder{background:linear-gradient(135deg,#10151d,#171C23);}.placeholder-lines{width:32%;height:1px;background:#28394c;box-shadow:0 11px 0 #253241,0 -11px 0 #253241}.visual-card .media{margin-bottom:16px}.visual-card{padding:12px 12px 17px}.visual-card .card-copy{padding:0 7px}.hero-home{padding:48px 0 30px}.hero-home .split{grid-template-columns:56fr 44fr;gap:42px}.hero-home h1{font-size:40px;max-width:650px}.hero-home .media{height:300px}.hero-home .lede{font-size:16px}.text-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.text-links a{color:#8ED8FF;padding-bottom:4px;border-bottom:1px solid rgba(142,216,255,.35)}.article-shell{display:grid;grid-template-columns:minmax(0,820px) minmax(220px,1fr);gap:34px;align-items:start}.article-body{min-width:0}.article-body h2{margin:30px 0 16px}.article-body h3{margin:23px 0 11px}.article-body p{line-height:1.85}.article-aside{position:relative}.aside-panel{padding:22px;border:1px solid rgba(255,255,255,.09);background:#12161C;border-radius:14px}.aside-panel h2{font-size:20px}.aside-panel a{display:block;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:14px;color:#C7CDD5}.aside-panel a:hover{color:#8ED8FF}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}.feature-list a{color:#F5F7FA;font-weight:600}.feature-list p{margin:7px 0 0;font-size:14px}.index-list{counter-reset:index;list-style:none;padding:0}.index-list li{counter-increment:index;display:grid;grid-template-columns:45px 1fr;gap:13px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.09)}.index-list li::before{content:counter(index,decimal-leading-zero);color:#6EA8FF;font-weight:700;font-size:15px}.index-list h3{font-size:17px;margin-bottom:5px}.index-list p{font-size:15px;margin-bottom:0}.note{border-left:3px solid #5C7CFA;padding:14px 20px;background:#12161C;border-radius:0 12px 12px 0}.faq-list details{background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:12px;margin:0 0 13px;padding:17px 20px}.faq-list summary{color:#F5F7FA;font-weight:bold;cursor:pointer}.faq-list p{margin:12px 0 0}.related{margin:36px 0 56px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#12161C}.related h2{font-size:20px}.related-links{display:flex;gap:12px 22px;flex-wrap:wrap}.related-links a{color:#8ED8FF;font-size:14px}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);padding-top:44px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.footer-grid h2{font-size:16px;margin-bottom:13px}.footer-grid a:not(.footer-logo){display:block;margin:0 0 8px;font-size:14px}.footer-brand p{font-size:14px;color:#9098A3}.footer-logo{display:block;width:155px;height:36px;margin-bottom:15px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:35px;padding-top:21px;padding-bottom:25px;display:flex;gap:15px 30px;justify-content:space-between;flex-wrap:wrap;font-size:13px;color:#9098A3}.back-top{position:fixed;right:20px;bottom:20px;z-index:22;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#171C23;color:#F5F7FA;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}.tag{display:inline-block;padding:3px 9px;border-radius:6px;color:#8ED8FF;background:#171C23;font-size:12px;margin-bottom:10px}.timeline{border-left:1px solid #39435b;padding-left:22px}.timeline article{position:relative;margin:0 0 26px}.timeline article::before{content:'';position:absolute;left:-28px;top:10px;border:2px solid #6EA8FF;background:#080A0D;border-radius:50%;width:9px;height:9px}@media(max-width:1050px){.article-shell{grid-template-columns:minmax(0,1fr) 245px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:22px}.channel-link{padding-inline:16px;flex:0 0 auto}}@media(max-width:800px){.container,.topbar-inner{width:calc(100% - 40px)}.article-shell,.split,.split.reverse,.hero-home .split{grid-template-columns:minmax(0,1fr)}.hero-home .split>.media{order:-1}.hero-home .split>.hero-image{order:-1}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{margin-block:35px}.page-hero{padding-top:34px}.article-aside{order:2}}@media(max-width:560px){body{font-size:15px}.container,.topbar-inner{width:calc(100% - 32px)}.topbar{height:62px}.menu-trigger{width:40px;height:40px}.entry-link{height:38px;padding:0 12px;font-size:12px}.logo-link{width:112px;height:28px}.channel-scroll{height:44px}.channel-link{font-size:13px;padding:0 15px}.drawer-content{padding-inline:16px}.drawer-head{padding-left:16px}.hero-home{padding-top:24px}.hero-home h1{font-size:29px}.hero-home .media,.media-hero{height:190px}.page-hero h1{font-size:26px}.lede{font-size:15px}.section-heading h2,h2{font-size:22px}h3{font-size:18px}.section-heading{align-items:center}.grid{gap:14px}.card{padding:16px}.visual-card{padding:9px}.visual-card .card-copy{padding:0 4px}.visual-card h3{font-size:16px}.visual-card p{font-size:14px}.media-square,.media-wide{height:135px}.media-banner{height:140px}.media-gif{height:120px}.media-device{height:330px}.footer-grid{gap:24px 18px}.footer-brand{grid-column:1/-1}.site-footer{padding-top:33px}.split{gap:20px}.section{margin-block:32px}.index-list li{grid-template-columns:30px 1fr;gap:8px}.article-body h2{margin-top:24px}.logo-link .media,.drawer-logo .media,.footer-logo .media{padding:0}}@media(max-width:360px){.logo-link{width:82px;height:26px}.entry-link{padding:0 9px;font-size:11px}.grid-quick{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.media-hero{height:175px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}}
