:root{--navy:#102b40;--gold:#d8bd86;--ivory:#f6f4ee;--ink:#183244;--muted:#60717a;--line:#dcded9;--white:#fffefa}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif}header{padding:22px max(5vw,20px);display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:var(--ivory)}a{color:inherit}header a{text-decoration:none}.brand{font-family:serif;font-size:23px;letter-spacing:3px}.brand span{display:block;font:10px/1.7 sans-serif;letter-spacing:2px;color:var(--gold)}.toplink{font-size:14px;color:var(--gold)}main{max-width:1280px;margin:auto;padding:36px 36px 48px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:#806835;margin:0 0 12px}h1{font-family:serif;font-size:36px;line-height:1.4;font-weight:500;margin:0}h2{font-size:19px;font-weight:600;margin:0}.intro p:not(.eyebrow){color:var(--muted);font-size:14px;margin:12px 0 0}.edition{font-size:12px;letter-spacing:1px;color:var(--muted)}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:start}.inputs{display:grid;gap:24px}.panel{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:26px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.step{font:italic 22px Georgia,serif;color:#9a7c44}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}label{display:block;font-size:14px;font-weight:500}.field{display:flex;align-items:center;background:#fff;border:1px solid #b9c1c3;border-radius:6px;margin-top:7px;min-width:0}.field:focus-within{outline:2px solid #9c7d43;outline-offset:2px}.field span{padding-right:13px;color:var(--muted);white-space:nowrap;font-size:14px}input:not([type=checkbox]){width:100%;min-width:0;border:0;background:transparent;padding:12px;color:var(--navy);font:500 20px/1.3 inherit;font-size:20px;font-variant-numeric:tabular-nums;outline:none}select{width:100%;padding:12px;font:18px inherit;color:var(--navy);background:#fff;border:1px solid #b9c1c3;border-radius:6px;margin-top:7px;min-height:51px}button{font:500 15px/1.5 inherit;font-size:15px;cursor:pointer;min-height:46px;border-radius:6px;padding:11px 16px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ac8744;outline-offset:3px}.primary{background:var(--navy);color:white;border:1px solid var(--navy);width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px}.primary span{color:var(--gold);font-size:22px}.primary:hover{background:#204763}.secondary{background:transparent;color:var(--navy);border:1px solid #a8b3b9;width:100%;margin-top:8px}.hint{font-size:13px;color:var(--muted);line-height:1.7;margin:13px 0}.range{background:#f2f2eb;padding:16px;border-radius:6px;margin-top:20px}.range span{font-size:13px;color:var(--muted)}.range strong{display:block;font:500 22px/1.5 Georgia,serif;margin:4px 0}.range p{font-size:13px;margin:5px 0;color:var(--muted)}.text-button{padding:0;margin-right:14px;font-size:13px;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:#715c33}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.switch-row small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:4px}.switch{position:relative;display:flex;gap:8px;align-items:center}.switch input{position:absolute;left:0;width:46px;height:28px;opacity:0;margin:0;cursor:pointer;z-index:1}.track{width:46px;height:26px;border-radius:20px;background:#89959a;display:block;padding:3px}.track:before{content:"";display:block;width:20px;height:20px;border-radius:50%;background:white;transition:transform .15s}.switch input:checked+.track{background:var(--navy)}.switch input:checked+.track:before{transform:translateX(20px)}.switch input:focus-visible+.track{outline:3px solid var(--gold);outline-offset:3px}.switch b{font-size:12px;min-width:24px}.results{position:sticky;top:20px}.result-hero{background:var(--navy);color:var(--ivory);border-radius:12px;padding:34px}.result-hero .eyebrow{color:var(--gold)}.result-hero h2{font-size:17px;font-weight:400}.big{font:500 56px/1.3 Georgia,serif;letter-spacing:-1px;margin:16px 0 8px;color:#f0d8a9;font-variant-numeric:tabular-nums}.big small{font:16px sans-serif;letter-spacing:0;margin-left:7px}.result-hero>p:not(.eyebrow){font-size:13px;color:#c3ced4}.progress{height:4px;background:#365063;margin:18px 0 26px;border-radius:4px;overflow:hidden}.progress span{height:100%;display:block;background:var(--gold);width:0}.cashflow{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #405566;padding-top:23px}.cashflow span{font-size:12px;color:#c4cfd5}.cashflow strong{display:block;font:500 25px/1.7 Georgia,serif;margin-top:5px}.result-hero .fine{font-size:12px!important;line-height:1.7;margin-top:20px!important;color:#b9c6cd!important}.breakdown{margin-top:22px}.breakdown h2{font-size:16px}.breakdown dl{margin:18px 0 0}.breakdown dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ecebe4;padding:9px 0;font-size:14px}.breakdown dt{color:var(--muted)}dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.chart-panel,.details-panel{margin-top:26px}.legend{display:flex;gap:24px;font-size:13px;color:var(--navy)}.legend span+span{color:#8b784e}#chart{width:100%;height:auto;display:block;margin-top:12px}.table-unit{margin-left:auto;font-size:12px;color:var(--muted)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}th{background:#edf0ef;font-weight:500;color:#4a626f}td,th{padding:13px 16px;border-bottom:1px solid #e3e6e1}tbody tr:last-child{font-weight:600}tbody tr:hover{background:#f3f2eb}td:last-child{color:#173e52;font-weight:600}.method{margin:42px 0 0}.method h2{font-family:serif;font-size:25px;margin-bottom:20px}details{border-top:1px solid #cdd3d2;padding:16px 0}summary{cursor:pointer;font-size:15px}details p{color:var(--muted);font-size:14px;max-width:950px}footer{display:flex;justify-content:space-between;gap:12px;background:var(--navy);color:#bdc9d0;font-size:12px;padding:24px max(5vw,20px)}.reverse{border-left:3px solid #b79a5e;margin-top:15px;padding:12px 16px;background:#f6f0e3}.reverse strong{font-size:23px;display:block}.reverse p{font-size:14px;margin:5px 0}.reverse button{background:var(--navy);color:white;border:0;margin-top:8px}#error{background:#fff0e9;border:1px solid #b77450;border-radius:8px;padding:16px;font-size:14px;margin-top:18px;color:#813b21}.mobile{display:none}[hidden]{display:none!important}button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:850px){main{padding:28px 20px}.workspace{grid-template-columns:1fr}.results{position:static}.intro .edition{display:none}.big{font-size:50px}.chart-panel,.details-panel{padding:20px}.results{display:grid;grid-template-columns:1fr}.table-unit{display:none}}@media(max-width:440px){header{padding:18px 20px}.brand{font-size:21px}.intro{margin-bottom:22px}h1{font-size:32px}.panel{padding:21px 18px}.grid{gap:17px 12px}.result-hero{padding:28px 22px}.mobile{display:block}.cashflow strong{font-size:23px}.section-title{gap:9px}h2{font-size:18px}.range strong{font-size:21px}footer{flex-direction:column}.intro p:not(.eyebrow){font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}