
:root{color-scheme:dark;--bg:#080A0D;--nav:rgba(8,10,13,.96);--card:#0D1015;--panel:#12161C;--panel2:#171C23;--hover:#1B2129;--title:#F5F7FA;--body:#C7CDD5;--muted:#9098A3;--blue:#5C7CFA;--bright:#6EA8FF;--ice:#8ED8FF;--violet:#7775FF;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16)}
*{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:var(--bright);text-decoration:none}a:hover{text-decoration:underline;color:var(--ice)}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ice);outline-offset:3px}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;background:#fff;color:#080A0D;padding:8px;z-index:50}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:30;background:var(--nav);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.nav-row{height:68px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;flex:0 0 auto;max-width:120px;color:var(--title)}.brand img{display:block;max-width:110px;max-height:36px;width:auto;height:auto;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,23px);margin-left:auto;white-space:nowrap}.main-nav>a{font-size:14px;color:var(--body)}.main-nav>a[aria-current]{color:var(--ice);border-bottom:2px solid var(--blue)}.menu-trigger{border:1px solid var(--line2);color:var(--title);background:var(--panel);border-radius:8px;padding:7px 13px;min-height:44px}.menu-trigger:hover,.menu-close:hover{background:var(--hover)}.mobile-trigger{display:none}.entry-button{font-size:14px;font-weight:700;background:var(--blue);color:#fff;border-radius:8px;padding:9px 14px;white-space:nowrap}.entry-button:hover{background:var(--bright);color:#080A0D;text-decoration:none}.page-main{padding-top:24px;padding-bottom:64px;min-height:65vh}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:13px;margin:0 0 18px}.breadcrumbs a{color:var(--muted)}.noscript-directory{font-size:13px;margin:0 0 10px}.page-intro{max-width:850px;margin:15px 0 20px}.page-intro p:not(.eyebrow),.masthead>p:not(.eyebrow){max-width:790px;font-size:17px}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--bright);text-transform:uppercase;font-weight:700}.page-intro h1{font-size:32px;line-height:1.36;color:var(--title);margin:8px 0 15px}.context-links{font-size:14px;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 0 21px;margin-bottom:30px}.context-links strong{margin-right:16px;color:var(--body)}h1,h2,h3{color:var(--title);line-height:1.4}h2{font-size:24px;margin:0 0 15px}h3{font-size:18px;margin:0 0 10px}p{margin:0 0 16px}.article-section{max-width:810px;margin:0 0 32px;padding-bottom:21px;border-bottom:1px solid var(--line)}.article-section p,.essay-body p{line-height:1.85}.note-box{background:var(--panel);border-left:3px solid var(--blue);padding:17px 20px;margin:20px 0;border-radius:0 10px 10px 0}.note-box h3{font-size:16px}.note-box p{margin-bottom:0}.related{margin-top:46px;border-top:1px solid var(--line2);padding-top:26px}.related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-list>div{padding:18px;border:1px solid var(--line);background:var(--card);border-radius:12px;min-width:0}.related-list>div>a{font-weight:bold}.related-list p{color:var(--muted);font-size:14px;margin-top:9px;margin-bottom:0}.media-natural{display:grid;place-items:center;min-width:0;padding:8px;border-radius:12px;background:#0D1015}.media-natural>img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--image-max-height,280px);object-fit:contain;object-position:center}.media-caption,figcaption{font-size:13px;color:var(--muted);margin:8px 0 0}.missing-media{border:1px dashed var(--line2);background:var(--card);color:var(--muted);border-radius:12px;min-height:120px;display:grid;place-items:center;padding:20px;text-align:center}.masthead{padding:34px 0 20px;max-width:1060px}.masthead h1{font-size:37px;max-width:820px;margin:8px 0 17px}.micro-points{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.micro-points span{font-size:13px;border:1px solid var(--line2);color:var(--ice);border-radius:30px;padding:6px 14px}.poster-alone{margin:16px 0 46px}.section-space{margin:0 0 46px}.question-grid,.purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.question-card,.purpose-grid article{background:var(--card);border:1px solid var(--line);padding:22px;border-radius:12px;min-width:0}.question-card p,.purpose-grid p{font-size:15px}.split-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.split-feature>div:first-child{background:var(--panel);padding:25px;border-radius:12px}.short-stack article{border-bottom:1px solid var(--line);padding:5px 0 11px;margin-bottom:12px}.short-stack p{font-size:14px;color:var(--muted)}.image-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.image-trio figure,.image-catalog figure{margin:0;min-width:0}.topic-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;background:var(--card)}.service-strip{border-top:1px solid var(--line);padding:22px 0}.service-strip>div{display:flex;gap:14px;flex-wrap:wrap}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:35px}.sidebar .note-box{margin-top:0}.timeline{max-width:840px}.timeline-step{display:grid;grid-template-columns:55px minmax(0,1fr);border-left:2px solid var(--blue);padding:0 0 34px 16px}.step-no{color:var(--ice);font-size:21px;font-weight:700}.table-scroll{max-width:100%;overflow-x:auto;margin:20px 0 36px}table{width:100%;border-collapse:collapse;min-width:510px;background:var(--card);font-size:15px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--panel2);color:var(--title)}.directory-group{margin:38px 0}.directory-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.directory-list article{border-top:1px solid var(--line2);padding-top:13px}.directory-list p{font-size:14px;color:var(--muted)}.image-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:40px}.image-catalog figure{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}.gallery-essay{max-width:850px;margin:0 auto 44px;padding-bottom:28px;border-bottom:1px solid var(--line)}.gallery-essay>p{margin-top:15px}.term-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.term-nav a{border:1px solid var(--line2);border-radius:20px;padding:4px 13px}.term-entry{border-left:3px solid var(--blue);padding:8px 20px;margin:30px 0;max-width:830px}.muted{font-size:14px;color:var(--muted)}.bookmark-list{max-width:900px;list-style:decimal-leading-zero;padding-left:40px}.bookmark-list li{padding:18px 10px;border-bottom:1px solid var(--line)}.bookmark-list li::marker{color:var(--bright);font-weight:bold}.bookmark-list li p{margin:0 0 6px}.feature-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-path{border-top:3px solid var(--blue);background:var(--card);padding:20px;border-radius:3px 3px 12px 12px}.mechanism-diagram{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:25px 0 35px}.mechanism-diagram span{padding:17px 8px;text-align:center;color:var(--ice);border:1px solid var(--line2);border-radius:9px;background:var(--panel)}.mobile-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.68fr);gap:30px}.lead-visual{max-width:700px;margin:15px 0 35px}.essay-body{max-width:800px}.image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scenario-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scenario{background:var(--panel);padding:20px;border-radius:12px}.scenario>span{color:var(--ice);font-size:13px}.diagnostic{max-width:830px}.diagnostic details{background:var(--card);padding:17px 20px;margin-bottom:14px;border:1px solid var(--line);border-radius:10px}.diagnostic summary{font-weight:bold;color:var(--title);cursor:pointer}.diagnostic p{margin:12px 0 0}.faq-entry{border-bottom:1px solid var(--line);padding:15px 0;max-width:850px}.faq-entry h2{font-size:19px}.policy-reading{border-left:3px solid var(--blue);padding-left:22px}.site-footer{background:#050608;border-top:1px solid var(--line);padding:30px 0;color:var(--muted)}.footer-layout{display:flex;justify-content:space-between;gap:24px}.footer-brand{color:var(--title);font-size:17px;font-weight:bold}.footer-brand span{font-size:12px;color:var(--muted)}.footer-small{font-size:12px;max-width:680px}.footer-links{display:flex;gap:15px;flex-wrap:wrap;align-content:start}.menu-mask{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:39}.menu-mask[hidden],.menu-panel[hidden]{display:none!important}.menu-panel{position:fixed;z-index:40;right:24px;top:76px;width:min(760px,calc(100vw - 48px));max-height:min(80vh,740px);overflow:auto;background:var(--panel);border:1px solid var(--line2);box-shadow:0 22px 80px #0009;border-radius:14px;padding:20px}.menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.menu-head strong{color:var(--title)}.menu-close{border:1px solid var(--line2);background:var(--card);color:var(--title);width:44px;height:44px;border-radius:8px;font-size:24px}.menu-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.menu-groups section{min-width:0}.menu-groups h2{font-size:15px;margin:0 0 5px}.menu-links{display:flex;flex-wrap:wrap;gap:4px 12px}.menu-links a{font-size:13px}.menu-links a[aria-current]{color:var(--ice);text-decoration:underline}.menu-all{border-top:1px solid var(--line);padding-top:12px;margin-top:14px;margin-bottom:0}
@media(max-width:1000px){.main-nav{gap:10px}.main-nav>a{font-size:13px}.nav-row{gap:12px}}@media(max-width:880px){.main-nav{display:none}.mobile-trigger{display:block;margin-left:auto}.menu-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:85vh;max-height:85dvh;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;transform:none}.menu-groups{grid-template-columns:1fr}.menu-panel[aria-modal=true]{overscroll-behavior:contain}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.nav-row{height:64px}.brand img{max-width:96px;max-height:34px}.page-main{padding-top:16px}.page-intro h1{font-size:26px}.masthead h1{font-size:28px}.page-intro p:not(.eyebrow),.masthead>p:not(.eyebrow){font-size:16px}.article-section h2,.section-space h2{font-size:21px}.question-grid,.purpose-grid,.split-feature,.reading-layout,.mobile-demo,.feature-paths,.scenario-list{grid-template-columns:1fr}.image-trio{grid-template-columns:1fr}.image-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.related-list{grid-template-columns:1fr}.mechanism-diagram{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-layout{display:block}.footer-links{margin-top:20px}.poster-alone{margin-bottom:28px}.section-space{margin-bottom:30px}.sidebar{display:grid;grid-template-columns:1fr;gap:12px}.sidebar .note-box{margin-bottom:0}.image-pair{grid-template-columns:1fr}.page-main{padding-bottom:45px}body{font-size:15.5px}.timeline-step{grid-template-columns:44px minmax(0,1fr)}}@media(max-width:360px){.brand{max-width:88px}.brand img{max-width:88px}.nav-row{gap:8px}.menu-trigger{padding-inline:10px}.entry-button{padding-inline:10px;font-size:13px}.directory-list{grid-template-columns:1fr}.image-catalog{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
