:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#233d4a;background:#fff;font-size:15px;line-height:1.55;--blue:#237b9b;--gold:#df9542;--red:#c65d43;--pale:#e4eff3;--green:#368677}*{box-sizing:border-box}body{margin:0}main{padding:18px 20px 20px;border:1px solid #d9e4e8;border-radius:12px;background:linear-gradient(145deg,#fbfdfe,#fff)}h1{font-size:23px;line-height:1.35;margin:0 0 6px;font-weight:700}h2{font-size:17px;margin:16px 0 8px}p{margin:7px 0}.kicker{font-size:12px;font-weight:700;letter-spacing:.12em;color:#60808e;margin-bottom:6px}.lead{color:#526e7a;font-size:14px}.assumption{font-size:12px;line-height:1.55;color:#657983;margin-top:10px}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px;background:#edf4f6;border-radius:8px;padding:12px 14px;margin:14px 0}.control{display:flex;align-items:center;gap:9px;flex:1;min-width:240px}.control label{font-size:13px;white-space:nowrap}.control output{font-variant-numeric:tabular-nums;font-weight:700;min-width:70px;color:#1d617c}.control input[type=range]{min-width:70px;flex:1;accent-color:#237b9b}.buttons{display:flex;gap:5px;flex-wrap:wrap}button{font:inherit;font-size:13px;padding:6px 10px;border:1px solid #b9ced6;border-radius:5px;background:#fff;color:#345869;cursor:pointer}button.active{background:#237b9b;color:white;border-color:#237b9b}button:focus-visible,input:focus-visible{outline:3px solid #e1a44c;outline-offset:2px}.plot{width:100%;display:block;overflow:visible;touch-action:none;user-select:none}.plot text{font-family:inherit;fill:#516c78;font-size:12px}.plot .label{font-size:13px;fill:#2b4a59;font-weight:600}.plot .small{font-size:11px}.plot .value{font-size:20px;fill:#1e5d77;font-weight:700}.plot .axis{stroke:#91aab5;stroke-width:1}.plot .grid{stroke:#e3ebef;stroke-width:1}.plot .mean{stroke:#8da8b4;stroke-width:1.2;stroke-dasharray:5 4}.plot .drag-line{stroke:#ca8b36;stroke-width:2;cursor:ew-resize}.plot .handle{fill:#df9542;stroke:white;stroke-width:2;cursor:ew-resize}.hint{font-size:12px;color:#6f858e;text-align:right;margin:3px 0}.readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.readout{padding:10px 12px;border:1px solid #d9e7eb;border-radius:7px;background:#fff}.readout span{display:block;color:#657d89;font-size:12px}.readout strong{font-size:21px;display:block;color:#236881;line-height:1.5;font-variant-numeric:tabular-nums}.readout small{font-size:11px;color:#677e88}.explain{padding:12px 14px;border-left:3px solid #83adbe;background:#f1f6f8;font-size:14px;margin-top:12px}.equation{font-family:"Cambria Math",Georgia,"Microsoft YaHei",serif;color:#284e61;font-size:18px;padding:8px 0;overflow-wrap:anywhere}.formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.formula-grid>div{border:1px solid #dce7eb;padding:9px 12px;border-radius:7px}.formula-grid .equation{font-size:17px}.formula-grid p{font-size:12px;margin:2px 0}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#607985;margin:5px 0}.swatch{display:inline-block;width:12px;height:9px;margin-right:5px;border-radius:2px}.two-charts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.period-strip{display:flex;gap:5px;align-items:center;margin:12px 0;min-height:46px}.period{height:39px;min-width:25px;flex:1;background:#dcecf1;border-radius:4px;position:relative;overflow:hidden;text-align:center;padding-top:10px;font-size:11px;color:#456573}.period i{position:absolute;inset:0 auto auto 0;background:#df9542;height:5px}.period-count{font-size:12px;white-space:nowrap;color:#526d7a}.arrow{color:#7a95a1;text-align:center}.outcome-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;font-size:12px}.outcome-labels strong{display:block;font-size:21px}.outcome-labels>div{padding:9px 12px;border-radius:7px;background:#f4f7f9}.outcome-labels .zero{border-top:3px solid #267b9a}.outcome-labels .one{border-top:3px solid #df9542}.outcome-labels .multiple{border-top:3px solid #c65d43}#outcome-bar{margin:13px 0 7px}svg[role=img]{outline:none}.two-charts h2{font-size:15px}@media(max-width:550px){main{padding:13px 12px}h1{font-size:20px}.two-charts{grid-template-columns:1fr}.readout{padding:8px}.readout strong{font-size:18px}.formula-grid{grid-template-columns:1fr}.controls{padding:10px}.plot text{font-size:13px}.plot .small{font-size:12px}}