:root{--ink:#171812;--paper:#f2efe5;--acid:#d9ff43;--red:#ff5c49;--muted:#6e7067;--line:#c9c8bc;--white:#fffef8}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}main{min-height:100vh}.masthead{height:74px;padding:0 clamp(20px,5vw,74px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.masthead p{font-size:13px;letter-spacing:.08em;color:var(--muted)}.brand{color:var(--ink);text-decoration:none;font-size:23px;font-weight:900;letter-spacing:.08em}.brand span{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:8px;background:var(--ink);color:var(--acid);border-radius:50%}.hero{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(500px,1.18fr);gap:clamp(32px,7vw,110px);padding:clamp(56px,8vw,108px) clamp(20px,7vw,110px) 74px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em}.intro h1{margin:22px 0 28px;font-family:Georgia,"Songti SC",serif;font-size:clamp(54px,7.1vw,108px);font-weight:500;line-height:.9;letter-spacing:-.07em}.intro h1 em{color:var(--red);font-style:normal}.lead{max-width:440px;color:var(--muted);font-size:16px;line-height:1.85}.estimator{background:var(--white);border:1px solid var(--ink);padding:clamp(24px,3.5vw,48px);box-shadow:9px 9px 0 var(--ink)}fieldset{border:0;padding:0;margin:0 0 40px}legend,.field>span{display:block;margin-bottom:16px;font-size:15px;font-weight:700}legend span,.field b{color:var(--red);font-size:11px;margin-right:8px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.category-grid input{position:absolute;opacity:0}.category-grid label{cursor:pointer;min-width:0}.category-grid label>span:last-child{display:block;text-align:center;font-size:13px}.cat-icon{height:66px;display:grid!important;place-items:center!important;margin-bottom:8px!important;border:1px solid var(--line);background:var(--paper);font-family:Georgia,serif;font-size:27px!important;transition:.15s}.category-grid input:checked+.cat-icon{background:var(--acid);border:2px solid var(--ink);transform:translateY(-3px);box-shadow:3px 3px 0 var(--ink)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.input-shell{height:62px;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:10px}.input-shell i{font-style:normal;font-weight:700}.input-shell input{width:100%;border:0;outline:0;background:transparent;font-family:Georgia,serif;font-size:30px;font-weight:700;color:var(--ink)}.input-shell small{white-space:nowrap;color:var(--muted)}.input-shell:focus-within{border-color:var(--red)}.error{min-height:18px;margin:6px 0 0;color:#b42519;font-size:12px}.calculate{width:100%;height:59px;border:0;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 24px;cursor:pointer;font-weight:700}.calculate:hover{background:var(--red)}.calculate b{font-size:24px}.result{background:var(--ink);color:var(--white);display:grid;grid-template-columns:minmax(320px,.7fr) minmax(500px,1.3fr);gap:clamp(40px,8vw,120px);padding:clamp(58px,7vw,94px) clamp(20px,7vw,110px)}.quote>p{color:#b9baaf;font-size:14px}.quote>p b{color:var(--acid)}.value-line{margin:26px 0 24px}.value-line span,.range-card span{display:block;color:#b9baaf;font-size:12px;letter-spacing:.1em}.value-line strong{display:block;margin-top:8px;font-family:Georgia,serif;font-size:clamp(42px,5vw,72px);letter-spacing:-.04em}.range-card{border:1px solid #4e5047;padding:22px}.range-card strong{display:block;margin:8px 0;color:var(--acid);font-size:clamp(21px,2.3vw,30px)}.range-card small{color:#b9baaf}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid #41423b;padding-top:22px;gap:14px}.metrics span,.metrics b{display:block}.metrics span{color:#8e9086;font-size:11px}.metrics b{margin-top:7px;font-size:15px}.chart-panel{min-width:0}.chart-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.chart-head p{margin:0 0 5px;color:var(--red);font-size:12px;font-weight:700;letter-spacing:.12em}.chart-head h2{margin:0;font-size:22px}.legend{font-size:11px;color:#a8aa9f;display:flex;align-items:center;gap:6px}.legend i{width:18px;height:3px;background:var(--acid)}.legend span{width:2px;height:15px;background:var(--red);margin-left:8px}.canvas-wrap{position:relative;width:100%;height:340px;border-left:1px solid #3d3e38;border-bottom:1px solid #3d3e38}canvas{display:block;width:100%;height:100%;touch-action:none}.tooltip{position:absolute;pointer-events:none;background:var(--white);color:var(--ink);padding:8px 10px;font-size:12px;box-shadow:3px 3px 0 var(--red);white-space:nowrap}.chart-note{color:#8e9086;font-size:11px;line-height:1.7}.chart-panel{align-self:center}footer{min-height:84px;padding:0 clamp(20px,7vw,110px);display:flex;justify-content:space-between;align-items:center;background:var(--acid);font-size:12px}footer span{font-weight:900;letter-spacing:.12em}@media(max-width:900px){.hero,.result{grid-template-columns:1fr}.hero{gap:45px}.result{gap:55px}.category-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:560px){.masthead p{display:none}.hero{padding-top:45px}.intro h1{font-size:58px}.estimator{padding:22px 18px;box-shadow:5px 5px 0 var(--ink)}.category-grid{grid-template-columns:repeat(3,1fr)}.category-grid label:nth-child(n+4){margin-top:8px}.input-row{grid-template-columns:1fr}.result{padding-top:52px}.chart-head{align-items:flex-start;gap:15px}.legend{flex-wrap:wrap;justify-content:flex-end;max-width:120px}.canvas-wrap{height:285px}.metrics{gap:8px}.metrics b{font-size:13px}footer{padding-top:18px;padding-bottom:18px;gap:15px}footer p{text-align:right}}