*{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:4px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3{line-height:1.36;letter-spacing:.008em;color:#F5F7FA;margin-top:0}h1{font-size:clamp(27px,3.3vw,42px)}h2{font-size:clamp(21px,2.3vw,27px)}h3{font-size:19px}p{margin:0 0 17px}.wrap{width:calc(100% - 48px);max-width:1200px;margin-inline:auto;min-width:0}.site-header{background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:10}.mainbar{height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;flex:0 0 218px;min-width:0;align-items:center;gap:9px;color:#fff}.brand img{max-height:36px;width:auto;max-width:112px;object-fit:contain}.brand small{color:#9098A3;font-size:9px;line-height:1.45;letter-spacing:.11em}.brand strong{color:#fff;font-size:22px;white-space:nowrap}.desktop-nav{flex:1;display:flex;justify-content:center;align-items:center;gap:clamp(10px,1.4vw,24px);min-width:0;white-space:nowrap}.desktop-nav a{font-size:14px;line-height:76px;border-bottom:2px solid transparent}.desktop-nav a.is-current{color:#6EA8FF;border-color:#6EA8FF}.entry{white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;height:42px;padding:0 22px;background:#5C7CFA;color:#fff!important;border-radius:99px;font-size:14px;font-weight:600}.entry:hover{background:#7390FF}.quickbar{background:#10141A;border-bottom:1px solid rgba(255,255,255,.09)}.quick-inner{display:flex;align-items:center;gap:30px;min-height:44px}.quick-inner a{color:#B7C1CF;white-space:nowrap;font-size:14px}.quick-inner a[aria-current="page"]{color:#6EA8FF}.menu-toggle{display:none;background:transparent;border:0;padding:7px;width:40px;height:40px;flex:0 0 40px}.menu-toggle span{display:block;background:#F5F7FA;width:23px;height:2px;margin:5px auto;border-radius:2px}.drawer-shade{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:50;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s}.nav-drawer{position:fixed;left:0;top:0;bottom:0;overflow-y:auto;visibility:hidden;pointer-events:none;z-index:51;transform:translateX(-105%);transition:transform .22s,visibility .22s;background:#0D1015;width:min(390px,86vw);padding:18px 22px 38px;border-right:1px solid rgba(255,255,255,.16)}body.drawer-open .drawer-shade,body.drawer-open .nav-drawer{visibility:visible;pointer-events:auto}body.drawer-open .drawer-shade{opacity:1}body.drawer-open .nav-drawer{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:3px 0 17px;border-bottom:1px solid rgba(255,255,255,.12)}.drawer-brand{font-weight:bold;font-size:21px;color:#F5F7FA}.drawer-brand span{font-size:12px;font-weight:normal;color:#9098A3}.drawer-close{background:none;color:white;border:1px solid #333;font-size:26px;width:38px;height:38px;border-radius:8px}.drawer-group{padding-top:22px}.drawer-group h2{font-size:14px;color:#8ED8FF;margin-bottom:10px;letter-spacing:.13em}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.drawer-links a{padding:6px 2px;color:#C7CDD5;font-size:14px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#9098A3;font-size:13px;padding-top:30px;margin-bottom:24px}.breadcrumbs strong{font-weight:normal;color:#6EA8FF}.main-content{padding-bottom:80px}.page-heading{max-width:820px;margin:0 0 38px}.eyebrow{color:#8ED8FF;letter-spacing:.16em;font-size:12px;font-weight:700;text-transform:uppercase;display:block;margin-bottom:14px}.page-heading h1{font-size:clamp(24px,3vw,35px);margin-bottom:17px}.lead{font-size:17px;line-height:1.85;color:#BDC8D6;max-width:820px}.mini-index{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.mini-index a{font-size:13px;border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:5px 14px;color:#B6C4D4}.mini-index a:hover{border-color:#6EA8FF}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:56px;align-items:start}.article{min-width:0;max-width:820px}.article section{padding:0 0 26px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.09)}.article section:last-child{border-bottom:0}.article h2{display:flex;align-items:baseline;gap:13px;margin-bottom:20px}.article h2 .num{font-size:13px;color:#6EA8FF;flex-shrink:0}.article p{max-width:800px}.takeaway{border-left:2px solid #5C7CFA;padding:10px 17px;background:#12161C;color:#AFC4E6;margin:20px 0 0;font-size:15px}.sidebar{position:sticky;top:24px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:22px;min-width:0}.sidebar h2{font-size:17px;margin-bottom:18px}.sidebar a{display:block;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);font-size:14px}.sidebar a span{font-size:11px;color:#8ED8FF;margin-right:8px}.related{margin-top:42px;border-top:1px solid rgba(255,255,255,.16);padding-top:28px}.related h2{font-size:22px}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-links a{border:1px solid rgba(255,255,255,.1);background:#12161C;border-radius:12px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.related-links a::after{content:'↗';color:#8ED8FF}.visual{margin:10px 0 26px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#0D1015;min-width:0;max-width:100%;text-align:center}.visual img{display:block;margin:0 auto;max-width:100%;width:auto;height:auto;object-fit:contain;object-position:center center}.visual figcaption{font-size:12px;color:#9098A3;margin:10px 0 0;line-height:1.6;text-align:left}.visual--hero img{max-height:245px}.visual--feature img{max-height:245px}.visual--regular img{max-height:180px}.visual--gallery img{max-height:255px}.visual--device{max-width:290px;margin-inline:auto}.visual--device img{max-height:340px}.visual--gif img{max-height:175px}.visual-placeholder{min-height:145px;background:linear-gradient(135deg,#111722,#171C23);border-radius:8px}.visual--device .visual-placeholder{min-height:260px}.visual--hero .visual-placeholder{min-height:200px}.illustrated{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center;margin-bottom:32px}.illustrated>div,.illustrated>figure{min-width:0}.illustrated .visual{margin:0}.visual-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-wall .visual{margin:0}.visual-wall--two{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-wall figcaption{font-size:14px;color:#C7CDD5}.guide-table{border-collapse:collapse;width:100%;font-size:14px;margin:20px 0 38px}.guide-table th,.guide-table td{padding:13px 16px;text-align:left;border:1px solid rgba(255,255,255,.12);vertical-align:top}.guide-table th{color:#F5F7FA;background:#171C23}.guide-table tr:nth-child(even){background:#10141A}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-card{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#12161C}.topic-card h2{font-size:19px;margin-bottom:10px}.topic-card h2 a{color:#F5F7FA}.topic-card p{font-size:15px;margin:0}.topic-card .topic-more{display:inline-block;margin-top:15px;color:#8ED8FF;font-size:13px}.home-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:35px;align-items:center;padding:46px 0 24px}.home-hero h1{margin-bottom:23px}.home-hero p{max-width:580px}.home-hero .visual{margin:0}.text-actions{display:flex;gap:26px;flex-wrap:wrap;margin-top:25px;color:#8ED8FF;font-weight:600}.home-section{padding:45px 0;border-bottom:1px solid rgba(255,255,255,.09)}.home-section>h2{margin-bottom:21px}.home-section>p.section-intro{max-width:750px}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:58px}.split>*{min-width:0}.note-stack{border-top:1px solid rgba(255,255,255,.15)}.note-stack p{border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0;margin:0}.note-stack strong{color:#8ED8FF;margin-right:12px}.editorial-pair{display:grid;grid-template-columns:1fr 1fr;gap:55px}.editorial-pair article{min-width:0}.editorial-pair a,.readmore{color:#8ED8FF}.index-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 34px}.index-row{display:flex;gap:15px;border-top:1px solid rgba(255,255,255,.12);padding-top:15px}.index-row>span{color:#8ED8FF;font-size:12px}.index-row h3{font-size:17px;margin-bottom:8px}.index-row p{font-size:14px;margin-bottom:0}.plain-section{max-width:820px}.faq-list{max-width:860px}.faq-list details{border-bottom:1px solid rgba(255,255,255,.14);padding:14px 2px}.faq-list summary{color:#F5F7FA;cursor:pointer;font-weight:600}.faq-list p{padding:12px 10px 0;margin:0}.service-strip{padding:20px 24px;background:#12161C;border-left:2px solid #6EA8FF}.footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:65px}.footer-title{font-size:22px;font-weight:700;color:white}.footer-grid p{font-size:14px;margin:12px 0;color:#9098A3}.footer-logo{max-height:36px;width:auto;object-fit:contain;margin-top:18px}.footer h2{font-size:16px;margin-bottom:16px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px}.footer-links a{font-size:13px;color:#9098A3}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:20px;display:flex;gap:25px;justify-content:space-between;font-size:12px;color:#9098A3}.back-top{position:fixed;right:22px;bottom:23px;width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#171C23;color:white;display:none}.back-top.visible{display:block}@media(max-width:1120px){.desktop-nav{gap:10px}.brand{flex-basis:172px}.brand small{display:none}.mainbar{gap:14px}}@media(max-width:979px){.wrap{width:calc(100% - 40px)}.mainbar{height:64px;position:relative;justify-content:space-between}.menu-toggle{display:block}.desktop-nav{display:none}.brand{flex:0 1 auto;position:absolute;left:50%;transform:translateX(-50%);justify-content:center;max-width:36%;white-space:nowrap}.brand img{max-height:28px;max-width:150px}.entry{margin-left:auto;height:40px;padding:0 15px}.quick-inner{gap:22px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.quick-inner::-webkit-scrollbar{display:none}.content-layout{grid-template-columns:minmax(0,1fr) 200px;gap:28px}.home-hero{gap:22px}.footer-grid{gap:28px}}@media(max-width:767px){.wrap{width:calc(100% - 32px)}body{font-size:15px;line-height:1.78}.home-hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding-top:26px}.home-hero .visual{width:100%}.home-hero h1{font-size:29px}.home-section{padding:30px 0}.content-layout,.split,.editorial-pair,.illustrated{display:block}.sidebar{position:static;margin-top:36px}.illustrated .visual{margin-bottom:22px}.related-links{grid-template-columns:1fr}.visual-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.visual-wall .visual{padding:7px}.visual-wall figcaption{font-size:12px}.visual--hero img{max-height:145px}.visual--feature img{max-height:185px}.visual--regular img{max-height:155px}.visual--device{max-width:220px}.visual--gif img{max-height:145px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}.page-heading{margin-bottom:26px}.lead{font-size:15px}.index-rows{grid-template-columns:1fr}.topic-card{padding:16px}.topic-grid{gap:12px}.breadcrumbs{padding-top:22px}.back-top{right:12px;bottom:12px}}@media(max-width:430px){.brand{max-width:34%}.brand img{max-width:100%;max-height:28px}.entry{height:38px;font-size:12px;padding:0 11px}.menu-toggle{padding:5px}.topic-grid{grid-template-columns:1fr}.visual-wall{grid-template-columns:1fr 1fr}.visual-wall--two{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.guide-table{font-size:12px}.guide-table th,.guide-table td{padding:9px}.home-hero h1{font-size:27px}}@media(max-width:350px){.brand{max-width:30%}.entry{padding:0 9px}.visual-wall{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
