@charset "UTF-8";
:root{color-scheme:dark;--bg:#080A0D;--surface:#0D1015;--panel:#12161C;--sub:#171C23;--hover:#1B2129;--text:#F5F7FA;--body:#C7CDD5;--muted:#9098A3;--blue:#5C7CFA;--light:#6EA8FF;--ice:#8ED8FF;--stroke:rgba(255,255,255,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;font-size:16px}a{color:var(--ice);text-decoration:none}a:hover{color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ice);outline-offset:4px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto;min-width:0}.skip-link{position:absolute;top:-200px;z-index:300;background:var(--blue);color:#fff;padding:8px 18px}.skip-link:focus{top:12px;left:12px}.site-header{height:76px;background:rgba(8,10,13,.96);border-bottom:1px solid var(--stroke);position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:22px}.brand{min-width:0;flex:0 0 221px;display:flex;align-items:center;gap:9px;color:#fff}.brand-visual{display:flex;align-items:center;max-width:135px}.brand-en{font-size:9px;letter-spacing:.1em;line-height:1.4;color:#9CA8BB;max-width:80px}.site-image.image--logo{max-height:36px;width:auto;object-fit:contain}.brand-visual .image-placeholder{height:34px;width:110px}.main-navigation{display:flex;align-items:center;gap:clamp(12px,1.55vw,24px);white-space:nowrap;flex:1;justify-content:center}.main-navigation a{font-size:14px;font-weight:600;color:var(--body);border-bottom:2px solid transparent;padding:23px 0}.main-navigation a:hover,.main-navigation .is-active{color:var(--light);border-color:var(--light)}.entry-button{margin-left:auto;flex:none;padding:8px 20px;min-height:40px;line-height:24px;border-radius:999px;background:var(--blue);color:white;font-size:14px;font-weight:bold}.entry-button:hover{background:#7390FF}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--stroke);background:transparent;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:18px;height:2px;background:#fff}.quick-strip{height:45px;background:#10141A;border-bottom:1px solid var(--stroke)}.quick-inner{display:flex;align-items:center;gap:clamp(18px,3vw,42px);height:100%;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.quick-inner::-webkit-scrollbar,.mobile-quick-inner::-webkit-scrollbar{display:none}.quick-inner a{font-size:13px;color:#ACB7C9}.quick-inner a:hover,.quick-inner a[aria-current]{color:var(--light)}.mobile-quick{display:none}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);opacity:0;visibility:hidden;pointer-events:none;z-index:90;transition:opacity .18s}.site-drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,340px);max-width:390px;background:var(--surface);z-index:91;overflow-y:auto;padding:19px 22px 34px;visibility:hidden;pointer-events:none;transform:translateX(-101%);transition:transform .2s,visibility .2s;border-right:1px solid var(--stroke)}body.drawer-open .drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open .site-drawer{visibility:visible;pointer-events:auto;transform:translateX(0)}body.drawer-open{overflow:hidden}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--stroke)}.drawer-brand .site-image{max-height:32px}.drawer-close{background:var(--sub);border:1px solid var(--stroke);width:36px;height:36px;color:white;border-radius:9px;font-size:26px;line-height:1}.drawer-group{padding:16px 0;border-bottom:1px solid var(--stroke)}.drawer-group h2{font-size:13px;color:var(--light);letter-spacing:.13em;margin:0 0 12px}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.drawer-links a{color:var(--body);padding:5px 0;font-size:14px}.drawer-links a:hover{color:var(--ice)}.main-content{min-height:55vh;padding-bottom:68px}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);padding-top:26px}.breadcrumbs strong{color:var(--light);font-weight:500}.page-intro{padding:36px 0 24px;max-width:880px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:var(--light);margin:0 0 10px}.page-intro h1,.hero h1{font-size:34px;line-height:1.4;color:var(--text);margin:0 0 18px;letter-spacing:-.02em}.page-intro>p:not(.eyebrow){max-width:820px;font-size:17px;color:var(--body)}.lede{font-size:17px;line-height:1.85}.article-content{max-width:820px}.article-content.wide{max-width:none}.article-section{padding:24px 0;border-top:1px solid var(--stroke)}.article-section h2,.feature-section h2,.related-read h2{font-size:26px;line-height:1.4;color:var(--text);margin:0 0 17px}.article-section h3{font-size:19px;color:var(--text);margin:20px 0 8px}.article-section p,.feature-section p{margin:0 0 17px}.article-section ul,.article-section ol{padding-left:24px}.article-section li{margin:10px 0}.article-index{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:54px;align-items:start}.aside-index{position:sticky;top:22px;border-top:2px solid var(--blue);background:var(--panel);padding:22px;border-radius:0 0 12px 12px}.aside-index h2{font-size:17px;color:white;margin:0 0 12px}.aside-index a{display:block;padding:5px 0;font-size:14px}.related-read{margin:35px 0 10px;border-top:1px solid var(--stroke);padding:26px 0}.related-read h2{font-size:21px}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related-links a,.text-link{display:inline-block;padding:7px 0;border-bottom:1px solid rgba(142,216,255,.4);font-size:14px}.callout{background:var(--panel);border-left:3px solid var(--blue);padding:20px 24px;margin:20px 0 32px;border-radius:0 12px 12px 0}.visual{margin:24px 0;min-width:0;max-width:100%;background:var(--surface);border:1px solid var(--stroke);padding:12px;border-radius:13px}.visual img{width:auto;height:auto;max-width:100%;max-height:180px;margin:auto;object-fit:contain;object-position:center}.visual--hero{height:auto}.visual.hero img,.visual .image--hero{max-height:245px}.visual.feature img,.visual .image--feature{max-height:245px}.visual.device{max-width:270px;margin-inline:auto}.visual.device img,.visual .image--device{max-height:340px}.visual.gif img,.visual .image--gif{max-height:175px}.visual figcaption{padding:12px 3px 3px;font-size:13px;line-height:1.7;color:var(--muted)}.image-placeholder{height:160px;min-width:0;width:100%;background:linear-gradient(135deg,#151B25,#0D1015);border:1px solid var(--stroke);border-radius:10px}.image-placeholder--hero{height:225px}.image-placeholder--feature{height:210px}.image-placeholder--device{height:300px}.image-placeholder--gif{height:140px}.site-image{object-fit:contain;object-position:center center}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:32px;padding:45px 0 30px}.hero h1{font-size:40px}.hero-copy p{margin:0 0 20px;font-size:17px}.hero .visual{margin:0}.hero .visual img{max-height:245px}.hero-actions{display:flex;gap:21px;flex-wrap:wrap}.feature-section{padding:36px 0;border-top:1px solid var(--stroke)}.section-head{max-width:740px;margin-bottom:18px}.feature-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-box{padding:23px;background:var(--panel);border:1px solid var(--stroke);border-radius:13px}.topic-box h3{font-size:19px;color:var(--text);margin:0 0 12px}.topic-box p{font-size:15px}.editorial-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.72fr);gap:40px;align-items:start}.editorial-aside{padding:22px;background:var(--panel);border-top:2px solid var(--blue)}.editorial-aside p{font-size:14px}.editorial-aside ol{margin:0;padding-left:22px}.editorial-aside li{padding-bottom:11px}.feature-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.visual-note{min-width:0}.visual-note .visual{margin:0 0 12px}.visual-note h3{margin:0 0 8px;font-size:17px;color:var(--text)}.visual-note p{font-size:14px}.split-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px;align-items:center}.split-feature .visual{margin:0}.number-index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 36px;counter-reset:note}.number-index li{counter-increment:note;border-top:1px solid var(--stroke);padding:17px 0}.number-index li:before{content:counter(note,decimal-leading-zero);color:var(--light);font-size:13px;display:block;margin-bottom:6px}.number-index strong{color:var(--text)}.number-index p{font-size:14px}.comparison{width:100%;border-collapse:collapse;margin:23px 0;font-size:15px}.comparison th,.comparison td{text-align:left;vertical-align:top;border-bottom:1px solid var(--stroke);padding:14px 12px}.comparison th{color:white;background:var(--panel)}.qa-list details{margin:12px 0;background:var(--panel);border:1px solid var(--stroke);padding:12px 20px;border-radius:12px}.qa-list summary{font-weight:bold;color:var(--text);cursor:pointer}.qa-list p{margin:13px 0 3px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-grid .visual{margin:0}.gallery-grid .visual img{max-height:200px}.gallery-grid .visual.featured{grid-column:span 2}.gallery-grid .visual.featured img{max-height:245px}.guide-steps{counter-reset:step}.guide-steps .article-section{position:relative;padding-left:54px;counter-increment:step}.guide-steps .article-section:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:29px;color:var(--ice);font-size:16px}.fine-print{font-size:13px;color:var(--muted)}.site-footer{background:#050608;border-top:1px solid var(--stroke);padding-top:40px}.footer-layout{display:grid;grid-template-columns:1.1fr 1fr .85fr;gap:55px;padding-bottom:38px}.footer-about p{font-size:13px;color:var(--muted);max-width:300px}.footer-logo img{max-height:36px}.site-footer h2{font-size:16px;color:var(--text);margin:0 0 14px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 17px}.footer-links a{font-size:13px;color:#ADB5C1}.footer-bottom{border-top:1px solid var(--stroke);display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);padding:15px 0}.back-top{position:fixed;right:20px;bottom:24px;border:1px solid var(--stroke);background:var(--sub);color:white;width:42px;height:42px;border-radius:50%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s;z-index:30}.back-top.is-visible{opacity:1;visibility:visible;pointer-events:auto}
@media(max-width:1099px){.main-navigation{gap:11px}.brand{flex-basis:185px}.brand-en{display:none}.main-navigation a{font-size:13px}}
@media(max-width:979px){.container{width:calc(100% - 40px)}.site-header{height:64px}.header-inner{position:relative;justify-content:space-between}.menu-toggle{display:flex}.brand{position:absolute;left:50%;transform:translateX(-50%);flex:none;width:auto;max-width:125px;justify-content:center}.brand-visual{max-width:124px}.brand .site-image.image--logo{max-height:28px}.brand-en,.main-navigation,.quick-strip{display:none}.entry-button{margin-left:auto;min-height:39px;padding:7px 15px}.mobile-quick{display:block;background:#10141A;border-bottom:1px solid var(--stroke)}.mobile-quick-inner{display:flex;gap:25px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;padding:10px 20px}.mobile-quick a{font-size:13px;color:var(--body)}.article-index{grid-template-columns:minmax(0,1fr)}.aside-index{position:static}.hero h1{font-size:34px}.footer-layout{gap:25px}}
@media(max-width:767px){.container{width:calc(100% - 32px)}.main-content{padding-bottom:45px}.breadcrumbs{padding-top:17px}.page-intro{padding:24px 0 12px}.page-intro h1{font-size:26px}.page-intro>p:not(.eyebrow),.lede{font-size:15px}.article-section h2,.feature-section h2{font-size:22px}.article-section{padding:20px 0}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding:25px 0 18px;gap:20px}.hero h1{font-size:30px}.hero-copy p{font-size:15px}.hero .visual img{max-height:145px}.hero .image-placeholder--hero{height:145px}.feature-grid-2,.editorial-layout,.split-feature,.number-index{grid-template-columns:minmax(0,1fr)}.feature-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-section{padding:30px 0}.visual img{max-height:155px}.visual.feature img{max-height:185px}.visual.device{max-width:220px}.visual.device img{max-height:340px}.visual.gif img{max-height:145px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid .visual.featured{grid-column:span 2}.footer-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-about{grid-column:span 2}.footer-bottom{display:block}.comparison{font-size:13px}.comparison th,.comparison td{padding:9px 7px}}
@media(max-width:390px){.brand-visual{max-width:96px}.brand .site-image.image--logo{max-width:96px}.entry-button{font-size:12px;padding:7px 11px}.hero h1{font-size:27px}.feature-grid-3,.gallery-grid{grid-template-columns:minmax(0,1fr)}.gallery-grid .visual.featured{grid-column:auto}.number-index{gap:0}.guide-steps .article-section{padding-left:40px}}
@media(max-width:340px){.brand-visual{max-width:82px}.brand .site-image.image--logo{max-width:82px}.entry-button{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}