@font-face{font-family:"AliPuHuiTi";src:url("https://resource-static.bj.bcebos.com/fonts-skill/AlibabaPuHuiTi_SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"AliPuHuiTi";src:url("https://resource-static.bj.bcebos.com/fonts-skill/AlibabaPuHuiTi_Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
.sb-app{--sb-paper:#f9f9f7;--sb-card:#ffffff;--sb-ink:#111111;--sb-ink-soft:#6b6c66;--sb-line:#e5e5e0;--sb-line-ink:#111111;--sb-red:#cc0000;--sb-red-soft:rgba(204,0,0,0.06);--sb-thead-bg:#111111;--sb-thead-fg:#f9f9f7;--sb-btn-bg:#111111;--sb-btn-fg:#ffffff;--sb-btn-hover-bg:#ffffff;--sb-btn-hover-fg:#111111;--sb-row-hover:#f4f4ef;--sb-shadow-hard:4px 4px 0 rgba(17,17,17,0.9);}
.io-black-mode .sb-app{--sb-paper:#151619;--sb-card:#1d1f24;--sb-ink:#eceae4;--sb-ink-soft:#9c9da0;--sb-line:#34363b;--sb-line-ink:#46484f;--sb-red:#e03a3a;--sb-red-soft:rgba(224,58,58,0.08);--sb-thead-bg:#eceae4;--sb-thead-fg:#151619;--sb-btn-bg:#eceae4;--sb-btn-fg:#151619;--sb-btn-hover-bg:transparent;--sb-btn-hover-fg:#eceae4;--sb-row-hover:#26282e;--sb-shadow-hard:4px 4px 0 rgba(0,0,0,0.7);}
body.page-template-page-shebao{background-color:#f9f9f7 !important;background-image:radial-gradient(rgba(17,17,17,0.035) 1px,transparent 1.2px) !important;background-size:22px 22px;}
body.page-template-page-shebao.io-black-mode,.io-black-mode body.page-template-page-shebao{background-color:#151619 !important;background-image:radial-gradient(rgba(255,255,255,0.03) 1px,transparent 1.2px) !important;}
body.page-template-page-shebao main.container,body.page-template-page-shebao .content-wrap,body.page-template-page-shebao .content-layout{max-width:100% !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;}
body.page-template-page-shebao .content-wrap{box-shadow:none !important;border-radius:0 !important;background:transparent !important;display:block !important;}
body.page-template-page-shebao .content-layout{display:block !important;flex:none !important;max-width:100% !important;}
.sb-app{font-family:"AliPuHuiTi",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--sb-ink);background:transparent;min-height:60vh;padding:0 0 44px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;}
.sb-shell{max-width:1160px;margin:0 auto;padding:30px 20px 8px;border-top:4px solid var(--sb-line-ink);}
.sb-hero{padding:18px 0 24px;border-bottom:1px solid var(--sb-line-ink);margin-bottom:34px;}
.sb-masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--sb-line);margin-bottom:18px;}
.sb-mast-tag{background:var(--sb-red);color:#ffffff;font-size:12px;font-weight:600;letter-spacing:0.32em;padding:5px 10px 5px 14px;margin:0;}
.sb-hero-badge{font-size:12px;font-weight:600;letter-spacing:0.1em;color:var(--sb-btn-fg);background:var(--sb-btn-bg);padding:5px 12px;margin:0;font-variant-numeric:tabular-nums;}
.sb-hero-title{font-size:42px;line-height:1.2;font-weight:600;margin:0 0 12px;color:var(--sb-ink);letter-spacing:0.02em;}
.sb-hero-desc{font-size:14px;line-height:1.9;color:var(--sb-ink-soft);margin:0;max-width:720px;}
.sb-section{margin-bottom:40px;scroll-margin-top:80px;}
.sb-sec-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:18px;padding-top:12px;border-top:4px solid var(--sb-line-ink);}
.sb-sec-head::after{content:"";flex:1 1 60px;border-bottom:1px solid var(--sb-line);transform:translateY(-4px);}
.sb-sec-num{font-size:13px;font-weight:600;letter-spacing:0.16em;color:var(--sb-red);font-variant-numeric:tabular-nums;}
.sb-sec-title{font-size:21px;font-weight:600;margin:0;color:var(--sb-ink);}
.sb-sec-desc{flex-basis:100%;font-size:13px;color:var(--sb-ink-soft);margin:2px 0 0;}
.sb-card{background:var(--sb-card);border:1px solid var(--sb-line-ink);border-radius:0;padding:26px;}
.sb-calc-grid{display:grid;grid-template-columns:5fr 7fr;gap:20px;align-items:start;}
.sb-form{display:flex;flex-direction:column;}
.sb-field{margin-bottom:20px;}
.sb-label{display:block;font-size:13px;font-weight:600;color:var(--sb-ink);margin-bottom:8px;letter-spacing:0.04em;}
.sb-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.sb-label-row .sb-label{margin-bottom:8px;}
.sb-input,.sb-select{width:100%;height:44px;padding:0 12px;border:1px solid var(--sb-line-ink);border-radius:0;background:var(--sb-card);color:var(--sb-ink);font-size:15px;font-family:inherit;font-variant-numeric:tabular-nums;transition:border-color 0.12s ease,box-shadow 0.12s ease;-webkit-appearance:none;appearance:none;}
.sb-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23111111' d='M6 7 0 1l1-1 5 5 5-5 1 1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer;}
.io-black-mode .sb-app .sb-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23eceae4' d='M6 7 0 1l1-1 5 5 5-5 1 1z'/%3E%3C/svg%3E");}
.sb-app .sb-input:focus,.sb-app .sb-select:focus{outline:none;border-color:var(--sb-red);box-shadow:3px 3px 0 var(--sb-red-soft);}
.sb-input:disabled{background:var(--sb-row-hover);color:var(--sb-ink-soft);cursor:not-allowed;}
.sb-input-error{border-color:var(--sb-red) !important;box-shadow:3px 3px 0 var(--sb-red-soft) !important;}
.sb-input-wrap{position:relative;}
.sb-input-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:600;color:var(--sb-ink-soft);pointer-events:none;}
.sb-input-wrap .sb-input{padding-left:32px;}
.sb-field-meta{font-size:12px;line-height:1.7;color:var(--sb-ink-soft);margin:6px 0 0;}
.sb-field-meta b{color:var(--sb-ink);font-weight:600;}
.sb-field-err{font-size:12px;color:var(--sb-red);margin:6px 0 0;font-weight:600;}
.sb-follow{border:1px solid var(--sb-line-ink);background:var(--sb-card);color:var(--sb-ink-soft);font-size:12px;font-weight:600;line-height:1;padding:5px 10px;border-radius:0;cursor:pointer;transition:all 0.12s ease;font-family:inherit;}
.sb-app .sb-follow:hover{border-color:var(--sb-red);color:var(--sb-red);}
.sb-app .sb-follow.active{border-color:var(--sb-red);color:var(--sb-red);background:var(--sb-red-soft);}
.sb-quick{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 0;border-top:1px solid var(--sb-line);margin-bottom:20px;}
.sb-quick-label{font-size:12px;color:var(--sb-ink-soft);letter-spacing:0.12em;}
.sb-chip-btn{border:1px solid var(--sb-line-ink);background:var(--sb-card);color:var(--sb-ink);font-size:12px;font-weight:600;line-height:1;padding:7px 12px;border-radius:0;cursor:pointer;transition:all 0.12s ease;font-family:inherit;}
.sb-app .sb-chip-btn:hover{background:var(--sb-btn-bg);color:var(--sb-btn-fg);}
.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--sb-btn-bg);border-radius:0;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background 0.12s ease,color 0.12s ease,transform 0.08s ease;}
.sb-btn-primary{background:var(--sb-btn-bg);color:var(--sb-btn-fg);height:46px;padding:0 28px;}
.sb-app .sb-btn-primary:hover{background:var(--sb-btn-hover-bg);color:var(--sb-btn-hover-fg);box-shadow:var(--sb-shadow-hard);}
.sb-app .sb-btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(17,17,17,0.5);}
.sb-btn-calc{width:100%;margin-top:2px;}
.sb-form-hint{font-size:12px;color:var(--sb-ink-soft);text-align:center;margin:12px 0 0;letter-spacing:0.06em;}
.sb-result-empty{padding:64px 20px;text-align:center;color:var(--sb-ink-soft);font-size:14px;}
.sb-empty-mark{font-size:15px;font-weight:600;letter-spacing:0.5em;color:var(--sb-ink);margin:0 0 14px;padding-bottom:14px;border-bottom:3px double var(--sb-line-ink);display:inline-block;}
.sb-result-body{animation:none;}
.sb-result-body.sb-fade{animation:sbFadeUp 0.18s ease-out;}
@keyframes sbFadeUp{from{opacity:0;transform:translateY(8px);}
to{opacity:1;transform:none;}
}
.sb-result-head{padding-bottom:18px;border-bottom:1px solid var(--sb-line-ink);}
.sb-city-name{font-size:13px;font-weight:600;color:var(--sb-ink-soft);letter-spacing:0.1em;margin:0 0 12px;}
.sb-takehome-label{font-size:13px;color:var(--sb-ink-soft);margin:0 0 4px;}
.sb-takehome-value{font-size:44px;line-height:1.15;font-weight:600;color:var(--sb-ink);margin:0 0 6px;font-variant-numeric:tabular-nums;letter-spacing:-0.01em;}
.sb-cny{font-size:22px;font-weight:600;margin-right:4px;opacity:0.75;}
.sb-takehome-sub{font-size:12px;color:var(--sb-ink-soft);margin:0;}
.sb-clamp-notes{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 4px;}
.sb-clamp-notes:empty{display:none;}
.sb-warn-pill{display:inline-flex;align-items:center;font-size:12px;font-weight:600;line-height:1.4;color:var(--sb-red);background:var(--sb-card);border:1px solid var(--sb-red);border-radius:0;padding:4px 10px;}
.sb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0 18px;}
.sb-stat{background:var(--sb-card);border:1px solid var(--sb-line);border-radius:0;padding:14px 16px;}
.sb-stat-label{font-size:11px;color:var(--sb-ink-soft);letter-spacing:0.14em;margin:0 0 8px;}
.sb-stat-value{font-size:20px;line-height:1.2;font-weight:600;color:var(--sb-ink);margin:0;font-variant-numeric:tabular-nums;}
.sb-cny-sm{font-size:13px;font-weight:600;margin-right:2px;color:var(--sb-ink-soft);}
.sb-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--sb-line-ink);border-radius:0;background:var(--sb-card);scrollbar-width:thin;}
.sb-table{width:100%;min-width:620px;border-collapse:collapse;font-size:13px;}
.sb-table thead th{font-size:12px;font-weight:600;letter-spacing:0.08em;color:var(--sb-thead-fg);background:var(--sb-thead-bg);text-align:left;padding:11px 14px;white-space:nowrap;}
.sb-table tbody td{padding:11px 14px;border-bottom:1px solid var(--sb-line);color:var(--sb-ink);vertical-align:top;white-space:nowrap;}
.sb-table tbody tr:last-child td{border-bottom:none;}
.sb-table tbody tr:hover td{background:var(--sb-row-hover);transition:background 0.12s ease;}
.sb-table tfoot td{padding:12px 14px;border-top:3px double var(--sb-line-ink);color:var(--sb-ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.sb-table .ta-r{text-align:right;}
.sb-num{font-variant-numeric:tabular-nums;}
.sb-item-name{font-weight:600;}
.sb-item-note,.sb-item-tag{display:block;font-size:11px;font-weight:400;color:var(--sb-ink-soft);margin-top:3px;white-space:normal;max-width:200px;}
.sb-item-tag{display:inline-block;font-size:11px;background:var(--sb-row-hover);border:1px solid var(--sb-line);border-radius:0;padding:1px 8px;margin-top:4px;}
.sb-row-merged td{color:var(--sb-ink-soft);}
.sb-result-note{font-size:12px;line-height:1.8;color:var(--sb-ink-soft);margin:12px 0 0;}
.sb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
.sb-chip{border:1px solid var(--sb-line-ink);background:var(--sb-card);color:var(--sb-ink);font-size:13px;font-weight:500;line-height:1;padding:8px 16px;border-radius:0;cursor:pointer;transition:all 0.12s ease;font-family:inherit;}
.sb-app .sb-chip:hover{border-color:var(--sb-red);}
.sb-app .sb-chip.active{border-color:var(--sb-red);color:var(--sb-red);background:var(--sb-red-soft);font-weight:600;}
.sb-cmp-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.sb-cmp-hint{font-size:13px;color:var(--sb-ink-soft);}
.sb-hint-warn{color:var(--sb-red);font-weight:600;}
.sb-cmp-result{margin-top:4px;}
.sb-cmp-table td .sb-best-badge{display:inline-block;font-size:11px;font-weight:600;color:#ffffff;background:var(--sb-red);border-radius:0;padding:2px 8px;margin-left:8px;vertical-align:1px;}
.sb-best-row td{background:var(--sb-red-soft) !important;}
.sb-best-val{font-weight:600;color:var(--sb-red) !important;}
.sb-know{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;}
.sb-know-item{display:flex;gap:14px;background:var(--sb-card);border:1px solid var(--sb-line-ink);border-radius:0;padding:18px;transition:box-shadow 0.12s ease,transform 0.12s ease;}
.sb-know-item:hover{box-shadow:var(--sb-shadow-hard);transform:translate(-1px,-1px);}
.sb-know-ico{flex-shrink:0;width:34px;height:34px;border-radius:0;background:var(--sb-ink);color:var(--sb-card);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background 0.12s ease;}
.sb-know-item:hover .sb-know-ico{background:var(--sb-red);}
.sb-know-item h3{font-size:14px;font-weight:600;margin:0 0 6px;color:var(--sb-ink);letter-spacing:0.04em;}
.sb-know-item p{font-size:12px;line-height:1.8;color:var(--sb-ink-soft);margin:0;}
.sb-disclaim{border:1px solid var(--sb-line-ink);border-top:3px double var(--sb-line-ink);border-radius:0;background:var(--sb-card);padding:20px 22px;}
.sb-disclaim-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--sb-line);}
.sb-disclaim h2{font-size:14px;font-weight:600;margin:0;color:var(--sb-ink);letter-spacing:0.08em;}
.sb-disclaim-kicker{font-size:10px;font-weight:600;letter-spacing:0.3em;color:var(--sb-ink-soft);}
.sb-disclaim ul{margin:0;padding-left:18px;}
.sb-disclaim li{font-size:12px;line-height:1.9;color:var(--sb-ink-soft);}
@media (max-width:960px){.sb-calc-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){.sb-shell{padding:22px 14px 8px;}
.sb-hero{padding:14px 0 20px;margin-bottom:28px;}
.sb-masthead{padding-bottom:12px;margin-bottom:14px;}
.sb-hero-title{font-size:30px;}
.sb-sec-head{padding-top:10px;}
.sb-sec-title{font-size:18px;}
.sb-card{padding:18px 16px;}
.sb-stats{grid-template-columns:1fr;gap:8px;padding:12px 0 14px;}
.sb-stat{display:flex;align-items:baseline;justify-content:space-between;padding:12px 14px;}
.sb-stat-label{margin:0;}
.sb-takehome-value{font-size:36px;}
.sb-cmp-actions .sb-btn-primary{width:100%;}
.sb-cmp-hint{width:100%;text-align:center;}
.sb-know{grid-template-columns:1fr;}
.sb-know-item:hover{box-shadow:none;transform:none;}
}
@media (prefers-reduced-motion:reduce){.sb-app *,.sb-app *::before,.sb-app *::after{animation:none !important;transition:none !important;}
}