:root{--navy:#13384e;--teal:#178c81;--teal2:#0b7770;--text:#203a4c;--muted:#647e8c;--line:#dce6ec;--light:#f3f7f9;--white:#fff;font-family:system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--text);background:var(--light)}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #edba64;outline-offset:2px}.topbar{background:var(--navy);color:#deebf2;padding:15px max(16px,calc((100vw - 1150px)/2));display:flex;justify-content:space-between;gap:10px;font-size:13px}.topbar a{text-decoration:none;color:#fff}.shell{max-width:1150px;margin:auto;padding:26px 16px 55px}.hero{padding:7px 4px 22px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-size:11px;font-weight:800;margin:0 0 10px}.hero-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}h1{font-size:clamp(42px,7vw,67px);letter-spacing:-.055em;line-height:1.08;margin:0 0 7px;color:var(--navy)}h1 em{font-style:normal;color:var(--teal)}.hero h2{font-size:19px;font-weight:650;margin:0}.pill{font-size:12px;border-radius:100px;background:#e3f4f0;color:#186b68;padding:6px 12px;font-weight:700}.pill.thin{font-size:10px;padding:5px 9px}.lede{color:#526e7d;line-height:1.85;max-width:900px;margin:18px 0 13px}.caution{background:#fff8e8;border-left:4px solid #dda957;padding:12px 15px;line-height:1.7;border-radius:7px;color:#705626;font-size:13px}.workspace{display:grid;grid-template-columns:minmax(295px,.78fr) minmax(0,1.22fr);gap:18px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:0 5px 19px #1034490d;min-width:0}.panel h3{margin:0 0 17px;font-size:18px}.num{font-size:11px;color:var(--teal);margin-right:9px;letter-spacing:.07em}.panel h3 small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin:2px 0 0 27px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.field-label,.input-label{display:block;font-size:13px;font-weight:650;margin:12px 0 7px}.input-label output{color:var(--teal);font-variant-numeric:tabular-nums}input[type=file]{display:block;width:100%;max-width:100%;padding:12px 8px;background:#f5fafb;border:1px dashed #a9c5cc;border-radius:9px;font-size:12px}select,input[type=number]{width:100%;padding:10px 9px;border:1px solid #cbdce2;background:#fff;color:#234051;border-radius:8px}input[type=range]{width:100%;accent-color:var(--teal)}.tip{color:var(--muted);font-size:12px;line-height:1.7;margin:9px 0}.primary,.subtle,.tool{border-radius:9px;border:1px solid transparent;padding:11px 14px;font-weight:650;font-size:13px}.primary{color:#fff;background:var(--teal2)}.primary:hover:not(:disabled){background:#085f5b}.subtle{color:#165a67;background:#edf5f6;border-color:#d3e5e8}.subtle:hover:not(:disabled){background:#e0eff1}.wide{display:block;width:100%;margin-top:12px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool{background:#f4f7f9;border-color:#dde8ec;color:#426172}.tool.active{background:#d8f0eb;border-color:#54afa7;color:#086c64}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.checkbox{font-size:12px;color:#476877;display:flex;gap:5px;align-items:center}.checkbox input{accent-color:var(--teal)}.preview-header{display:flex;justify-content:space-between;align-items:start;gap:9px}.stage{background:#1d3441;border-radius:11px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;min-height:270px}.stage canvas{display:block;width:100%;height:auto;touch-action:none}.stage-label{position:absolute;left:9px;bottom:9px;color:#ddf6f2;background:#0d293cbf;padding:5px 9px;font-size:11px;border-radius:5px;pointer-events:none}.status{background:#f0f6f8;border-radius:9px;color:#456371;font-size:12px;line-height:1.7;padding:11px 12px;margin:14px 0;overflow-wrap:anywhere}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{background:#f4f8f9;padding:13px 10px;border-radius:9px;min-width:0}.stat small,.stat span{display:block;color:#68808b;font-size:11px}.stat strong{display:block;font-size:clamp(20px,3vw,29px);font-variant-numeric:tabular-nums;color:#173e50;margin:4px 0}.calculator,.footnotes{margin-top:18px}.calc-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.calc-heading h3{margin:0 0 12px}.calc-heading>p{color:var(--muted);font-size:12px;max-width:360px}.calc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:stretch}.calc-grid>label{font-size:13px;font-weight:650}.calc-grid small{display:block;font-weight:400;color:var(--muted);font-size:11px;line-height:1.6;margin:5px 0}.cfu-output{grid-column:1/-1;background:#eff7f6;border:1px solid #d5e8e4;border-radius:10px;padding:17px}.cfu-output strong{display:block;font-size:30px;font-variant-numeric:tabular-nums;color:#12726d}.cfu-output span{display:block;font-size:12px;color:#617c84;margin-top:3px}.formula{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#355e63;background:#f5f8f9;border-radius:7px;padding:10px;margin:14px 0 0}.footnotes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.footnotes h3{margin:0 0 7px;font-size:16px}.footnotes p{font-size:13px;line-height:1.8;color:#5d7683}footer{font-size:12px;color:#779099;text-align:center;margin-top:30px}footer a{color:#137f78}@media(max-width:850px){.workspace,.footnotes{grid-template-columns:1fr}.shell{padding:17px 12px 45px}.panel{padding:17px}.calc-grid{grid-template-columns:1fr 1fr}}@media(max-width:510px){.topbar span{display:none}.hero-head .pill{margin-top:4px}.calc-grid{grid-template-columns:1fr}.cfu-output{grid-column:auto}.stage{min-height:220px}.stat strong{font-size:22px}}