:root{color-scheme:light;--ink:#172e33;--paper:#f5f2e9;--green:#176653}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding:28px 36px}header{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #c9cbbf;font-size:14px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(38px,5vw,68px);line-height:1.2;font-weight:500;letter-spacing:-2px;margin:30px 0}h1 em{font-family:Georgia,"Songti SC",serif;color:var(--green);font-style:normal}.intro{font-size:18px;max-width:640px;color:#52615c;margin-bottom:40px}.lab{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.editor{border-top:2px solid var(--ink);padding-top:22px}label{display:block;font-weight:600;margin:20px 0 8px}label span{font-weight:400;color:#56635d;font-size:13px}textarea,select{width:100%;border:1px solid #a7b3a7;border-radius:3px;padding:13px;background:#fffdf8;color:var(--ink);font:16px/1.5 Consolas,monospace}textarea{resize:vertical}select{width:auto}button{border:1px solid #9eafa5;border-radius:3px;background:transparent;color:var(--ink);padding:9px 13px;font:inherit;cursor:pointer}button:hover{background:#e0e8dc}.presets{display:flex;flex-wrap:wrap;gap:8px}.hint{font-size:13px;color:#53625b}.result{background:var(--green);color:#fffdf2;padding:36px;align-self:start;min-height:390px}.result output{font:clamp(65px,9vw,112px)/1.2 Georgia,serif;display:block;margin:25px 0}.result p{font-size:14px}.formula{border-top:1px solid #8bb3a4;padding-top:20px;font-family:Consolas,monospace;font-size:17px}.breakdown{margin-top:54px}h2{font-size:26px;font-weight:500}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}caption{text-align:left;color:#52615c;padding:10px 0}th,td{padding:13px;border-bottom:1px solid #c4cec1}th{background:#e5eadd}details{padding:14px 0;border-bottom:1px solid #c4cec1}summary{cursor:pointer;font-weight:600}.grams{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}.gram{background:#e3e9de;padding:7px 12px;overflow-wrap:anywhere;max-width:100%;font:14px/1.6 Consolas,monospace}.method{max-width:780px;margin:48px 0}.method p{color:#52615c}footer{border-top:1px solid #c4cec1;font-size:13px} :focus-visible{outline:3px solid #b45b2e;outline-offset:4px}@media(max-width:720px){header,main,footer{padding:22px}.lab{grid-template-columns:1fr}.result{padding:26px;min-height:0}header{flex-wrap:wrap}h1{letter-spacing:-1px}.result output{font-size:80px}}

.lab>*{min-width:0}.formula{overflow-wrap:anywhere}