:root{color-scheme:light;--ink:#24323b;--muted:#5d6b73;--purple:#59328b;--pale:#f5f1fb}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:"Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;font-size:15px;line-height:1.7}main{max-width:1160px;margin:0 auto;padding:28px 26px 22px}.eyebrow{color:var(--purple);font-size:13px;font-weight:700;letter-spacing:.04em;margin:0 0 7px}h1{font-size:clamp(24px,3.1vw,34px);line-height:1.35;margin:0 0 10px}h2{font-size:18px;line-height:1.45;margin:0}.intro{max-width:850px;margin:0;color:var(--muted)}.controls{margin:25px 0 28px;padding:20px;background:#f6f8f9;border-radius:8px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px}button{padding:8px 16px;background:white;border:1px solid #9da9b0;border-radius:5px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap}button:hover{border-color:var(--purple);color:var(--purple)}button:focus-visible,input:focus-visible,a:focus-visible,.table-wrap:focus-visible{outline:3px solid #8c68b4;outline-offset:3px}.sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:19px}.sliders label{display:block}.sliders label>span{display:flex;align-items:center;font-weight:600}.sliders output{font-variant-numeric:tabular-nums;margin-left:auto;color:var(--purple);font-size:14px}.dot{width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:7px}.teal{background:#277b8d}.ochre{background:#b36b24}.violet{background:#7656a8}input[type=range]{width:100%;margin:15px 0 7px;accent-color:var(--purple);height:20px;cursor:pointer}small,.hint{font-size:13px;color:var(--muted)}.hint{margin:12px 0 0}.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.charts section>p{color:var(--muted);font-size:13px;margin:5px 0 15px}.chart{width:100%;min-width:0}.chart svg,.chart img{display:block;width:100%;height:auto}.result{margin:22px 0 27px;padding:17px 20px;background:var(--pale);border-left:4px solid var(--purple)}.result h2{font-size:15px;color:var(--purple)}.formula{color:var(--purple);font-size:clamp(16px,1.7vw,20px);font-variant-numeric:tabular-nums;margin:5px 0;overflow-wrap:anywhere}.formula strong{font-size:1.25em}.result p:last-child{margin:8px 0 0;font-size:14px}.table-section h2{margin-bottom:7px}.table-wrap{overflow-x:auto;margin-top:12px;border-bottom:1px solid #dbe1e5}table{width:100%;min-width:690px;border-collapse:collapse;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}th,td{padding:12px 10px;border-bottom:1px solid #e3e7ea;white-space:nowrap}thead th{background:#f5f7f8;font-weight:600}th:first-child{text-align:left}tbody th{font-weight:600}tfoot{background:var(--pale);color:var(--purple)}footer{color:var(--muted);font-size:12px;margin-top:20px}footer p{margin:6px 0}a{color:var(--purple);text-underline-offset:3px}.noscript{background:#faf3df;padding:12px;border-radius:5px}@media(max-width:700px){main{padding:19px 16px}.sliders{grid-template-columns:1fr;gap:18px}.controls{padding:17px;margin:20px 0}.charts{grid-template-columns:1fr;gap:19px}.charts h2{font-size:18px}.result{padding:15px;margin-top:19px}.sliders input{margin-top:9px}.sliders small{display:block}.section-top h2{font-size:16px}button{padding:7px 10px;font-size:13px}}@media print{.controls{display:none}main{max-width:none;padding:0}.charts{grid-template-columns:1fr 1fr}.table-wrap{overflow:visible}table{min-width:0;font-size:10px}footer{font-size:10px}}