:root{color-scheme:dark;--bg:#080A0D;--panel:#12161C;--raised:#171C23;--text:#F5F7FA;--body:#C7CDD5;--muted:#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;font-size:16px;line-height:1.8}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}img{display:block;max-width:100%;height:auto}figure{margin:0}.container{max-width:1200px;margin-inline:auto;padding-inline:24px;min-width:0}.site-header{position:relative;z-index:15;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;flex-shrink:0;min-width:200px}.site-logo{max-height:36px;width:auto;object-fit:contain}.logo-fallback{font-weight:800;font-size:24px;color:#F5F7FA;white-space:nowrap}.brand-en{font-size:10px;letter-spacing:.04em;color:var(--muted);line-height:1.2;max-width:115px}.desktop-nav{display:flex;align-items:center;gap:clamp(12px,1.5vw,22px);flex:1;justify-content:center;white-space:nowrap}.desktop-nav a{font-size:14px;padding:25px 0 23px;border-bottom:2px solid transparent}.desktop-nav a.active{color:var(--bright);border-bottom-color:var(--bright)}.entry-button{display:inline-flex;align-items:center;justify-content:center;height:42px;border-radius:999px;background:var(--blue);color:white;font-size:14px;font-weight:700;padding:0 20px;white-space:nowrap;flex-shrink:0}.entry-button:hover{color:white;background:#7390FF}.menu-toggle{display:none}.quick-bar{background:#10141A;border-bottom:1px solid var(--line)}.quick-desktop,.quick-mobile{display:flex;align-items:center;gap:30px;height:44px}.quick-desktop a,.quick-mobile a{font-size:14px;color:#AEB8C6;white-space:nowrap}.quick-desktop a:hover,.quick-desktop .selected{color:var(--bright)}.quick-mobile{display:none}.breadcrumbs{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:13px;margin:26px 0 12px;flex-wrap:wrap}.breadcrumbs a{color:#BFC8D5}main{padding-bottom:70px}h1,h2,h3{color:var(--text);line-height:1.38;letter-spacing:-.02em}h1{font-size:34px;margin:0 0 18px}h2{font-size:26px;margin:0 0 20px}h3{font-size:19px;margin:0 0 12px}p{margin:0 0 16px}.eyebrow{display:block;color:var(--bright);font-weight:700;letter-spacing:.16em;font-size:12px;margin-bottom:14px}.section{margin-top:52px}.page-head{max-width:830px;padding:24px 0 20px}.page-head .lead{font-size:17px;line-height:1.85;color:#CFD7E1}.home-head{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:32px;margin-top:48px}.home-head h1{font-size:40px}.home-head p{font-size:17px}.text-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:25px}.text-links a{color:var(--bright);border-bottom:1px solid rgba(110,168,255,.45);font-weight:700}.media-figure{min-width:0;max-width:100%;margin:0}.media-frame{min-width:0;max-width:100%;background:#0D1015;border:1px solid var(--line);border-radius:13px;padding:12px;display:flex;align-items:center;justify-content:center}.media-frame img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}.media-figure figcaption{font-size:13px;color:var(--muted);margin:9px 2px 0;line-height:1.55}.image-placeholder{height:165px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(125deg,#10151C,#171E29)}.hero-media .media-frame{height:300px}.hero-media .image-placeholder{height:300px}.wide-media .media-frame{height:235px}.wide-media .image-placeholder{height:235px}.feature-media .media-frame{height:225px}.feature-media .image-placeholder{height:225px}.tile-media .media-frame{height:165px}.tile-media .image-placeholder{height:165px}.device-media{max-width:270px;margin:auto}.device-media .media-frame{height:340px}.device-media .image-placeholder{height:340px}.gif-media .media-frame{height:165px}.gif-media .image-placeholder{height:165px}.editorial-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px;align-items:start}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.four-topics,.three-visuals,.gallery-grid,.topic-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.three-visuals{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-box,.article-card,.note-panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:22px;min-width:0}.topic-box h3,.article-card h3{margin:0 0 10px}.topic-box p:last-child{margin:0}.section-intro{max-width:790px}.article-column{max-width:800px}.article-column p,.body-copy p{font-size:16px;line-height:1.84}.body-copy h2{margin-top:40px}.body-copy h3{margin-top:26px}.aside-index{position:relative;border-left:1px solid rgba(110,168,255,.4);padding-left:24px}.aside-index ol{margin:0;padding-left:22px}.aside-index li{margin:0 0 15px}.number-list{counter-reset:items;list-style:none;margin:0;padding:0}.number-list>li{counter-increment:items;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid var(--line)}.number-list>li:before{content:counter(items,decimal-leading-zero);font-size:14px;color:var(--bright);font-weight:800}.number-list a{color:var(--bright)}.related-links{margin-top:40px;border-top:1px solid var(--line);padding:20px 0}.related-links strong{display:block;color:var(--text);font-size:15px;margin-bottom:13px}.related-links div{display:flex;flex-wrap:wrap;gap:10px}.related-links a{display:inline-flex;align-items:center;gap:8px;background:var(--raised);border:1px solid var(--line);border-radius:999px;padding:6px 15px;font-size:14px}.related-links a span{color:var(--bright)}.prose-list{padding-left:22px}.prose-list li{margin-bottom:12px}.knowledge-table{border-collapse:collapse;width:100%;margin:22px 0;font-size:14px}.knowledge-table th,.knowledge-table td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}.knowledge-table th{background:#1A2230;color:var(--text)}.knowledge-table td{background:#0E1217}.chapter{border-top:1px solid var(--line);padding-top:26px;margin-top:28px}.chapter h2{margin-bottom:12px}.chapter:nth-child(2n) .chapter-number{color:#8ED8FF}.chapter-number{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--bright)}.image-and-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:30px;align-items:center}.image-and-copy.reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.image-and-copy.reverse .media-figure{order:2}.visual-entry{min-width:0}.visual-entry h3{margin:13px 0 7px;font-size:17px}.visual-entry p{font-size:14px;color:#B5BFCB}.visual-entry .media-frame{height:180px}.visual-entry .image-placeholder{height:180px}.gallery-entry:nth-child(4n+1){grid-column:span 2}.faq-item{border-bottom:1px solid var(--line);padding:10px 0}.faq-item summary{cursor:pointer;color:var(--text);font-weight:700;padding:8px}.faq-item p{padding:12px 10px 0}.site-footer{background:#050608;border-top:1px solid var(--line);padding:45px 0 22px}.footer-grid{display:grid;grid-template-columns:1.05fr 1.7fr 1.4fr;gap:45px}.site-footer h2{font-size:16px}.footer-brand p{font-size:14px;color:var(--muted);margin-top:20px}.footer-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px}.footer-link-grid a{font-size:13px;color:#AAB3C0}.footer-bottom{display:flex;justify-content:space-between;gap:26px;border-top:1px solid var(--line);margin-top:32px;padding-top:20px;font-size:12px;color:var(--muted)}.footer-bottom p{margin:0}.skip-link{position:absolute;top:-100px;left:10px;z-index:100;background:#253B70;padding:10px}.skip-link:focus{top:10px}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);visibility:hidden;pointer-events:none;opacity:0;transition:opacity .22s;z-index:30}.drawer-overlay.is-open{visibility:visible;pointer-events:auto;opacity:1}.site-drawer{position:fixed;z-index:31;inset:0 auto 0 0;width:min(390px,86vw);background:#0D1015;border-right:1px solid var(--line);visibility:hidden;pointer-events:none;transform:translateX(-101%);transition:transform .22s;overflow-y:auto;padding:23px}.site-drawer.is-open{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.drawer-close{background:none;border:1px solid var(--line);border-radius:9px;color:white;font-size:25px;width:40px;height:40px}.drawer-group{padding-top:16px}.drawer-group h2{font-size:13px;color:var(--bright);letter-spacing:.09em;margin:5px 0 9px}.drawer-group a{display:block;padding:6px 2px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.035)}.back-to-top{position:fixed;right:24px;bottom:26px;width:42px;height:42px;border-radius:50%;background:#253960;color:white;border:1px solid var(--line);opacity:0;visibility:hidden;z-index:10}.back-to-top.show{opacity:1;visibility:visible}.section-divider{height:1px;background:var(--line);margin:45px 0}.muted{color:var(--muted)}
@media(max-width:1099px){.desktop-nav{gap:12px}.desktop-nav a{font-size:13px}.brand{min-width:160px}.brand-en{display:none}}
@media(max-width:979px){.container{padding-inline:20px}.header-inner{height:64px;justify-content:space-between;position:relative}.desktop-nav{display:none}.brand{position:absolute;left:50%;transform:translateX(-50%);min-width:0;justify-content:center}.brand-en{display:none}.site-logo{max-height:28px}.logo-fallback{font-size:20px}.menu-toggle{width:40px;height:40px;border:1px solid var(--line);background:none;border-radius:9px;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;padding:0;flex-shrink:0}.menu-toggle span{display:block;width:18px;height:2px;background:var(--text)}.entry-button{height:40px;padding:0 13px;font-size:12px}.quick-desktop{display:none}.quick-mobile{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:26px;height:42px}.quick-mobile::-webkit-scrollbar{display:none}.quick-inner{padding-right:0}.editorial-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.footer-grid{grid-template-columns:1fr 1.2fr;gap:28px}.footer-brand{grid-column:span 2}}
@media(max-width:767px){.container{padding-inline:16px}.section{margin-top:34px}.home-head,.editorial-grid,.split,.four-topics,.image-and-copy,.image-and-copy.reverse{grid-template-columns:1fr;gap:20px}.home-head{margin-top:26px}.home-head .hero-media{order:-1}.home-head h1{font-size:29px}.home-head p{font-size:15px}.page-head{padding:16px 0 8px}h1{font-size:26px}h2{font-size:21px}h3{font-size:18px}.page-head .lead{font-size:15px}.three-visuals,.gallery-grid,.topic-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-media .media-frame,.hero-media .image-placeholder{height:195px}.wide-media .media-frame,.wide-media .image-placeholder{height:145px}.feature-media .media-frame,.feature-media .image-placeholder{height:175px}.tile-media .media-frame,.tile-media .image-placeholder{height:140px}.visual-entry .media-frame,.visual-entry .image-placeholder{height:140px}.device-media{max-width:220px}.device-media .media-frame,.device-media .image-placeholder{height:310px}.gif-media .media-frame,.gif-media .image-placeholder{height:140px}.image-and-copy.reverse .media-figure{order:0}.article-card,.note-panel,.topic-box{padding:17px}.gallery-entry:nth-child(4n+1){grid-column:span 1}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.footer-bottom p{margin-top:8px}.section-divider{margin:28px 0}}
@media(max-width:359px){.brand .site-logo{max-width:105px}.brand .logo-fallback{font-size:17px}.entry-button{padding:0 9px;font-size:11px}.three-visuals,.gallery-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}