:root{color-scheme:dark;--bg:#080A0D;--surface:#0D1015;--card:#12161C;--raised:#171C23;--text:#F5F7FA;--body:#C7CDD5;--sub:#9098A3;--blue:#5C7CFA;--bright:#6EA8FF;--line: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:inherit;text-decoration:none}a:hover{color:var(--bright)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8ED8FF;outline-offset:3px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}.wrap{width:calc(100% - 48px);max-width:1200px;margin-inline:auto;min-width:0}.skip-link{position:absolute;z-index:200;top:-80px;left:10px;background:var(--blue);color:#fff;padding:8px 16px}.skip-link:focus{top:8px}.site-header{position:relative;z-index:20;background:rgba(8,10,13,.96);border-bottom:1px solid var(--line)}.header-inner{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:218px}.site-logo{max-height:36px;width:auto;object-fit:contain}.logo-fallback{font-size:24px;font-weight:800;color:#8ED8FF;letter-spacing:.04em}.logo-fallback span{color:#fff}.brand-caption{font-size:9px;line-height:1.35;letter-spacing:.1em;color:#8B9AAF;max-width:96px}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.5vw,23px);flex:1;white-space:nowrap;font-size:14px}.primary-nav a{position:relative;padding:24px 0;color:var(--body)}.primary-nav a.is-current,.primary-nav a:hover{color:var(--bright)}.primary-nav a.is-current:after{content:"";position:absolute;bottom:16px;left:0;right:0;height:2px;background:var(--bright)}.enter-button{flex:none;background:var(--blue);color:#fff;border-radius:999px;height:42px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.enter-button:hover{color:#fff;background:#7390FF}.menu-toggle{display:none}.quick-nav{background:#10141A;border-bottom:1px solid var(--line)}.quick-inner{min-width:0}.quick-desktop{display:flex;align-items:center;gap:clamp(14px,2vw,25px);min-height:44px;white-space:nowrap;font-size:13px}.quick-label{font-size:12px;color:var(--sub);padding-right:12px;border-right:1px solid var(--line)}.quick-desktop a.is-current{color:var(--bright)}.quick-mobile{display:none}.main-content{padding-top:36px;padding-bottom:76px;min-height:60vh}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--sub);margin-bottom:32px;flex-wrap:wrap}.breadcrumbs a{color:#AAB6C5}.page-intro{max-width:850px;margin:0 0 40px}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:.16em;color:var(--bright);text-transform:uppercase}.page-intro h1,.hero h1{font-size:clamp(32px,3.2vw,35px);line-height:1.37;letter-spacing:-.025em;margin:12px 0 20px;color:var(--text)}.page-intro p{color:var(--body);font-size:17px;max-width:770px}.section-header{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:24px}.section-header h2{margin:0;color:var(--text);font-size:26px;line-height:1.4}.section-header span{font-size:12px;color:var(--sub)}.editor-section{margin-top:56px}.article-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(210px,1fr);gap:56px;align-items:start}.article-column,.article-layout>*{min-width:0}.article-section{padding:0 0 27px;border-bottom:1px solid var(--line);margin-bottom:34px}.article-section h2{font-size:26px;line-height:1.4;color:var(--text);margin:8px 0 14px}.article-section h3{font-size:19px;color:var(--text)}.article-section p{margin:0 0 16px;font-size:16px;line-height:1.82}.article-section p:last-child{margin-bottom:0}.aside-panel{padding:22px;background:var(--card);border:1px solid var(--line);border-radius:13px}.aside-panel h2{color:var(--text);font-size:17px;margin:0 0 12px}.aside-panel a{display:block;font-size:14px;padding:8px 0;border-bottom:1px solid var(--line)}.aside-panel a:last-child{border-bottom:0}.related-reading{margin-top:40px;padding:24px;background:#10151D;border-left:2px solid var(--blue)}.related-reading h2{font-size:20px;margin:0 0 12px;color:var(--text)}.related-reading p{margin:0 0 12px}.related-links{display:flex;gap:10px 20px;flex-wrap:wrap}.related-links a,.text-link{color:#8ED8FF;border-bottom:1px solid rgba(142,216,255,.3)}.image-frame{margin:16px 0 24px;background:#0D1015;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-width:0;max-width:100%;padding:12px}.image-frame img{display:block;width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;margin:auto}.image-frame figcaption{font-size:13px;color:var(--sub);line-height:1.65;padding:11px 4px 2px}.image-placeholder{height:180px;background:linear-gradient(120deg,#10151D,#181E27);border-radius:8px}.figure-hero{height:auto;min-height:250px;max-height:310px;display:flex;flex-direction:column;justify-content:center}.figure-hero img{max-height:275px;width:auto;max-width:100%}.figure-hero .image-placeholder{height:275px}.figure-standard img{max-height:180px;width:auto}.figure-standard .image-placeholder{height:165px}.figure-feature img{max-height:245px;width:auto}.figure-feature .image-placeholder{height:220px}.figure-device{max-width:270px;margin:auto}.figure-device img{max-height:340px;width:auto}.figure-device .image-placeholder{height:310px}.figure-gif img{max-height:175px;width:auto}.figure-gif .image-placeholder{height:150px}.figure-banner img{max-height:245px;width:auto}.figure-banner .image-placeholder{height:210px}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.visual-grid>*{min-width:0}.visual-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}.visual-card h3{font-size:18px;line-height:1.4;color:var(--text);margin:8px 0}.visual-card p{font-size:14px;line-height:1.7;margin:0}.visual-card .image-frame{margin:0 0 14px;padding:8px}.visual-card .image-frame img{max-height:170px}.visual-card .image-placeholder{height:160px}.visual-group{margin:0 0 40px}.visual-group h2{color:var(--text);font-size:24px;margin-bottom:18px}.image-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:center;margin:38px 0}.image-note>*{min-width:0}.image-note h2{color:var(--text);font-size:25px}.image-note p{line-height:1.8}.number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.number-card{min-width:0;background:var(--card);padding:24px;border-radius:12px;border:1px solid var(--line)}.number-card .num{font-size:13px;color:var(--bright)}.number-card h3{color:var(--text);margin:8px 0;font-size:19px}.number-card p{margin:0;font-size:15px}.reading-index{counter-reset:reading}.reading-index article{counter-increment:reading;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.reading-index article:before{content:counter(reading,decimal-leading-zero);font-size:18px;font-weight:700;color:var(--bright)}.reading-index h2,.reading-index h3{font-size:20px;color:var(--text);margin:0 0 10px}.reading-index p{margin:0 0 10px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.two-col>*{min-width:0}.callout{padding:24px;border:1px solid var(--line);border-radius:13px;background:#111821}.callout h3{color:var(--text)}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:36px;padding:16px 0 26px}.hero>*{min-width:0}.hero h1{font-size:clamp(38px,3.5vw,42px)}.hero p{font-size:17px;line-height:1.8}.hero-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px}.hero-links a{color:#8ED8FF;border-bottom:1px solid rgba(142,216,255,.4);font-weight:700}.table-scroll{max-width:100%;overflow-x:auto;margin:22px 0 32px}.knowledge-table{border-collapse:collapse;min-width:560px;width:100%;font-size:14px}.knowledge-table th,.knowledge-table td{padding:14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.knowledge-table th{background:#171C23;color:var(--text)}.knowledge-table tr:nth-child(even){background:#11151B}.step-list{counter-reset:steps}.step-list .article-section{padding-left:24px;border-left:2px solid #26365B}.faq-item{margin-bottom:14px;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:18px 20px}.faq-item summary{cursor:pointer;font-weight:700;color:var(--text);font-size:17px}.faq-item p{margin-bottom:0}.site-footer{background:#050608;border-top:1px solid var(--line);padding-top:54px;color:#AEB5C0}.footer-layout{display:grid;grid-template-columns:minmax(170px,1.15fr) minmax(0,2.7fr) minmax(145px,.7fr);gap:38px}.footer-identity p{font-size:14px;margin-top:20px}.footer-nav h2,.footer-service h2{font-size:16px;color:var(--text);margin:0 0 20px}.footer-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.footer-link-group strong{display:block;font-size:13px;color:#9AB1D0;margin-bottom:8px}.footer-link-group a,.footer-service a{display:block;font-size:13px;margin:5px 0;color:#AAB2BD}.footer-bottom{border-top:1px solid var(--line);padding:22px 0;margin-top:36px;display:flex;justify-content:space-between;gap:24px;font-size:13px}.footer-bottom p{margin:0}.back-top{position:fixed;right:24px;bottom:24px;border:1px solid var(--line);color:#fff;background:#202C40;width:42px;height:42px;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .15s}.back-top.is-shown{opacity:1;pointer-events:auto}.drawer-overlay{position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.7);visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s}.drawer-overlay.is-visible{visibility:visible;pointer-events:auto;opacity:1}.site-drawer{position:fixed;left:0;top:0;bottom:0;width:min(390px,86vw);background:#0D1015;z-index:40;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .23s,visibility .23s;border-right:1px solid var(--line);display:flex;flex-direction:column}.site-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{padding:22px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head .site-logo{max-height:32px}.close-menu{color:#fff;background:none;border:1px solid var(--line);font-size:28px;width:40px;height:40px;border-radius:8px;line-height:1}.drawer-scroll{overflow-y:auto;padding:6px 22px 24px}.drawer-group{padding:12px 0;border-bottom:1px solid var(--line)}.drawer-group h2{font-size:13px;letter-spacing:.1em;color:var(--bright)}.drawer-group a{display:block;padding:5px 2px;font-size:15px}.drawer-group a.is-current{color:var(--bright)}
@media(max-width:1100px){.primary-nav{gap:12px;font-size:13px}.brand{min-width:190px}.brand-caption{display:none}.header-inner{gap:14px}.footer-layout{grid-template-columns:1fr 2fr}.footer-service{grid-column:1/-1;display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}.footer-service h2{margin:0}}
@media(max-width:979px){.wrap{width:calc(100% - 40px)}.site-header .header-inner{height:64px;position:relative;justify-content:space-between}.brand{position:absolute;left:50%;transform:translateX(-50%);min-width:0;max-width:calc(100% - 200px);justify-content:center}.site-logo{max-height:28px;max-width:100%;width:auto}.logo-fallback{font-size:20px}.primary-nav,.quick-desktop{display:none}.menu-toggle{width:40px;height:40px;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:9px;background:#131821;flex:none}.menu-toggle span{width:17px;height:2px;background:var(--text)}.enter-button{margin-left:auto;padding:0 14px;height:40px;font-size:13px}.quick-mobile{display:flex;white-space:nowrap;align-items:center;gap:28px;min-height:44px;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.quick-mobile::-webkit-scrollbar{display:none}.quick-mobile a{font-size:14px;flex:none}.quick-mobile a[aria-current]{color:var(--bright)}.article-layout{grid-template-columns:minmax(0,1fr);gap:25px}.aside-panel{display:block}.aside-panel a{display:inline-block;margin-right:20px}.footer-layout{grid-template-columns:1fr 2fr}.footer-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.main-content{padding-top:22px;padding-bottom:50px}.hero{grid-template-columns:1fr;gap:12px}.hero .hero-art{order:-1}.hero h1{font-size:30px}.hero p{font-size:15.5px}.page-intro h1{font-size:27px}.page-intro p{font-size:15.5px}.section-header h2,.article-section h2{font-size:22px}.editor-section{margin-top:35px}.two-col,.number-grid,.image-note{grid-template-columns:1fr;gap:20px}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visual-card{padding:10px}.visual-card h3{font-size:16px}.visual-card p{font-size:13px}.image-note .image-frame{margin:0}.article-section p{font-size:15.5px}.footer-layout{grid-template-columns:1fr}.footer-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{display:block}.figure-hero{max-height:205px;min-height:170px}.figure-hero img{max-height:172px}.figure-hero .image-placeholder{height:170px}.figure-standard img{max-height:155px}.figure-standard .image-placeholder{height:145px}.figure-feature img{max-height:185px}.figure-feature .image-placeholder{height:170px}.figure-device{max-width:220px}.figure-gif img{max-height:145px}.figure-banner img{max-height:145px}.figure-banner .image-placeholder{height:135px}}
@media(max-width:430px){.wrap{width:calc(100% - 32px)}.header-inner{gap:6px}.brand{max-width:calc(100% - 192px)}.enter-button{padding:0 12px;font-size:12px;height:38px}.quick-mobile{gap:23px}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-card .image-frame img{max-height:135px}.footer-link-grid{gap:18px}.related-reading{padding:18px}}
@media(max-width:350px){.brand{max-width:calc(100% - 175px)}.logo-fallback{font-size:17px}.visual-grid{grid-template-columns:1fr}.visual-card .image-frame img{max-height:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}