:root{--brand:#0f6e7a;--brand-700:#0b5862;--brand-ink:#12343b;--brand-soft:#e4efef;--brand-50:#f1f6f6;--accent:#f08a24;--accent-hover:#f39a45;--accent-ink:#1f2b2a;--n0:#fff;--n50:#f5f7f6;--n100:#ecf0ef;--n200:#dce3e1;--n300:#c3cdcb;--n600:#566563;--n900:#1f2b2a;--bg:var(--n50);--surface:var(--n0);--text:var(--n900);--muted:var(--n600);--line:var(--n200);--control-line:#7d908d;--focus-ring:var(--brand);--chart-principal:var(--brand);--chart-interest:#c96b12;--warn:#8a4b00;--warn-bg:#fff4dc;--err:#b42318;--err-bg:#feeeec;--ok:#146c43;--ok-bg:#e6f5ec;--shadow-rest:0 1px 3px #1f2b2a0d;--shadow-raised:0 6px 18px #1f2b2a14;--radius:16px}*{box-sizing:border-box}html{scroll-padding-top:24px}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-700)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--brand-ink);letter-spacing:0}h1{font-size:28px;font-weight:800;line-height:1.3}h2,h3{font-weight:700;line-height:1.4}h2{font-size:19px}h3{font-size:16px}p{margin-bottom:14px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}input:focus,select:focus{outline:3px solid var(--focus-ring);outline-offset:2px}.container{width:min(1160px,100% - 32px);margin:0 auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--brand-ink);color:#fff;border-radius:8px;padding:10px 18px;position:fixed;top:-80px;left:16px}.skip-link:focus-visible{color:#fff;top:8px}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{align-items:center;gap:10px;min-height:60px;display:flex}.brand{color:var(--brand-ink);align-items:center;gap:8px;font-size:17px;font-weight:700;line-height:1.2;display:flex}.brand small{letter-spacing:1.2px;color:var(--muted);font-size:9px;font-weight:500;display:block}.brand-mark{background:var(--brand);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.header-inner nav{margin-left:auto;display:flex}.header-inner nav a{min-height:44px;color:var(--text);align-items:center;padding:0 8px;font-size:14px;display:inline-flex}.header-inner nav a:hover{color:var(--brand)}.preview-badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;display:none}.site-footer{background:var(--surface);border-top:1px solid var(--line);color:var(--muted);margin-top:32px;padding:20px 0;font-size:13px}.footer-inner{gap:10px;display:grid}.footer-inner strong{color:var(--brand-ink)}.footer-inner p{margin:0}.footer-links{flex-wrap:wrap;gap:0 14px;display:flex}.footer-links a{min-height:44px;color:var(--text);align-items:center;display:inline-flex}.footer-icp a{color:var(--muted)}.eyebrow{background:var(--surface);border:1px solid var(--line);color:var(--brand-ink);border-radius:999px;margin-bottom:10px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:6px;margin-bottom:8px;padding-top:14px;font-size:13px;display:flex}.breadcrumbs a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 18px;font-size:15px;font-weight:700;transition:background .15s,box-shadow .15s;display:inline-flex}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.primary:hover{background:var(--accent-hover);color:var(--accent-ink)}.button.secondary{background:var(--surface);color:var(--brand-ink);border-color:var(--n300);min-height:44px;font-weight:600}.button.secondary:hover{background:var(--brand-50)}.full-width{width:100%}.section{margin-top:28px}.section-title{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.section-title h2{margin:0}.more{align-items:center;gap:4px;min-height:44px;font-size:14px;display:inline-flex}.muted-line{color:var(--muted);font-size:14px}.feedback-link{text-align:center;margin:24px 0 0;font-size:14px}.feedback-link a{align-items:center;min-height:44px;display:inline-flex}.hero{background:linear-gradient(180deg, var(--brand-soft), var(--brand-50));border-radius:20px;gap:20px;margin-top:14px;padding:22px 18px;display:grid}.hero h1{margin-bottom:8px;font-size:30px}.hero h1 em{color:var(--brand);font-style:normal}.hero p{color:var(--muted);margin:8px 0 12px}.hero-cats{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);min-height:44px;color:var(--brand-ink);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.chip svg{color:var(--brand)}.hero-art{display:none}.hero-card{background:var(--surface);border:1px solid var(--line);width:280px;box-shadow:var(--shadow-raised);color:var(--muted);border-radius:20px;gap:8px;padding:22px;font-size:12px;display:grid;transform:rotate(-1deg)}.hero-card b{color:var(--brand-ink);font-variant-numeric:tabular-nums;font-size:30px}.hero-bar{background:var(--brand-soft);border-radius:9px;height:8px;overflow:hidden}.hero-bar i{background:var(--brand);width:62%;height:100%;display:block}.tool-grid{gap:12px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-rest);color:var(--text);align-items:flex-start;gap:14px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}a.tool-card:hover{color:var(--text);border-color:var(--n300);box-shadow:var(--shadow-raised)}.tool-card.planned{border-style:dashed;border-color:var(--n300);box-shadow:none;background:0 0}.tool-icon{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:12px;flex:none;place-items:center;display:inline-grid}.tool-card-body{gap:4px;min-width:0;display:grid}.tool-card-title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool-card-title b{color:var(--brand-ink);font-size:16px}.tool-card.planned .tool-card-title b{color:var(--muted)}.tool-card-desc{color:var(--muted);font-size:13px}.tool-card-feature{color:var(--muted);font-size:12px}.tag{background:var(--n100);color:var(--n600);border-radius:999px;padding:0 8px;font-size:12px;font-weight:600;line-height:1.6;display:inline-block}.tag-popular{color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:0 0}.category-hero{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-rest);grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:8px 12px;margin-bottom:16px;padding:16px;display:grid}.category-hero h1{grid-area:1/1;margin:0;font-size:26px}.category-hero p{color:var(--muted);grid-area:2/1/auto/-1;margin:0}.category-illustration{grid-area:1/2;width:72px;height:48px}.ill-soft{fill:var(--brand-soft)}.ill-fill{fill:var(--brand)}.ill-line{stroke:var(--brand);stroke-width:2.5px;stroke-linecap:round;fill-opacity:1}path.ill-line{fill:none}.tool-heading{margin-bottom:16px}.tool-title{align-items:center;gap:12px;margin:6px 0 10px;display:flex}.tool-title .tool-icon{width:48px;height:48px}.tool-title h1{margin:0;font-size:26px}.tool-title p{color:var(--muted);margin:2px 0 0;font-size:14px}.tool-benefits{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.tool-benefits>span{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.calculator-layout{gap:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-rest);min-width:0;padding:18px 16px}.tool-page>.calculator-layout>.panel,.tool-page .panel{margin-bottom:0}.schedule-panel,.explanation,.comparison{margin-top:16px}.panel-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.panel-heading h2{margin:0;font-size:18px}.panel-heading>span{color:var(--muted);white-space:nowrap;font-size:12px}.field{gap:4px;margin-bottom:14px;display:grid}.field label,.field-label{color:var(--muted);font-size:14px}.field-help{color:var(--muted);margin:4px 0 0;font-size:12px}input,select{border:1px solid var(--control-line);background:var(--surface);border-radius:10px;width:100%;min-height:48px;padding:8px 12px;font-size:16px}.joined-field{border:1px solid var(--control-line);background:var(--surface);border-radius:10px;display:flex;overflow:hidden}.joined-field input,.joined-field select{border:0;border-radius:0;min-width:0}.joined-field select{border-left:1px solid var(--line);background:var(--brand-50);flex:none;width:auto}.joined-field:focus-within{outline:3px solid var(--focus-ring);outline-offset:2px}.joined-field input:focus,.joined-field select:focus{outline:none}.input-suffix{background:var(--brand-50);border-left:1px solid var(--line);color:var(--muted);place-items:center;padding:0 14px;display:grid}.category-tabs,.mode-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.category-tabs button,.mode-tabs button{border:1px solid var(--n300);background:var(--surface);min-height:44px;color:var(--brand-ink);border-radius:10px;padding:0 14px;font-size:14px;font-weight:600}.mode-tabs button{flex:1}.category-tabs button.selected,.mode-tabs button.selected{background:var(--brand);border-color:var(--brand);color:#fff}.big-input{min-height:56px;margin-top:4px;font-size:22px;font-weight:700}.unit-select-row{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:end;gap:8px;margin-top:14px;display:grid}.unit-select-row .field{margin:0}.swap-button{border:1px solid var(--n300);background:var(--surface);width:48px;height:48px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.swap-button:hover{background:var(--brand-50)}.error-message{background:var(--err-bg);color:var(--err);border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:14px}.calculation-note{color:var(--muted);align-items:flex-start;gap:8px;margin-top:14px;font-size:12px;display:flex}.calculation-note svg{color:var(--brand);flex:none}.result-panel{background:var(--surface)}.result-eyebrow,.compare-label{color:var(--muted);font-size:13px}.result-input{color:var(--muted);margin:6px 0 0}.unit-result{color:var(--brand-ink);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:8px;margin:4px 0;display:flex}.unit-result>span{font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1.2}.unit-result>small{color:var(--muted);font-size:16px}.result-description{color:var(--muted);margin:6px 0 12px;font-size:13px}.copy-action{color:var(--ok);flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.result-divider{background:var(--line);height:1px;margin:16px 0}.subtle{color:var(--muted);font-size:12px}.quick-examples{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.quick-examples button{border:1px solid var(--line);background:var(--brand-50);min-height:44px;color:var(--brand-ink);border-radius:999px;padding:0 12px;font-size:13px}.empty-result{text-align:center;color:var(--muted);justify-items:center;gap:6px;padding:28px 12px;display:grid}.empty-result svg{color:var(--brand)}.empty-result p{margin:0}.explanation h2{font-size:17px}.explanation p{color:var(--muted);font-size:14px}.formula{background:var(--brand-50);font-variant-numeric:tabular-nums;border-radius:10px;padding:10px 12px;color:var(--brand-ink)!important}.explanation a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.compare-col{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;padding:12px 10px}.compare-col h3{margin:0 0 2px}.mortgage-result{color:var(--brand-ink);white-space:nowrap;align-items:baseline;gap:2px;display:flex}.mortgage-result>small{font-size:14px;font-weight:700}.mortgage-result>span{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.donut{flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0;display:flex}.donut svg{flex:none}.donut-track{stroke:var(--brand-soft)}.donut-principal{stroke:var(--chart-principal)}.donut-interest{stroke:var(--chart-interest)}.donut-caption{fill:var(--muted)}.donut-value{fill:var(--brand-ink)}.legend{color:var(--muted);gap:4px;font-size:13px;display:grid}.legend span{white-space:nowrap}.legend i{border-radius:3px;width:9px;height:9px;margin-right:5px;display:inline-block}.legend-principal{background:var(--chart-principal)}.legend-interest{background:var(--chart-interest)}.compare-list{margin:0;font-size:13px;line-height:1.6}.compare-list dt{color:var(--muted)}.compare-list dd{font-variant-numeric:tabular-nums;margin:0 0 6px;font-weight:600}.better{color:var(--ok);margin:-2px 0 6px;font-size:13px;font-weight:600;display:block}.table-scroll{border-radius:10px;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:8px 6px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);background:var(--n50);font-weight:600}.table-pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.table-pagination button{border:1px solid var(--n300);background:var(--surface);min-height:44px;color:var(--brand-ink);border-radius:10px;padding:0 14px;font-weight:600}.prose-page{max-width:760px;padding:28px 0}.prose-page h1{font-size:28px}.prose-page h2{margin-top:24px}.prose-page p{color:var(--text)}.ad-slot{border-top:1px solid var(--line);margin:28px auto 0;padding-top:16px}.ad-label{letter-spacing:1px;color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.ad-box{background:var(--n100);border:1px solid var(--n300);color:var(--muted);border-radius:8px;place-items:center;margin:0 auto;font-size:12px;display:grid}.ad-mobile{max-width:320px}.ad-mobile .ad-box{height:100px}.ad-desktop{display:none}.ad-list .ad-desktop{max-width:728px}.ad-list .ad-desktop .ad-box{width:728px;height:90px}.ad-tool .ad-desktop{max-width:300px}.ad-tool .ad-desktop .ad-box{width:300px;height:250px}@media (max-width:359px){.compare{grid-template-columns:minmax(0,1fr)}}@media (min-width:900px){body{font-size:16px}.container{width:min(1160px,100% - 64px)}.header-inner{gap:24px;min-height:76px}.brand{font-size:19px}.brand-mark{border-radius:13px;width:44px;height:44px;font-size:23px}.header-inner nav{gap:12px}.header-inner nav a{font-size:15px}.preview-badge{display:inline-block}h1{font-size:34px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;margin-top:24px;padding:44px}.hero h1{font-size:46px}.hero-art{background:#ffffff8c;border-radius:50% 44% 49% 43%;place-items:center;min-height:240px;display:grid}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{padding:20px}.category-hero{grid-template-columns:minmax(0,1fr) auto;margin-top:8px;padding:24px 28px}.category-hero h1{font-size:32px}.category-illustration{grid-row:1/3;width:132px;height:77px}.tool-title h1{font-size:32px}.calculator-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px}.calculator-layout>.explanation{grid-column:1/-1}.panel{padding:24px}.compare{gap:16px}.compare-col{padding:16px}.mortgage-result>span{font-size:26px}.donut{flex-direction:row;align-items:center;gap:14px}.ad-mobile{display:none}.ad-desktop{display:block}.footer-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.footer-icp{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}