:root{--ink:#101820;--text:#2b3642;--muted:#637083;--line:#c8d0d9;--soft:#f5f8fa;--blue:#0066cc;--blue-dark:#003a75;--blue-soft:#d9ecff;--orange:#ff6600;--orange-soft:#ffe4d1;--green:#17834f;--green-soft:#daf3e6;--red:#b42318;--red-soft:#fee4e2}
button,select,input{min-width:0}header p{overflow-wrap:anywhere}.toggle-row{gap:10px}.toggle-row span{min-width:0;overflow-wrap:anywhere}.toggle-row input{flex:0 0 auto}
*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--text);font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;overflow-x:hidden}button,select,input{font:inherit}header{padding:18px 24px;color:#fff;background:var(--ink);border-bottom:4px solid var(--orange)}header .chapter{color:#ffb27f;font-size:12px;font-weight:800}header h1{margin:5px 0 3px;font-size:24px;line-height:1.25;overflow-wrap:anywhere}header p{margin:0;color:#c8d0d9;font-size:13px}main{width:min(1480px,100%);margin:auto;padding:16px;display:grid;grid-template-columns:245px minmax(500px,1fr)340px;gap:14px;align-items:start}.panel,.stage-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.panel h2,.stage-title{margin:0;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink);font-size:14px}.controls>div,.insight>div{padding:14px}.field{display:grid;gap:7px;margin-bottom:15px;color:var(--muted);font-size:12px;font-weight:750}.field select{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink)}.field input[type=range]{width:100%;accent-color:var(--blue)}.scale{display:flex;justify-content:space-between;font-size:10px;font-weight:500}.action{width:100%;height:40px;border:0;border-radius:4px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.action:hover{background:#0052a3}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0;padding:9px;border:1px solid var(--line);border-radius:4px;font-size:12px}.toggle-row input{accent-color:var(--blue)}#stage{min-width:0;display:grid;gap:14px}.stage-body{padding:14px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:11px;border:1px solid var(--line);border-radius:4px}.metric span{display:block;color:var(--muted);font-size:10px}.metric b{display:block;margin-top:5px;color:var(--ink);font-size:22px}.metric b.blue{color:var(--blue)}.metric b.orange{color:var(--orange)}.metric b.green{color:var(--green)}.bar-row{margin:12px 0}.bar-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:11px}.bar{height:9px;background:#e8edf2;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue);transition:width .35s}.bar.orange i{background:var(--orange)}.bar.green i{background:var(--green)}.bar.red i{background:var(--red)}svg.diagram{width:100%;height:auto;min-height:300px;display:block;background:#fbfcfd;border:1px solid var(--line)}.formula{margin:0 0 10px;padding:10px 11px;background:#f7f9fb;border-left:3px solid var(--blue);color:var(--ink);font:12px/1.55 "IBM Plex Mono","JetBrains Mono",monospace;overflow-wrap:anywhere}.formula.orange{border-color:var(--orange)}.reading{margin:0 0 13px;color:var(--muted);font-size:12px;line-height:1.6}.reading b{color:var(--text)}.callout{padding:10px 11px;border:1px solid #91d5b2;background:var(--green-soft);color:#175b3a;border-radius:4px;font-size:11px;line-height:1.55}.warning{border-color:#ffb3ad;background:var(--red-soft);color:#7a271a}.ledger{display:grid;gap:7px}.ledger div{display:grid;grid-template-columns:86px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #e8edf2;font-size:11px}.ledger span{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 7px;border:1px solid var(--line);border-radius:3px;background:#fff;font-size:10px}.chip.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-dark)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.step{position:relative;padding:12px 8px;border:1px solid var(--line);background:#fff;text-align:center;font-size:11px}.step.active{border-color:var(--orange);background:var(--orange-soft);color:#a33d00}.step b{display:block;margin-bottom:5px}.matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cell{padding:12px;border:1px solid var(--line);border-radius:4px}.cell h3{margin:0 0 7px;color:var(--ink);font-size:12px}.cell p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:1050px){main{grid-template-columns:220px 1fr}.insight{grid-column:1/-1}}@media(max-width:720px){header h1{font-size:20px}main{grid-template-columns:1fr;padding:10px}.insight{grid-column:auto}.metric-grid,.timeline,.matrix{grid-template-columns:1fr}.stage-body{padding:10px}svg.diagram{min-height:240px}}