:root{--ink:#183348;--muted:#54687a;--blue:#086fa1;--orange:#b44916;--line:#ccd9e3;--paper:#f4f8fb}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:15px/1.65 "Microsoft YaHei","Segoe UI",sans-serif}main{max-width:1200px;margin:auto;padding:24px}header{display:flex;align-items:start;justify-content:space-between;gap:20px}h1{font:700 29px/1.35 "Noto Serif SC","Microsoft YaHei",serif;margin:3px 0 10px}h2{font-size:19px}header p{max-width:830px;margin:6px 0;color:var(--muted)}.eyebrow{font-size:12px;color:var(--blue)}a{color:var(--blue)}button,select{font:inherit;border:1px solid #91aabb;background:#fff;color:var(--ink);border-radius:5px;padding:8px 11px;cursor:pointer}button:hover{background:#eaf3f8}button[aria-pressed=true],button.primary{background:var(--blue);border-color:var(--blue);color:white}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d17d20;outline-offset:3px}.controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;border-block:1px solid var(--line);padding:17px 0;margin-top:18px}.controls label{display:grid;gap:5px;font-size:13px}fieldset{border:0;padding:0;margin:0}legend{font-size:13px;margin-bottom:5px}.goal{background:var(--paper);border-left:5px solid var(--blue);padding:11px 15px;margin:18px 0}.legend{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px}.legend span:last-child{color:var(--muted)}.positive{color:var(--blue)}.negative{color:var(--orange)}.diagram{margin:12px 0;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.diagram svg{width:100%;display:block;touch-action:none}.hint{font-size:13px;color:var(--muted);margin:8px 0}.actions{display:flex;flex-wrap:wrap;gap:8px}.readouts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 12px}.readouts div{padding:14px;background:var(--paper);border-radius:7px}.readouts span{display:block;color:var(--muted);font-size:12px}.readouts strong{font:600 23px/1.5 "Consolas",monospace}.explanation{padding:12px 15px;border-left:3px solid var(--orange);background:#fff8f2}.comparison{border-top:1px solid var(--line);padding:7px 0 12px}.comparison p{font-size:14px}.method{background:var(--paper);padding:12px 16px}.method summary{cursor:pointer;font-weight:600}.method p{font-size:13px}svg text{font-family:"Microsoft YaHei",sans-serif}svg [role=button]{cursor:crosshair}svg [role=button]:focus{stroke:#b45110;stroke-width:3;outline:none}@media(max-width:680px){main{padding:14px}header{display:block}h1{font-size:24px}.readouts{grid-template-columns:repeat(2,1fr)}.readouts strong{font-size:19px}.controls{gap:12px}.diagram{overflow-x:auto}.diagram svg{min-width:650px}.actions button{font-size:13px;padding:8px}.legend{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}