:root{--bg:#050b0e;--surface:#0a1519;--surface-2:#0d1d22;--line:#20363d;--text:#f3f7f5;--muted:#98aaad;--cyan:#42dff5;--acid:#d7ff57;--orange:#ff784f;--amber:#ffd84d;--max:1440px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -10%,#14343c 0,transparent 30%),linear-gradient(180deg,#050b0e,#071014 58%,#050b0e);color:var(--text);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;line-height:1.65}.skip-link{position:fixed;z-index:20;left:12px;top:-60px;background:var(--acid);color:#071014;padding:8px 14px}.skip-link:focus{top:12px}.topbar{position:sticky;z-index:10;top:0;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px max(22px,calc((100vw - var(--max))/2));border-bottom:1px solid #284149cc;background:#050b0ee8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-weight:750;text-decoration:none;line-height:1.05}.brand small{display:block;margin-top:5px;color:#678087;font:9px/1 ui-monospace,monospace;letter-spacing:.16em}.brand__mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3b5a62;border-radius:10px;background:#0a1b20;color:var(--cyan);font:700 12px ui-monospace,monospace}.topbar nav{display:flex;align-items:center;gap:8px}.topbar nav a,.topbar button{border:1px solid transparent;border-radius:8px;padding:7px 11px;background:transparent;color:#b8c7ca;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.topbar nav a:hover,.topbar button:hover{border-color:#36525a;color:var(--acid)}main{width:min(var(--max),calc(100% - 44px));margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:60px;align-items:end;padding:72px 0 42px}.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#9fb2b5;font:11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.eyebrow>span{padding:4px 8px;border:1px solid var(--line);border-radius:99px}.eyebrow>span:first-child{border-color:#487078;color:var(--acid)}.eyebrow .evidence--direct{border-color:#3c7859;color:#79e59b}.eyebrow .evidence--family{border-color:#766936;color:#ffe078}.eyebrow .evidence--analogy{border-color:#75493e;color:#ffa28a}.hero h1{margin:15px 0 0;font-size:clamp(38px,5.3vw,78px);line-height:1.06;letter-spacing:-.045em}.english{margin:6px 0 24px;color:#607b82;font:14px ui-monospace,monospace;letter-spacing:.05em}.lede{max-width:900px;margin:0;color:#bcc9ca;font-size:17px}.hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.button{display:inline-flex;align-items:center;border:1px solid #34515a;border-radius:9px;padding:9px 14px;color:#cdd8d9;text-decoration:none;font-size:13px}.button--primary{border-color:var(--acid);background:var(--acid);color:#071014;font-weight:700}.boundary{border-left:2px solid var(--orange);padding:4px 0 4px 20px}.boundary b{color:var(--orange);font-size:12px;letter-spacing:.12em}.boundary p{margin:8px 0 0;color:#9caeb0;font-size:13px}.visual-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.panel{min-width:0;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#0a171b,#071114);overflow:hidden}.panel__head{display:flex;align-items:start;justify-content:space-between;padding:16px 18px 10px}.panel__head span{color:#5c777e;font:10px ui-monospace,monospace;letter-spacing:.14em}.panel__head h2{margin:1px 0 0;font-size:16px}.panel__head i{color:#779096;font-size:11px;font-style:normal}.panel>p{min-height:70px;margin:0;padding:12px 18px 17px;border-top:1px solid #14272d;color:#9cafb2;font-size:12px}.motion-stage{min-height:300px;padding:6px 14px 18px}.motion-stage .motion-diagram{height:278px}.chart-stage{min-height:202px;padding:0 14px 6px}.chart-stage svg{display:block;width:100%;height:195px}.chart-grid{stroke:#173038;stroke-width:1}.chart-axis{stroke:#587078;stroke-width:1.25}.chart-spectrum{fill:none;stroke:var(--cyan);stroke-width:2}.chart-wave{fill:none;stroke:var(--acid);stroke-width:1.7}.chart-label,.chart-unit{fill:#789096;font:9px ui-monospace,monospace}.chart-peak{fill:#dbe7e6;font:9px "Microsoft YaHei",sans-serif}.content-grid{margin-top:34px;border-top:1px solid var(--line)}.chapter{display:grid;grid-template-columns:86px minmax(0,1fr);gap:24px;padding:52px 0;border-bottom:1px solid var(--line)}.chapter__number{color:#35525a;font:24px ui-monospace,monospace}.chapter>div:last-child{max-width:1180px}.kicker{margin:0;color:var(--cyan);font:10px ui-monospace,monospace;letter-spacing:.18em}.chapter h2{margin:4px 0 20px;font-size:clamp(23px,3vw,34px);letter-spacing:-.025em}.chapter>div>p{color:#aebdbf}dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 0}dl div,.standard-list section{border:1px solid var(--line);border-radius:10px;padding:17px;background:#081317}dt{margin-bottom:8px;color:var(--acid);font-size:12px;font-weight:700}dd{margin:0;color:#9db0b2;font-size:13px}.match-note{display:grid;grid-template-columns:145px 1fr;gap:16px;align-items:start;margin-bottom:18px;border-left:2px solid var(--amber);padding:2px 0 2px 18px}.match-note strong{color:var(--amber)}.match-note p{margin:0;color:#adbdbe}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-card{display:flex;flex-direction:column;min-height:250px;border:1px solid var(--line);border-radius:12px;padding:20px;background:linear-gradient(145deg,#0c1a1f,#081216)}.source-card__meta{display:flex;flex-wrap:wrap;gap:6px}.source-card__meta span{border:1px solid #31505a;border-radius:99px;padding:3px 7px;color:#8fa9ae;font-size:10px}.source-card h3{margin:18px 0 8px;font-size:18px}.source-card p{margin:0 0 18px;color:#9fb1b3;font-size:13px}.source-card a{margin-top:auto;color:var(--acid);font-size:12px;text-decoration:none}.research-note{font-size:12px}.standard-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.standard-list h3{margin:0}.standard-list h3 a{color:var(--acid);text-decoration:none}.standard-list b{display:block;margin:4px 0 9px;color:#dce6e5;font-size:13px}.standard-list p{margin:0;color:#97aaad;font-size:12px}.iso-warning{margin-top:15px;border:1px solid #593b33;border-radius:10px;padding:16px 18px;background:#1a100e}.iso-warning b{color:var(--orange)}.iso-warning p{margin:4px 0 0;color:#c6aaa2;font-size:13px}.checklist{counter-reset:steps;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}.checklist li{position:relative;min-height:104px;border:1px solid var(--line);border-radius:10px;padding:18px 18px 18px 56px;background:#081317;color:#a9b9bb;font-size:13px}.checklist li:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:18px;top:17px;color:var(--cyan);font:12px ui-monospace,monospace}.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:32px 0 64px}.pager a{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:11px;padding:17px 20px;color:var(--text);text-decoration:none}.pager a:last-child{text-align:right}.pager span{color:#668087;font-size:11px}.pager b{margin-top:4px;font-size:14px}.pager a:hover{border-color:#57757d;background:#0b181c}footer{display:flex;justify-content:center;gap:22px;padding:24px;border-top:1px solid var(--line);color:#637a80;font-size:11px}footer a{color:#91a5a8;text-decoration:none}.motion-paused .motion-diagram *{animation-play-state:paused!important}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:25px}.visual-grid{grid-template-columns:1fr 1fr}.panel--motion{grid-column:1/-1}.panel--motion .motion-stage{max-width:720px;margin:auto}.standard-list{grid-template-columns:1fr 1fr}}
@media(max-width:720px){main{width:min(100% - 26px,var(--max))}.topbar{padding:10px 13px}.brand small,.topbar nav a:nth-child(2){display:none}.topbar nav{gap:2px}.hero{padding:42px 0 30px}.hero h1{font-size:40px}.visual-grid,.source-grid,.standard-list,.checklist,dl,.pager{grid-template-columns:1fr}.panel--motion{grid-column:auto}.chapter{grid-template-columns:1fr;gap:6px;padding:38px 0}.chapter__number{font-size:15px}.match-note{grid-template-columns:1fr;gap:5px}.pager a:last-child{text-align:left}footer{flex-wrap:wrap}.motion-stage .motion-diagram{height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-diagram *{animation-play-state:paused!important}}
@media print{.topbar,.hero__actions,.pager,footer,#motionToggle{display:none!important}body{background:#fff;color:#111}.hero{padding:20px 0}.panel,.source-card,.standard-list section,.checklist li,dl div{background:#fff;color:#111;break-inside:avoid}.chapter{break-inside:avoid}.visual-grid{grid-template-columns:1fr 1fr}.panel--motion{grid-column:1/-1}}