:root{color:#1f2933;background:#eef3f1;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{min-height:46px;border:0;border-radius:8px;background:#176b5b;color:#fff;font-weight:700;cursor:pointer;padding:0 18px}button:disabled{cursor:not-allowed;opacity:.42}a{color:#176b5b;font-weight:700}.app{min-height:100vh;padding:18px}.shell{width:min(100%,840px);margin:0 auto;background:#fbfdfb;border:1px solid #dbe5df;border-radius:8px;overflow:hidden;box-shadow:0 18px 50px #1f29331f}.topbar{display:grid;gap:18px;padding:22px;background:#20312d;color:#fff}.eyebrow,.stepTitle p,.heroResult p{margin:0 0 4px;color:#74c7b0;font-size:.8rem;font-weight:800;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.8rem,7vw,3.25rem);line-height:1.05}h2{margin-bottom:12px;font-size:1.65rem}.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.progressItem{display:grid;justify-items:center;gap:5px}.progressItem em{color:#b9c9c4;font-size:.68rem;font-style:normal;font-weight:800;line-height:1;text-align:center}.progressItem span{display:grid;width:34px;min-height:34px;place-items:center;border:1px solid rgb(255 255 255 / 22%);border-radius:8px;color:#b9c9c4;font-weight:800}.progressItem.active em{color:#74c7b0}.progressItem.active span{background:#74c7b0;color:#10201d}.content{display:grid;gap:18px;padding:22px}.intro{padding-block:34px}.intro p{max-width:62ch;color:#51605b}.notice,.inlineResult,.interpretation,.formula,.source{border:1px solid #dce7e1;border-radius:8px;background:#f4f8f5;padding:16px}.notice{display:grid;gap:6px}.field{display:grid;gap:8px;color:#26342f;font-weight:800}.inputWrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(52px,auto);align-items:center;min-height:52px;border:1px solid #cad8d1;border-radius:8px;background:#fff;overflow:hidden}.inputWrap small{display:flex;align-items:center;justify-content:flex-end;min-width:52px;min-height:52px;color:#52625d;font-weight:800;padding:0 14px 0 6px;text-align:right}input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#162420;font-size:1.05rem;padding:14px 8px 14px 14px;text-align:right}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segmented button{background:#edf3f0;color:#26342f;border:1px solid #cad8d1}.segmented .selected{background:#176b5b;color:#fff;border-color:#176b5b}.help,.actionHint,.card p,.formula p,.source{color:#5a6863}.inlineResult{display:flex;align-items:center;justify-content:space-between;gap:16px}.inlineResult strong{color:#176b5b;font-size:1.3rem}.actions{display:grid;grid-template-columns:1fr;gap:12px;align-items:center;border-top:1px solid #dbe5df;padding:18px 22px}.secondary{background:#e2ebe7;color:#20312d}.heroResult{display:grid;gap:8px;border-radius:8px;background:#20312d;color:#fff;padding:24px}.heroResult strong{font-size:clamp(2.4rem,12vw,4.8rem);line-height:1}.heroResult span{max-width:58ch;color:#d9e8e3}.interpretation{display:grid;gap:8px}.interpretation h3,.interpretation p{margin-bottom:0}.interpretation h3{color:#176b5b}.cards{display:grid;gap:12px}.card{border:1px solid #dbe5df;border-radius:8px;background:#fff;padding:18px}.card h3{margin-bottom:8px}.card strong{display:block;margin-bottom:8px;color:#176b5b;font-size:1.7rem}.positive{color:#176b5b;font-weight:800}.negative{color:#a6492d;font-weight:800}.wide{width:100%}@media(min-width:680px){.app{padding:32px}.topbar,.actions{grid-template-columns:1fr auto}.progress{width:310px}.actions{grid-template-columns:auto 1fr auto}.actionHint{text-align:center}.content{padding:30px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
