:root{color-scheme:dark;--bg:#080A0D;--panel:#0D1015;--block:#12161C;--block2:#171C23;--text:#F5F7FA;--copy:#C7CDD5;--muted:#9098A3;--blue:#5C7CFA;--bright:#6EA8FF;--line:rgba(255,255,255,.09)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--copy);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.8;font-size:16px}a{color:inherit;text-decoration:none}a:hover{color:var(--bright)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:4px}button{font:inherit;cursor:pointer}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--text);line-height:1.4}h1{font-size:clamp(28px,3.3vw,42px);letter-spacing:-.025em}h2{font-size:26px}h3{font-size:20px}p{margin-bottom:17px}.container{width:min(100% - 48px,1200px);margin-inline:auto}.skip{position:absolute;left:12px;top:-80px;padding:10px 18px;background:var(--blue);z-index:20;color:#fff}.skip:focus{top:8px}.site-header{position:relative;z-index:5;background:rgba(8,10,13,.96);border-bottom:1px solid var(--line)}.topbar{height:76px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:8px;min-width:190px;max-width:235px}.brand-en{font-size:9px;letter-spacing:.13em;line-height:1.4;color:var(--muted);white-space:nowrap}.logo-media{border:0!important;background:none!important;margin:0;display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%}.logo-media img{display:block;width:auto;height:auto;max-height:36px;max-width:105px;object-fit:contain}.logo-media .image-placeholder{font-size:14px;min-width:80px;min-height:32px}.primary-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.45vw,24px);white-space:nowrap}.primary-nav a{font-size:14px;padding:23px 0 21px;border-bottom:2px solid transparent}.primary-nav a.active{color:var(--bright);border-bottom-color:var(--bright)}.entry{background:var(--blue);color:#fff;border-radius:999px;min-width:110px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.entry:hover{color:#fff;background:#7390FF}.quickbar{background:#10141A;border-top:1px solid var(--line)}.quicklinks{height:44px;display:flex;align-items:center;gap:30px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.quicklinks::-webkit-scrollbar{display:none}.quicklinks a{font-size:13px;color:#AEB7C4}.quicklinks a[aria-current],.quicklinks a:hover{color:var(--bright)}.mobile-quicklinks{display:none}.menu-toggle{display:none}.drawer,.drawer-overlay{visibility:hidden;pointer-events:none;position:fixed;z-index:12;transition:transform .22s,visibility .22s}.drawer-overlay{inset:0;background:rgba(0,0,0,.7);opacity:0;transition:opacity .22s,visibility .22s}.drawer{top:0;left:0;bottom:0;width:min(86vw,390px);overflow-y:auto;background:var(--panel);transform:translateX(-103%);padding:20px 24px 30px;box-shadow:8px 0 40px #0007}.drawer-open .drawer,.drawer-open .drawer-overlay{visibility:visible;pointer-events:auto}.drawer-open .drawer{transform:translateX(0)}.drawer-open .drawer-overlay{opacity:1}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.drawer-brand{font-weight:700;color:var(--text)}.drawer-brand span{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.drawer-close{border:0;background:var(--block2);color:var(--text);border-radius:8px;width:38px;height:38px;font-size:28px;line-height:1}.drawer section{margin-top:18px}.drawer h2{font-size:12px;color:var(--bright);letter-spacing:.13em;margin-bottom:8px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.drawer-links a{padding:6px 0;font-size:14px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--muted);padding-top:27px}.breadcrumb a:hover{color:var(--bright)}.page{padding-top:34px;padding-bottom:76px}.eyebrow{color:var(--bright);text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;margin-bottom:15px}.lead{max-width:780px;color:var(--copy);font-size:18px;line-height:1.85}.intro{padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:40px}.intro h1{max-width:920px}.read-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:60px;align-items:start}.read-layout article{min-width:0}.read-layout aside{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;position:sticky;top:20px}.read-layout aside strong{display:block;color:var(--text);font-size:14px;margin-bottom:12px}.read-layout aside a{display:block;font-size:13px;padding:7px 0;border-top:1px solid var(--line)}.article-text{max-width:820px}.article-section{margin:0 0 48px;scroll-margin-top:24px}.article-section h2{font-size:25px;border-left:3px solid var(--blue);padding-left:15px;margin-bottom:22px}.article-section p{line-height:1.84;color:var(--copy)}.article-section p:last-child{margin-bottom:0}.article-section h3{margin-top:27px;font-size:18px}.article-section ul,.article-section ol{padding-left:24px}.article-section li{margin-bottom:12px}.article-section a,.content-link{color:var(--bright);text-decoration:underline;text-decoration-color:#6EA8FF55;text-underline-offset:4px}.micro-label{font-size:12px;letter-spacing:.12em;color:var(--muted);font-weight:700}.accent-note{background:var(--panel);border-left:2px solid var(--bright);padding:22px 24px;margin:32px 0;color:var(--copy)}.accent-note strong{color:var(--text)}.media{margin:22px 0 32px;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:12px;min-width:0;max-width:100%;overflow:hidden}.media img{display:block;width:100%;height:auto;max-width:100%;max-height:245px;object-fit:contain;object-position:center center;margin:auto}.media figcaption{font-size:13px;color:var(--muted);line-height:1.65;padding:12px 6px 3px}.image-placeholder{min-height:125px;display:grid;place-items:center;text-align:center;padding:18px;font-size:13px;color:var(--muted);background:var(--block)}.wide-media img{max-height:260px}.small-media img{max-height:180px}.device-media{width:min(100%,270px);margin-inline:auto}.device-media img{max-height:340px}.gif-media img{max-height:175px}.related{border-top:1px solid var(--line);padding-top:30px;margin-top:48px}.related h2{font-size:21px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.related-grid a{background:var(--panel);border:1px solid var(--line);padding:16px 18px;border-radius:12px;display:flex;flex-direction:column;min-height:105px}.related-grid a span:first-child{font-size:12px;color:var(--muted)}.related-grid a strong{font-size:16px;color:var(--text)}.related-grid a span:last-child{align-self:end;color:var(--bright);margin-top:auto}.comparison{width:100%;border-collapse:collapse;margin:22px 0 28px;font-size:14px}.comparison th,.comparison td{text-align:left;padding:13px 15px;border:1px solid var(--line);vertical-align:top}.comparison th{background:var(--block2);color:var(--text)}.comparison td{background:var(--panel)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.split>*{min-width:0}.split.media-first{grid-template-columns:.95fr 1.05fr}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.editorial-card{padding:26px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.editorial-card h3{margin-bottom:10px}.editorial-card p{font-size:15px}.editorial-card .small-link{display:inline-block;color:var(--bright);font-size:13px;margin-top:8px}.feature-strip{padding:26px;border-block:1px solid var(--line);margin:35px 0}.steps{counter-reset:step;display:grid;gap:20px;margin:20px 0}.step{position:relative;padding:22px 22px 22px 78px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:20px;top:20px;color:var(--bright);font-size:25px;font-weight:700}.step h3{margin-bottom:8px}.step p{margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-grid .media{margin:0}.gallery-grid .media img{max-height:210px}.gallery-grid .media figcaption{min-height:60px}.gallery-grid .media:nth-child(5n+1){grid-column:span 2}.gallery-grid .media:nth-child(5n+1) img{max-height:290px}.faq-list details{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:16px 20px}.faq-list summary{color:var(--text);font-weight:700;cursor:pointer}.faq-list p{margin:13px 0 2px;font-size:15px}.indexes{display:grid;gap:0}.index-row{display:grid;grid-template-columns:66px minmax(0,1fr) 160px;gap:16px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.index-row .number{color:var(--bright);font-size:24px}.index-row h3{font-size:19px;margin:0 0 6px}.index-row p{font-size:15px;margin:0}.index-row>a{color:var(--bright);font-size:13px;text-align:right}.site-footer{background:#050608;border-top:1px solid var(--line);padding-top:52px}.footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:55px;padding-bottom:46px}.footer-brand p{font-size:13px;color:var(--muted);margin-top:13px}.site-footer h2{font-size:16px;margin-bottom:18px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 14px}.footer-links a{font-size:13px;color:var(--muted)}.footer-bottom{padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.footer-bottom p{margin:0}.back-to-top{position:fixed;right:22px;bottom:22px;width:43px;height:43px;border:1px solid #445477;background:var(--block2);border-radius:50%;color:var(--text);opacity:0;visibility:hidden;transition:opacity .2s;z-index:3}.back-to-top.visible{opacity:1;visibility:visible}.home-hero{padding-top:56px}.home-hero h1{font-size:clamp(28px,3.3vw,42px)}.home-section{padding:46px 0;border-bottom:1px solid var(--line)}.home-section>h2{margin-bottom:27px}.home-section .split h2{margin-bottom:18px}.inline-links{display:flex;gap:22px;flex-wrap:wrap;margin:22px 0}.inline-links a{font-size:14px;color:var(--bright);font-weight:700}.hero-media{margin:0}.hero-media img{max-height:245px}.home-note{max-width:770px}.tag{font-size:12px;color:var(--bright);letter-spacing:.12em;margin:0 0 12px}.home-figure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-figure-grid .media{margin:0}.home-figure-grid .media img{max-height:180px}.home-figure-grid h3{margin:12px 0 8px;font-size:17px}.home-figure-grid p{font-size:14px}.home-figure-grid figure{min-width:0}.home-figure-grid figcaption{min-height:58px}.subhead{max-width:760px;margin-bottom:26px}.service-strip{background:var(--panel);padding:28px;border-radius:12px}.service-strip a{color:var(--bright)}
@media(max-width:1100px){.brand-en{display:none}.brand{min-width:110px}.topbar{gap:15px}.primary-nav{gap:13px}.primary-nav a{font-size:13px}}
@media(max-width:979px){.container{width:min(100% - 40px,1200px)}.topbar{height:64px;position:relative;justify-content:space-between}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;width:40px;height:40px;border:1px solid var(--line);background:var(--panel);border-radius:9px;color:#fff}.menu-toggle span{height:2px;width:18px;background:currentColor}.topbar>.brand{position:absolute;left:50%;transform:translateX(-50%);min-width:0;max-width:calc(100% - 205px);justify-content:center}.logo-media img{max-height:28px;max-width:100px}.entry{height:39px;min-width:99px}.primary-nav,.desktop-quicklinks{display:none}.mobile-quicklinks{display:flex;gap:26px;height:43px}.read-layout{grid-template-columns:1fr;gap:10px}.read-layout aside{position:static;order:-1}.read-layout aside nav{display:flex;flex-wrap:wrap;gap:6px 18px}.read-layout aside a{border:0}.footer-grid{gap:25px}}
@media(max-width:767px){.container{width:min(100% - 32px,1200px)}body{font-size:15px}.page{padding-top:26px;padding-bottom:56px}.lead{font-size:16px}.intro{margin-bottom:32px}.article-section{margin-bottom:36px}.article-section h2{font-size:21px}.article-section h3{font-size:18px}.split,.split.media-first{grid-template-columns:1fr;gap:20px}.editorial-grid{grid-template-columns:1fr;gap:13px}.editorial-card{padding:18px}.home-section{padding:30px 0}.home-hero{padding-top:28px}.home-hero .hero-media{grid-row:1}.hero-media img{max-height:145px}.media img{max-height:185px}.wide-media img{max-height:185px}.small-media img,.home-figure-grid .media img{max-height:155px}.device-media{max-width:220px}.gif-media img{max-height:145px}.home-figure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-figure-grid p{font-size:13px}.related-grid{grid-template-columns:1fr}.related-grid a{min-height:78px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-grid .media:nth-child(5n+1){grid-column:auto}.gallery-grid .media img,.gallery-grid .media:nth-child(5n+1) img{max-height:155px}.comparison{font-size:13px}.comparison th,.comparison td{padding:10px}.index-row{grid-template-columns:45px 1fr;gap:9px}.index-row>a{grid-column:2;text-align:left}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:359px){.topbar>.brand{max-width:calc(100% - 180px)}.topbar>.brand .logo-media img{max-width:75px}.entry{min-width:91px;height:38px;font-size:12px}.menu-toggle{width:38px}.home-figure-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.step{padding-left:58px}.step:before{left:13px;font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer,.drawer-overlay,.back-to-top{transition:none}}
