:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif;color:#233552;background:#f3f6fc;font-synthesis:none;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #4285e5;outline-offset:4px}.topbar{max-width:1160px;margin:auto;min-height:88px;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4f1}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none;color:inherit}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#194f40;color:#d5ef82;font-size:32px;line-height:1}.tag{font-size:12px;border:1px solid #d6dfef;border-radius:30px;padding:5px 12px;color:#5c6b85}main{max-width:1160px;margin:auto;padding:42px 32px 20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#617696;font-weight:700}h1{font-size:38px;letter-spacing:-1px;line-height:1.4;margin:12px 0}h1 span{color:#2759b8}.intro p{color:#657690;margin:0 0 32px;font-size:15px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.settings{display:grid;gap:20px}.panel{background:#fff;border:1px solid #dfe6f2;border-radius:20px;padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-heading>div{display:flex;align-items:center;gap:10px}h2{font-size:17px;margin:0;font-weight:650}.step{font-size:11px;font-weight:700;border-radius:7px;padding:4px 7px;background:#eaf0fc;color:#42619c}.reset{border:0;background:transparent;color:#365fa7;font-size:12px;padding:12px 0 12px 12px;min-height:44px}.hint{font-size:12px;color:#667992;margin:6px 0 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.field{min-width:0}.field label{display:block;font-size:13px;color:#566883;margin-bottom:7px}.input-wrap{display:flex;align-items:center;background:#f7f9fd;border:1px solid #dbe3f2;border-radius:10px;min-height:52px;overflow:hidden}.input-wrap:focus-within{border-color:#3872c9;box-shadow:0 0 0 3px #3872c918}.input-wrap input{width:100%;min-width:0;border:0;background:transparent;padding:11px 12px;color:#203b64;font-weight:600;outline:none;font-size:18px;appearance:textfield}.input-wrap input::-webkit-inner-spin-button{appearance:none}.input-wrap span{font-size:12px;color:#697c96;padding-right:12px;white-space:nowrap}.invalid{border-color:#bd5444}.error{color:#a53f32;font-size:12px;display:block;margin-top:5px}.baseline{margin-top:22px;padding-top:18px;border-top:1px solid #edf1f8;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#647893}.baseline strong{font-size:17px;color:#305796}.baseline small{font-size:11px;font-weight:400}.slider-field{margin-top:20px}.slider-field .field{display:grid;grid-template-columns:1fr 125px;align-items:center}.slider-field label{margin:0}.slider-field .input-wrap{min-height:44px}.slider-field .input-wrap input{padding:6px 10px;text-align:right}.slider-field .error{grid-column:1/-1}.slider{width:100%;margin:15px 0 0;accent-color:#3069c8;height:28px;cursor:pointer}.range-label{display:flex;justify-content:space-between;font-size:10px;color:#71819a}.slider-field+.hint{margin-bottom:0;margin-top:16px}.result-hero{border-radius:22px;background:#10265f;color:#fff;padding:28px;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 100% 0%,#294caf 0,transparent 65%)}.hero-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#e0eaff}.live{font-size:10px;display:flex;align-items:center;gap:6px;background:#ffffff12;border:1px solid #ffffff20;border-radius:20px;padding:5px 8px}.live i{height:5px;width:5px;background:#85d8ff;border-radius:50%}.hero-label{font-size:12px;color:#b9cbef;margin:28px 0 2px}.hero-amount{font-size:clamp(28px,3.8vw,46px);letter-spacing:-1px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;color:#d9efff;font-variant-numeric:tabular-nums}.hero-amount>span{font-size:18px;font-weight:400;letter-spacing:0}.monthly-net{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin-top:12px;color:#c3d3f2}.monthly-net strong{color:#fff;font-weight:500}.monthly-net>span{margin-left:auto;color:#b4c7eb;font-size:10px}.allocation{height:7px;border-radius:20px;background:#ffffff30;overflow:hidden;margin-top:28px}.allocation>div{height:100%;background:#8ed8ff;transition:width .15s}.allocation-label{display:flex;justify-content:space-between;font-size:11px;color:#c6d8f5;margin-top:8px}.breakdown{margin-top:20px}.breakdown .hint{margin-bottom:8px}table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}th,td{padding:15px 0;border-bottom:1px solid #edf1f8;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}th:first-child{width:31%;text-align:left}thead th{font-size:11px;color:#74839b;font-weight:400}tbody th{font-size:12px;font-weight:400;color:#5f7190}td small{display:block;font-size:10px;color:#74839b}tbody tr:last-child th,tbody tr:last-child td{color:#275db3;font-weight:700;border-bottom:0}.rounding{font-size:10px;color:#78869b;text-align:right;margin-bottom:0}.notice{display:flex;gap:10px;padding:20px 4px 12px;color:#7d7151}.notice>span{font-size:18px}.notice strong{font-size:12px;font-weight:600}.notice p{font-size:11px;margin:5px 0 0;line-height:1.8}.formula{padding:10px 4px;color:#647793;font-size:12px}.formula summary{min-height:44px;display:list-item;padding-top:10px}.formula ul{padding-left:18px;font-size:11px;line-height:1.9}footer{display:flex;justify-content:space-between;gap:12px;color:#72839b;font-size:11px;margin-top:32px;padding:22px 0;border-top:1px solid #dce4f1}@media(min-width:900px){.results{position:sticky;top:24px}}@media(max-width:700px){.topbar{min-height:74px;padding:16px 20px}.brand{font-size:15px;gap:9px}.tag{font-size:10px;padding:4px 8px}main{padding:28px 20px 12px}h1{font-size:29px}h1 span{display:block}.intro p{font-size:13px;margin-bottom:25px;max-width:280px}.workspace{grid-template-columns:1fr;gap:20px}.panel{padding:20px;border-radius:17px}.hero-amount{font-size:40px}.result-hero{padding:24px}.fields{gap:18px 12px}footer{flex-direction:column;gap:4px}.intro .eyebrow{font-size:9px}.notice{padding-left:4px;padding-right:4px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.logo{display:block;object-fit:contain;width:48px;height:48px;border-radius:0;background:transparent;flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.5}.brand-text small{font-size:11px;font-weight:400;letter-spacing:1px;color:#617696}.intro .slogan{font-size:16px;font-weight:600;color:#315fa8;letter-spacing:.5px;margin:14px 0 20px;max-width:none}.slogan span{display:inline-block}@media(max-width:700px){.logo{width:42px;height:42px}.intro .slogan{font-size:13px;line-height:1.9;max-width:none}.brand-text small{font-size:10px}.tag{white-space:nowrap}}