\u7efc\u5408\u7a0e\u8d39\u8ba1\u7b97\u5668<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n .tax-calc {\n --surface: #ffffff;\n --border: #dde3ed;\n --border2: #e8edf5;\n --accent: #1a6fe8;\n --accent2: #3b9eff;\n --accent-bg: rgba(26, 111, 232, 0.07);\n --accent-bd: rgba(26, 111, 232, 0.22);\n --text: #1a2233;\n --muted: #8a96a8;\n --digit-bg: #f4f7fc;\n --result-bg: #f0f5ff;\n --result-bd: rgba(26, 111, 232, 0.18);\n --active: #16a34a;\n --danger: #e03535;\n --warn: #d97706;\n font-family: 'Noto Sans SC', sans-serif;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: var(--text);\n }\n\n .tax-calc *, .tax-calc *::before, .tax-calc *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .tc-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 16px;\n overflow: hidden;\n width: min(720px, 95vw);\n box-shadow:\n 0 1px 3px rgba(26,111,232,.06),\n 0 8px 32px rgba(26,111,232,.08),\n 0 1px 0 #fff inset;\n animation: fadeUp .5s ease both;\n }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500 \u9876\u90e8\u89d2\u6807 \u2500\u2500 *\/\n .tc-card::before {\n content: '';\n display: block;\n height: 3px;\n background: linear-gradient(90deg, var(--accent), var(--accent2));\n }\n\n \/* \u2500\u2500 \u5934\u90e8 \u2500\u2500 *\/\n .tc-head {\n padding: 20px 28px 0;\n }\n\n .tc-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--text);\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .tc-title::before {\n content: '';\n width: 4px; height: 18px;\n background: linear-gradient(180deg, var(--accent), var(--accent2));\n border-radius: 2px;\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 \u6807\u7b7e\u9875 \u2500\u2500 *\/\n .tc-tabs {\n display: flex;\n gap: 4px;\n border-bottom: 1px solid var(--border2);\n }\n\n .tc-tab {\n padding: 10px 18px;\n font-size: 13px;\n font-weight: 500;\n color: var(--muted);\n cursor: pointer;\n border-bottom: 2px solid transparent;\n margin-bottom: -1px;\n transition: color .2s, border-color .2s;\n user-select: none;\n white-space: nowrap;\n }\n\n .tc-tab:hover { color: var(--accent); }\n\n .tc-tab.active {\n color: var(--accent);\n border-bottom-color: var(--accent);\n font-weight: 700;\n }\n\n \/* \u2500\u2500 \u4e3b\u4f53\u533a \u2500\u2500 *\/\n .tc-body {\n padding: 28px;\n display: none;\n }\n\n .tc-body.active { display: block; }\n\n \/* \u2500\u2500 \u8868\u5355 \u2500\u2500 *\/\n .tc-form {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px 24px;\n }\n\n .tc-form.cols-1 { grid-template-columns: 1fr; }\n\n .field {\n display: flex;\n flex-direction: column;\n gap: 6px;\n }\n\n .field.full { grid-column: 1 \/ -1; }\n\n .field-label {\n font-size: 12px;\n color: var(--muted);\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .field-label .req { color: var(--danger); }\n\n .field-input {\n width: 100%;\n height: 40px;\n padding: 0 12px;\n border: 1px solid var(--border);\n border-radius: 8px;\n font-size: 14px;\n font-family: 'Noto Sans SC', sans-serif;\n color: var(--text);\n background: var(--surface);\n outline: none;\n transition: border-color .2s, box-shadow .2s;\n -moz-appearance: textfield;\n }\n\n .field-input::-webkit-outer-spin-button,\n .field-input::-webkit-inner-spin-button { -webkit-appearance: none; }\n\n .field-input:focus {\n border-color: var(--accent);\n box-shadow: 0 0 0 3px var(--accent-bg);\n }\n\n .field-input::placeholder { color: #c4cad6; }\n\n select.field-input {\n cursor: pointer;\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a96a8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 12px center;\n padding-right: 32px;\n }\n\n \/* \u2500\u2500 \u5355\u9009\u6309\u94ae\u7ec4 \u2500\u2500 *\/\n .radio-group {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n .radio-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 0 14px;\n height: 40px;\n border: 1px solid var(--border);\n border-radius: 8px;\n font-size: 13px;\n font-weight: 500;\n color: var(--muted);\n cursor: pointer;\n transition: all .2s;\n user-select: none;\n }\n\n .radio-btn input { display: none; }\n\n .radio-btn:hover { border-color: var(--accent); color: var(--accent); }\n\n .radio-btn.active {\n border-color: var(--accent);\n background: var(--accent-bg);\n color: var(--accent);\n font-weight: 700;\n }\n\n \/* \u2500\u2500 \u7ed3\u679c\u533a \u2500\u2500 *\/\n .tc-result {\n margin-top: 24px;\n background: var(--result-bg);\n border: 1px solid var(--result-bd);\n border-radius: 12px;\n padding: 20px 24px;\n }\n\n .result-title {\n font-size: 12px;\n color: var(--muted);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin-bottom: 14px;\n }\n\n .result-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 12px;\n }\n\n .result-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n .result-label {\n font-size: 11px;\n color: var(--muted);\n letter-spacing: .04em;\n }\n\n .result-value {\n font-family: 'Rajdhani', sans-serif;\n font-size: 24px;\n font-weight: 700;\n color: var(--accent);\n letter-spacing: -.01em;\n line-height: 1;\n }\n\n .result-value.highlight {\n color: var(--accent);\n font-size: 28px;\n }\n\n .result-value.danger { color: var(--danger); }\n .result-value.active { color: var(--active); }\n\n \/* \u2500\u2500 \u660e\u7ec6\u884c \u2500\u2500 *\/\n .result-detail {\n margin-top: 16px;\n padding-top: 14px;\n border-top: 1px dashed var(--result-bd);\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .detail-row {\n display: flex;\n justify-content: space-between;\n font-size: 13px;\n color: var(--muted);\n }\n\n .detail-row .val {\n color: var(--text);\n font-weight: 600;\n font-variant-numeric: tabular-nums;\n }\n\n \/* \u2500\u2500 \u4e2a\u4eba\u6240\u5f97\u7a0e\u7a0e\u7387\u8868\uff08\u53ef\u6298\u53e0\uff09 \u2500\u2500 *\/\n .tax-table-wrap {\n margin-top: 20px;\n border: 1px solid var(--border2);\n border-radius: 10px;\n overflow: hidden;\n }\n\n .tax-table-toggle {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 16px;\n background: var(--digit-bg);\n border: none;\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n color: var(--muted);\n font-family: 'Noto Sans SC', sans-serif;\n letter-spacing: .04em;\n }\n\n .tax-table-toggle:hover { color: var(--accent); }\n\n .tax-table-toggle .arrow {\n transition: transform .2s;\n font-size: 10px;\n }\n\n .tax-table-toggle.open .arrow { transform: rotate(180deg); }\n\n .tax-table {\n display: none;\n font-size: 12px;\n border-collapse: collapse;\n width: 100%;\n }\n\n .tax-table.open { display: table; }\n\n .tax-table th {\n background: var(--digit-bg);\n color: var(--muted);\n font-weight: 600;\n padding: 8px 16px;\n text-align: left;\n font-size: 11px;\n letter-spacing: .04em;\n }\n\n .tax-table td {\n padding: 7px 16px;\n border-top: 1px solid var(--border2);\n color: var(--text);\n font-variant-numeric: tabular-nums;\n }\n\n .tax-table tr:hover td { background: rgba(26,111,232,.03); }\n\n \/* \u2500\u2500 \u91cd\u7f6e\u6309\u94ae \u2500\u2500 *\/\n .tc-actions {\n margin-top: 20px;\n display: flex;\n gap: 10px;\n justify-content: flex-end;\n }\n\n .btn-reset {\n height: 38px;\n padding: 0 20px;\n border: 1px solid var(--border);\n border-radius: 8px;\n background: transparent;\n font-size: 13px;\n font-weight: 500;\n color: var(--muted);\n cursor: pointer;\n font-family: 'Nota Sans SC', sans-serif;\n transition: all .2s;\n }\n\n .btn-reset:hover {\n border-color: var(--accent);\n color: var(--accent);\n }\n\n \/* \u2500\u2500 \u5de5\u5177\u63d0\u793a \u2500\u2500 *\/\n .tip {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 14px; height: 14px;\n background: var(--border2);\n border-radius: 50%;\n font-size: 9px;\n color: var(--muted);\n cursor: help;\n position: relative;\n }\n\n .tip:hover::after {\n content: attr(data-tip);\n position: absolute;\n bottom: calc(100% + 6px);\n left: 50%;\n transform: translateX(-50%);\n background: #1a2233;\n color: #fff;\n font-size: 11px;\n padding: 6px 10px;\n border-radius: 6px;\n white-space: nowrap;\n z-index: 10;\n line-height: 1.4;\n max-width: 220px;\n white-space: normal;\n }\n <\/style>\n<\/head>\n\n<div class=\"tax-calc\">\n<div class=\"tc-card\">\n\n <div class=\"tc-head\">\n <div class=\"tc-title\">\u7efc\u5408\u7a0e\u8d39\u8ba1\u7b97\u5668<\/div>\n <div class=\"tc-tabs\">\n <div class=\"tc-tab active\" data-tab=\"vat\">\u589e\u503c\u7a0e<\/div>\n <div class=\"tc-tab\" data-tab=\"iit\">\u4e2a\u4eba\u6240\u5f97\u7a0e<\/div>\n <div class=\"tc-tab\" data-tab=\"cit\">\u4f01\u4e1a\u6240\u5f97\u7a0e<\/div>\n <div class=\"tc-tab\" data-tab=\"combo\">\u7efc\u5408\u8ba1\u7b97<\/div>\n <div class=\"tc-tab\" data-tab=\"burden\">\u7a0e\u8d1f\u5206\u6790<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tc-body active\" id=\"tab-vat\">\n <div class=\"tc-form\">\n <div class=\"field\">\n <label class=\"field-label\">\u91d1\u989d\uff08\u5143\uff09<span class=\"req\">*<\/span><\/label>\n <input type=\"number\" class=\"field-input\" id=\"vat-amount\" placeholder=\"\u8bf7\u8f93\u5165\u91d1\u989d\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u542b\u7a0e\/\u4e0d\u542b\u7a0e<\/label>\n <div class=\"radio-group\">\n <label class=\"radio-btn active\"><input type=\"radio\" name=\"vat-taxed\" value=\"incl\" checked \/> \u542b\u7a0e\u4ef7<\/label>\n <label class=\"radio-btn\"><input type=\"radio\" name=\"vat-taxed\" value=\"excl\" \/> \u4e0d\u542b\u7a0e\u4ef7<\/label>\n <\/div>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u7a0e\u7387\uff08%\uff09\n <span class=\"tip\" data-tip=\"\u5c0f\u89c4\u6a21\u7eb3\u7a0e\u4eba\u9ed8\u8ba43%\">?<\/span>\n <\/label>\n <select class=\"field-input\" id=\"vat-rate\">\n <option value=\"13\">13% \u2014 \u9500\u552e\u8d27\u7269\/\u52a0\u5de5\u4fee\u7406<\/option>\n <option value=\"9\">9% \u2014 \u4ea4\u901a\u8fd0\u8f93\/\u57fa\u7840\u519c\u4ea7\u54c1<\/option>\n <option value=\"6\">6% \u2014 \u73b0\u4ee3\u670d\u52a1\u4e1a\/\u6280\u672f\u8f6c\u8ba9<\/option>\n <option value=\"3\" selected>3% \u2014 \u5c0f\u89c4\u6a21\u7eb3\u7a0e\u4eba<\/option>\n <option value=\"0\">0% \u2014 \u51fa\u53e3\/\u7279\u6b8a\u514d\u7a0e<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\"> <\/label>\n <div style=\"height:40px;display:flex;align-items:center;gap:8px;\">\n <label class=\"radio-btn\" id=\"vat-special-btn\" style=\"font-size:11px;padding:0 10px;\">\n <input type=\"checkbox\" id=\"vat-special\" \/> \u7b80\u6613\u5f81\u6536 \/ \u51cf\u63091%\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tc-result\" id=\"vat-result\" style=\"display:none;\">\n <div class=\"result-title\">\u8ba1\u7b97\u7ed3\u679c<\/div>\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\">\u4e0d\u542b\u7a0e\u91d1\u989d<\/span>\n <span class=\"result-value\" id=\"vat-excl\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u7a0e\u989d<\/span>\n <span class=\"result-value danger\" id=\"vat-tax\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u542b\u7a0e\u91d1\u989d<\/span>\n <span class=\"result-value active\" id=\"vat-incl\">\u2014<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tc-actions\">\n <button class=\"btn-reset\" onclick=\"resetVat()\">\u91cd\u7f6e<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"tc-body\" id=\"tab-iit\">\n <div class=\"tc-form\">\n <div class=\"field\">\n <label class=\"field-label\">\u7a0e\u524d\u6708\u6536\u5165\uff08\u5143\uff09<span class=\"req\">*<\/span><\/label>\n <input type=\"number\" class=\"field-input\" id=\"iit-income\" placeholder=\"\u8f93\u5165\u7a0e\u524d\u6708\u5de5\u8d44\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u516c\u79ef\u91d1\u7f34\u7eb3\u57fa\u6570<\/label>\n <input type=\"number\" class=\"field-input\" id=\"iit-housing\" placeholder=\"\u9ed8\u8ba4\u6309\u6536\u5165\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u793e\u4fdd\u4e2a\u4eba\u7f34\u7eb3\u57fa\u6570<\/label>\n <input type=\"number\" class=\"field-input\" id=\"iit-social\" placeholder=\"\u9ed8\u8ba4\u6309\u6536\u5165\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u4e13\u9879\u9644\u52a0\u6263\u9664\uff08\u6708\uff09<\/label>\n <select class=\"field-input\" id=\"iit-special\">\n <option value=\"0\">\u65e0\u4e13\u9879\u9644\u52a0\u6263\u9664<\/option>\n <option value=\"1000\">\u5b50\u5973\u6559\u80b2 1000\u5143<\/option>\n <option value=\"1500\">\u7ee7\u7eed\u6559\u80b2 400\u5143 \/ \u4f4f\u623f\u79df\u91d1 1500\u5143<\/option>\n <option value=\"2000\">\u5927\u75c5\u533b\u7597\uff08\u636e\u5b9e\uff09<\/option>\n <option value=\"2000\">\u4f4f\u623f\u8d37\u6b3e\u5229\u606f 1000\u5143 \/ \u8d61\u517b\u8001\u4eba 2000\u5143<\/option>\n <option value=\"3000\">\u5408\u8ba1\u7ea6 3000\u5143<\/option>\n <option value=\"4000\">\u5408\u8ba1\u7ea6 4000\u5143<\/option>\n <option value=\"5000\">\u4e2a\u7a0e\u8d77\u5f81\u70b9 5000\u5143<\/option>\n <\/select>\n <\/div>\n <div class=\"field full\">\n <label class=\"field-label\">\u4e13\u9879\u9644\u52a0\u6263\u9664\u660e\u7ec6\uff08\u53ef\u591a\u9009\uff09<\/label>\n <div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;\">\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"1000\" \/> \u5b50\u5973\u6559\u80b2<\/label>\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"400\" \/> \u7ee7\u7eed\u6559\u80b2<\/label>\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"1500\" \/> \u4f4f\u623f\u79df\u91d1<\/label>\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"1000\" \/> \u4f4f\u623f\u8d37\u6b3e<\/label>\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"2000\" \/> \u8d61\u517b\u8001\u4eba<\/label>\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"2000\" \/> \u5927\u75c5\u533b\u7597<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tc-result\" id=\"iit-result\" style=\"display:none;\">\n <div class=\"result-title\">\u8ba1\u7b97\u7ed3\u679c<\/div>\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\">\u7a0e\u524d\u6536\u5165<\/span>\n <span class=\"result-value\" id=\"iit-before\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u5e94\u7eb3\u7a0e\u989d\uff08\u6708\uff09<\/span>\n <span class=\"result-value danger\" id=\"iit-tax\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u7a0e\u540e\u6536\u5165\uff08\u6708\uff09<\/span>\n <span class=\"result-value active\" id=\"iit-after\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u5b9e\u9645\u7a0e\u7387<\/span>\n <span class=\"result-value\" id=\"iit-rate\">\u2014<\/span>\n <\/div>\n <\/div>\n <div class=\"result-detail\">\n <div class=\"detail-row\">\n <span>\u793e\u4fdd\u4e2a\u4eba\u7f34\u7eb3\uff08\u4f30\u7b97\uff09<\/span>\n <span class=\"val\" id=\"iit-social-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u516c\u79ef\u91d1\u4e2a\u4eba\u7f34\u7eb3\uff085%\uff09<\/span>\n <span class=\"val\" id=\"iit-housing-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u4e13\u9879\u9644\u52a0\u6263\u9664<\/span>\n <span class=\"val\" id=\"iit-special-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u5e94\u7eb3\u7a0e\u6240\u5f97\u989d<\/span>\n <span class=\"val\" id=\"iit-taxable\">\u2014<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tax-table-wrap\" style=\"margin-top:20px;\">\n <button class=\"tax-table-toggle\" onclick=\"toggleTable(this)\">\n <span>\u4e03\u7ea7\u8d85\u989d\u7d2f\u8fdb\u7a0e\u7387\u8868\uff08\u5de5\u8d44\u85aa\u91d1\uff09<\/span>\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <table class=\"tax-table\">\n <thead>\n <tr>\n <th>\u7ea7\u6570<\/th><th>\u5e94\u7eb3\u7a0e\u6240\u5f97\u989d<\/th><th>\u7a0e\u7387\uff08%\uff09<\/th><th>\u901f\u7b97\u6263\u9664\u6570<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr><td>1<\/td><td>\u2264 3,000 \u5143<\/td><td>3<\/td><td>0<\/td><\/tr>\n <tr><td>2<\/td><td>3,000 ~ 12,000 \u5143<\/td><td>10<\/td><td>210<\/td><\/tr>\n <tr><td>3<\/td><td>12,000 ~ 25,000 \u5143<\/td><td>20<\/td><td>1410<\/td><\/tr>\n <tr><td>4<\/td><td>25,000 ~ 35,000 \u5143<\/td><td>25<\/td><td>2660<\/td><\/tr>\n <tr><td>5<\/td><td>35,000 ~ 55,000 \u5143<\/td><td>30<\/td><td>4410<\/td><\/tr>\n <tr><td>6<\/td><td>55,000 ~ 80,000 \u5143<\/td><td>35<\/td><td>7160<\/td><\/tr>\n <tr><td>7<\/td><td>\uff1e 80,000 \u5143<\/td><td>45<\/td><td>15160<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"tc-actions\">\n <button class=\"btn-reset\" onclick=\"resetIit()\">\u91cd\u7f6e<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"tc-body\" id=\"tab-cit\">\n <div class=\"tc-form\">\n <div class=\"field\">\n <label class=\"field-label\">\u6536\u5165\u603b\u989d\uff08\u5143\uff09<span class=\"req\">*<\/span><\/label>\n <input type=\"number\" class=\"field-input\" id=\"cit-revenue\" placeholder=\"\u5168\u5e74\u8425\u4e1a\u6536\u5165\u603b\u989d\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u4e0d\u5f81\u7a0e\u6536\u5165<\/label>\n <input type=\"number\" class=\"field-input\" id=\"cit-nontax\" placeholder=\"\u5982\u8d22\u653f\u62e8\u6b3e\u7b49\uff08\u53ef\u9009\uff09\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u514d\u7a0e\u6536\u5165<\/label>\n <input type=\"number\" class=\"field-input\" id=\"cit-exempt\" placeholder=\"\u5982\u56fd\u503a\u5229\u606f\u7b49\uff08\u53ef\u9009\uff09\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u6210\u672c\u8d39\u7528\u652f\u51fa\uff08\u5143\uff09<\/label>\n <input type=\"number\" class=\"field-input\" id=\"cit-cost\" placeholder=\"\u5168\u5e74\u6210\u672c+\u8d39\u7528+\u635f\u5931\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u53ef\u6263\u9664\u516c\u76ca\u6027\u6350\u8d60<\/label>\n <input type=\"number\" class=\"field-input\" id=\"cit-donate\" placeholder=\"\u53ef\u9009\uff0c\u9ed8\u8ba40\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u4f01\u4e1a\u7c7b\u578b<\/label>\n <select class=\"field-input\" id=\"cit-type\">\n <option value=\"25\" selected>\u4e00\u822c\u4f01\u4e1a\uff0825%\uff09<\/option>\n <option value=\"20\">\u5c0f\u578b\u5fae\u5229\u4f01\u4e1a\uff0820%\uff09<\/option>\n <option value=\"15\">\u56fd\u5bb6\u9ad8\u65b0\u6280\u672f\u4f01\u4e1a\uff0815%\uff09<\/option>\n <option value=\"10\">\u7279\u5b9a\u533a\u57df\/\u6280\u672f\u4f01\u4e1a\uff0810%\uff09<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"tc-result\" id=\"cit-result\" style=\"display:none;\">\n <div class=\"result-title\">\u8ba1\u7b97\u7ed3\u679c<\/div>\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\">\u5e94\u7eb3\u7a0e\u6240\u5f97\u989d<\/span>\n <span class=\"result-value\" id=\"cit-taxable\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u5e94\u7eb3\u4f01\u4e1a\u6240\u5f97\u7a0e<\/span>\n <span class=\"result-value danger\" id=\"cit-tax\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u7a0e\u540e\u51c0\u5229\u6da6<\/span>\n <span class=\"result-value active\" id=\"cit-net\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u5b9e\u9645\u7a0e\u8d1f\u7387<\/span>\n <span class=\"result-value\" id=\"cit-rate\">\u2014<\/span>\n <\/div>\n <\/div>\n <div class=\"result-detail\">\n <div class=\"detail-row\">\n <span>\u6536\u5165\u603b\u989d<\/span>\n <span class=\"val\" id=\"cit-rev-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u4e0d\u5f81\u7a0e\u6536\u5165<\/span>\n <span class=\"val\" id=\"cit-nontax-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u514d\u7a0e\u6536\u5165<\/span>\n <span class=\"val\" id=\"cit-exempt-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u53ef\u6263\u9664\u6210\u672c\u8d39\u7528<\/span>\n <span class=\"val\" id=\"cit-cost-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u516c\u76ca\u6027\u6350\u8d60\u6263\u9664<\/span>\n <span class=\"val\" id=\"cit-donate-val\">\u2014<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tc-actions\">\n <button class=\"btn-reset\" onclick=\"resetCit()\">\u91cd\u7f6e<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"tc-body\" id=\"tab-burden\">\n <div class=\"tc-form\">\n <div class=\"field\">\n <label class=\"field-label\">\u4f01\u4e1a\u7c7b\u578b \/ \u884c\u4e1a <span class=\"req\">*<\/span><\/label>\n <select class=\"field-input\" id=\"burden-industry\">\n <option value=\"0\" disabled selected>\u2014 \u8bf7\u9009\u62e9\u884c\u4e1a \u2014<\/option>\n <optgroup label=\"\u5546\u4e1a\u8d38\u6613\">\n <option value=\"1.0\">\u5546\u4e1a\u96f6\u552e\uff08\u5546\u8d38\u4f01\u4e1a\uff09<\/option>\n <option value=\"1.2\">\u6279\u53d1\u8d38\u6613<\/option>\n <\/optgroup>\n <optgroup label=\"\u751f\u4ea7\u5236\u9020\">\n <option value=\"2.5\">\u5236\u9020\u4e1a \u2014 \u4e00\u822c\u7eb3\u7a0e\u4eba<\/option>\n <option value=\"1.5\">\u5236\u9020\u4e1a \u2014 \u5c0f\u89c4\u6a21\u7eb3\u7a0e\u4eba<\/option>\n <\/optgroup>\n <optgroup label=\"\u5efa\u7b51\u623f\u4ea7\">\n <option value=\"3.5\">\u5efa\u7b51\u5de5\u7a0b<\/option>\n <option value=\"6.0\">\u623f\u5730\u4ea7\u5f00\u53d1<\/option>\n <\/optgroup>\n <optgroup label=\"\u4ea4\u901a\u8fd0\u8f93\">\n <option value=\"3.0\">\u9646\u8def\u8fd0\u8f93<\/option>\n <option value=\"2.5\">\u6c34\u8def\u8fd0\u8f93<\/option>\n <option value=\"2.0\">\u822a\u7a7a\/\u7ba1\u9053\u8fd0\u8f93<\/option>\n <\/optgroup>\n <optgroup label=\"\u73b0\u4ee3\u670d\u52a1\">\n <option value=\"4.0\">\u4fe1\u606f\u6280\u672f\u670d\u52a1\uff08IT\uff09<\/option>\n <option value=\"3.5\">\u5546\u52a1\u670d\u52a1\/\u4ee3\u7406<\/option>\n <option value=\"3.0\">\u54a8\u8be2\u670d\u52a1<\/option>\n <\/optgroup>\n <optgroup label=\"\u751f\u6d3b\u670d\u52a1\">\n <option value=\"3.5\">\u9910\u996e\u4f4f\u5bbf<\/option>\n <option value=\"2.5\">\u7269\u4e1a\u7ba1\u7406<\/option>\n <option value=\"4.5\">\u6587\u5316\/\u6559\u80b2\/\u533b\u7597<\/option>\n <\/optgroup>\n <optgroup label=\"\u5176\u4ed6\">\n <option value=\"2.0\">\u5176\u4ed6\u884c\u4e1a\uff08\u901a\u7528\uff09<\/option>\n <\/optgroup>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u5f53\u671f\u5e94\u7a0e\u6536\u5165\uff08\u4e07\u5143\uff09<span class=\"req\">*<\/span><\/label>\n <input type=\"number\" class=\"field-input\" id=\"burden-revenue\" placeholder=\"\u542b\u7a0e\u9500\u552e\u989d \/ \u8425\u4e1a\u6536\u5165\" step=\"0.01\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u5f53\u671f\u5b9e\u7f34\u7a0e\u6b3e\u5408\u8ba1\uff08\u4e07\u5143\uff09<\/label>\n <input type=\"number\" class=\"field-input\" id=\"burden-taxpaid\" placeholder=\"\u589e\u503c\u7a0e+\u9644\u52a0+\u6240\u5f97\u7a0e\u7b49\u5408\u8ba1\" step=\"0.01\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u5e74\u8425\u4e1a\u6536\u5165\uff08\u4e07\u5143\uff09<\/label>\n <input type=\"number\" class=\"field-input\" id=\"burden-annual\" placeholder=\"\u7528\u4e8e\u5e74\u5316\u6d4b\u7b97\uff08\u53ef\u9009\uff09\" step=\"0.01\" \/>\n <\/div>\n <div class=\"field full\">\n <label class=\"field-label\">\u5feb\u901f\u4f30\u7b97\uff08\u4e0d\u586b\u5b9e\u7f34\u7a0e\u6b3e\u65f6\u4f7f\u7528\uff09<\/label>\n <div class=\"radio-group\">\n <label class=\"radio-btn\" onclick=\"setBurdenPreset(3)\"><input type=\"radio\" name=\"burden-preset\" value=\"low\" \/> \u4f4e\u7a0e\u8d1f\u65b9\u6848\uff08\u8fdb\u9879\u5145\u8db3\uff09<\/label>\n <label class=\"radio-btn\" onclick=\"setBurdenPreset(6)\"><input type=\"radio\" name=\"burden-preset\" value=\"mid\" checked \/><input type=\"hidden\" name=\"burden-preset\" value=\"mid\" \/> \u6b63\u5e38\u7a0e\u8d1f<\/label>\n <label class=\"radio-btn\" onclick=\"setBurdenPreset(9)\"><input type=\"radio\" name=\"burden-preset\" value=\"high\" \/> \u9ad8\u7a0e\u8d1f\u884c\u4e1a<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tc-result\" id=\"burden-result\" style=\"display:none;\">\n <div class=\"result-title\">\u7a0e\u8d1f\u5206\u6790\u62a5\u544a<\/div>\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\">\u5b9e\u9645\u7a0e\u8d1f\u7387<\/span>\n <span class=\"result-value\" id=\"burden-rate\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u884c\u4e1a\u53c2\u8003\u4e0a\u9650<\/span>\n <span class=\"result-value\" id=\"burden-ref-max\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u4e0e\u884c\u4e1a\u5dee\u8ddd<\/span>\n <span class=\"result-value\" id=\"burden-gap\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u98ce\u9669\u7b49\u7ea7<\/span>\n <span class=\"result-value\" id=\"burden-risk\">\u2014<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"margin-top:16px;\">\n <div style=\"display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px;\">\n <span>\u504f\u4f4e\uff08\u5b58\u5728\u98ce\u9669\uff09<\/span><span>\u6b63\u5e38\u533a\u95f4<\/span><span>\u504f\u9ad8<\/span>\n <\/div>\n <div style=\"height:8px;border-radius:99px;overflow:hidden;display:flex;\">\n <div id=\"burden-bar-low\" style=\"flex:1;background:#ef4444;border-radius:99px 0 0 99px;\"><\/div>\n <div id=\"burden-bar-mid\" style=\"flex:2;background:#22c55e;\"><\/div>\n <div id=\"burden-bar-high\" style=\"flex:1;background:#94a3b8;border-radius:0 99px 99px 0;\"><\/div>\n <\/div>\n <div id=\"burden-indicator\" style=\"margin-top:-8px;display:flex;align-items:center;justify-content:center;\">\n <div id=\"burden-needle\" style=\"width:10px;height:10px;background:#1a2233;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:left .4s ease;position:relative;left:0;\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"result-detail\">\n <div class=\"detail-row\">\n <span>\u5f53\u671f\u5e94\u7a0e\u6536\u5165<\/span>\n <span class=\"val\" id=\"burden-rev-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u5f53\u671f\u5b9e\u7f34\u7a0e\u6b3e<\/span>\n <span class=\"val\" id=\"burden-paid-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\" id=\"burden-annual-row\" style=\"display:none;\">\n <span>\u5e74\u5316\u7a0e\u8d1f\u4f30\u7b97<\/span>\n <span class=\"val\" id=\"burden-annual-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u6708\u5747\u7a0e\u8d1f\uff08\u4f30\u7b97\uff09<\/span>\n <span class=\"val\" id=\"burden-monthly-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u884c\u4e1a\u5e73\u5747\u53c2\u8003\u503c<\/span>\n <span class=\"val\" id=\"burden-ref-val\">\u2014<\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"burden-advice\" style=\"margin-top:16px;padding:12px 16px;background:#fff;border:1px solid var(--border2);border-radius:8px;font-size:13px;color:var(--muted);line-height:1.6;\"><\/div>\n <\/div>\n\n \n <div class=\"tax-table-wrap\" style=\"margin-top:20px;\">\n <button class=\"tax-table-toggle\" onclick=\"toggleTable(this)\">\n <span>\u884c\u4e1a\u7a0e\u8d1f\u53c2\u8003\u533a\u95f4\uff08\u4ec5\u4f9b\u53c2\u8003\uff09<\/span>\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <table class=\"tax-table\">\n <thead>\n <tr><th>\u884c\u4e1a<\/th><th>\u7a0e\u8d1f\u7387\u53c2\u8003<\/th><th>\u8bf4\u660e<\/th><\/tr>\n <\/thead>\n <tbody>\n <tr><td>\u5546\u4e1a\u96f6\u552e\uff08\u5546\u8d38\uff09<\/td><td>0.5% ~ 1.5%<\/td><td>\u8fdb\u9879\u7968\u5145\u8db3\u65f6\u504f\u4f4e<\/td><\/tr>\n <tr><td>\u5236\u9020\u4e1a\uff08\u4e00\u822c\u7eb3\u7a0e\u4eba\uff09<\/td><td>1.5% ~ 3.5%<\/td><td>\u542b\u589e\u503c\u7a0e\u53ca\u6240\u5f97\u7a0e<\/td><\/tr>\n <tr><td>\u5efa\u7b51\u65bd\u5de5<\/td><td>2.0% ~ 4.0%<\/td><td>\u542b\u589e\u503c\u7a0e\u53ca\u6240\u5f97\u7a0e<\/td><\/tr>\n <tr><td>\u4ea4\u901a\u8fd0\u8f93<\/td><td>2.0% ~ 4.0%<\/td><td>\u8fdb\u9879\u62b5\u6263\u8f83\u5c11\u65f6\u504f\u9ad8<\/td><\/tr>\n <tr><td>IT\/\u73b0\u4ee3\u670d\u52a1\u4e1a<\/td><td>3.0% ~ 6.0%<\/td><td>\u4eba\u529b\u6210\u672c\u9ad8\uff0c\u53ef\u62b5\u6263\u5c11<\/td><\/tr>\n <tr><td>\u623f\u5730\u4ea7\u5f00\u53d1<\/td><td>5.0% ~ 10%<\/td><td>\u571f\u5730\u589e\u503c\u7a0e\u5f71\u54cd\u5927<\/td><\/tr>\n <tr><td>\u9910\u996e\/\u751f\u6d3b\u670d\u52a1<\/td><td>2.5% ~ 5.0%<\/td><td>\u5c0f\u989d\u7eb3\u7a0e\u4eba\u4e3a\u4e3b<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"tc-actions\">\n <button class=\"btn-reset\" onclick=\"resetBurden()\">\u91cd\u7f6e<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"tc-body\" id=\"tab-combo\">\n <div class=\"tc-form\">\n <div class=\"field\">\n <label class=\"field-label\">\u542b\u7a0e\u9500\u552e\u989d\uff08\u5143\uff09<span class=\"req\">*<\/span><\/label>\n <input type=\"number\" class=\"field-input\" id=\"combo-sales\" placeholder=\"\u542b\u7a0e\u4e3b\u8425\u4e1a\u52a1\u6536\u5165\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u589e\u503c\u7a0e\u7a0e\u7387<\/label>\n <select class=\"field-input\" id=\"combo-vat-rate\">\n <option value=\"13\">13%<\/option>\n <option value=\"9\">9%<\/option>\n <option value=\"6\">6%<\/option>\n <option value=\"3\" selected>3%\uff08\u5c0f\u89c4\u6a21\uff09<\/option>\n <option value=\"1\">1%\uff08\u5c0f\u89c4\u6a21\u7b80\u6613\u5f81\u6536\/\u51cf\u63091%\uff09<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u9644\u52a0\u7a0e\u7a0e\u7387\uff08\u5408\u8ba1\uff09<\/label>\n <select class=\"field-input\" id=\"combo-surtax\">\n <option value=\"12\" selected>12%\uff08\u57ce\u5efa7%+\u6559\u80b23%+\u5730\u65b92%\uff09<\/option>\n <option value=\"10\">10%\uff08\u51cf\u534a\u5f81\u6536\uff09<\/option>\n <option value=\"6\">6%\uff08\u5c0f\u89c4\u6a21\u51cf\u534a\uff09<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u4f01\u4e1a\u6240\u5f97\u7a0e\u5e94\u7a0e\u6240\u5f97\u989d<\/label>\n <input type=\"number\" class=\"field-input\" id=\"combo-cit\" placeholder=\"\u4f01\u4e1a\u6240\u5f97\u7a0e\u524d\u5229\u6da6\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u4f01\u4e1a\u6240\u5f97\u7a0e\u7a0e\u7387<\/label>\n <select class=\"field-input\" id=\"combo-cit-rate\">\n <option value=\"25\" selected>\u4e00\u822c\u4f01\u4e1a\uff0825%\uff09<\/option>\n <option value=\"20\">\u5c0f\u578b\u5fae\u5229\uff0820%\uff09<\/option>\n <option value=\"15\">\u9ad8\u65b0\u6280\u672f\u4f01\u4e1a\uff0815%\uff09<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"tc-result\" id=\"combo-result\" style=\"display:none;\">\n <div class=\"result-title\">\u7efc\u5408\u7a0e\u8d39\u6d4b\u7b97<\/div>\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\">\u589e\u503c\u7a0e<\/span>\n <span class=\"result-value\" id=\"combo-vat\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u9644\u52a0\u7a0e\u8d39<\/span>\n <span class=\"result-value\" id=\"combo-surtax-val\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u4f01\u4e1a\u6240\u5f97\u7a0e<\/span>\n <span class=\"result-value danger\" id=\"combo-cit-val\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u7a0e\u8d39\u5408\u8ba1<\/span>\n <span class=\"result-value highlight danger\" id=\"combo-total\">\u2014<\/span>\n <\/div>\n <\/div>\n <div class=\"result-detail\">\n <div class=\"detail-row\">\n <span>\u4e0d\u542b\u7a0e\u9500\u552e\u989d<\/span>\n <span class=\"val\" id=\"combo-net-sales\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u603b\u7a0e\u8d1f\u7387<\/span>\n <span class=\"val\" id=\"combo-burden\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u7a0e\u540e\u51c0\u5229\u6da6\uff08\u4f30\u7b97\uff09<\/span>\n <span class=\"val\" id=\"combo-net\">\u2014<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tc-actions\">\n <button class=\"btn-reset\" onclick=\"resetCombo()\">\u91cd\u7f6e<\/button>\n <\/div>\n <\/div>\n\n<\/div>\n<\/div>\n\n<script>\n \/\/ \u2500\u2500\u2500 \u6807\u7b7e\u9875\u5207\u6362 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n document.querySelectorAll('.tc-tab').forEach(tab => {\n tab.addEventListener('click', () => {\n document.querySelectorAll('.tc-tab').forEach(t => t.classList.remove('active'));\n document.querySelectorAll('.tc-body').forEach(b => b.classList.remove('active'));\n tab.classList.add('active');\n document.getElementById('tab-' + tab.dataset.tab).classList.add('active');\n });\n });\n\n \/\/ \u2500\u2500\u2500 \u5355\u9009\u6309\u94ae \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n document.querySelectorAll('.radio-group').forEach(group => {\n group.querySelectorAll('.radio-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n group.querySelectorAll('.radio-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n });\n });\n });\n\n \/\/ \u2500\u2500\u2500 \u5de5\u5177\u51fd\u6570 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n const fmt = n => {\n if (n === null || n === undefined || isNaN(n)) return '\u2014';\n return n.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n };\n const num = id => parseFloat(document.getElementById(id).value) || 0;\n\n \/\/ \u2500\u2500\u2500 \u589e\u503c\u7a0e \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n document.getElementById('vat-amount').addEventListener('input', calcVat);\n document.querySelectorAll('input[name=\"vat-taxed\"]').forEach(r => r.addEventListener('change', calcVat));\n document.getElementById('vat-rate').addEventListener('change', calcVat);\n document.getElementById('vat-special').addEventListener('change', function() {\n const btn = document.getElementById('vat-special-btn');\n btn.classList.toggle('active', this.checked);\n calcVat();\n });\n\n function calcVat() {\n const amt = num('vat-amount');\n const incl = document.querySelector('input[name=\"vat-taxed\"]:checked').value === 'incl';\n const special = document.getElementById('vat-special').checked;\n let rate = special ? 0.01 : parseFloat(document.getElementById('vat-rate').value) \/ 100;\n\n if (!amt) {\n document.getElementById('vat-result').style.display = 'none';\n return;\n }\n\n let excl, tax, total;\n if (incl) {\n excl = amt \/ (1 + rate);\n tax = excl * rate;\n total = amt;\n } else {\n excl = amt;\n tax = amt * rate;\n total = amt + tax;\n }\n\n document.getElementById('vat-excl').textContent = '\u00a5' + fmt(excl);\n document.getElementById('vat-tax').textContent = '\u00a5' + fmt(tax);\n document.getElementById('vat-incl').textContent = '\u00a5' + fmt(total);\n document.getElementById('vat-result').style.display = 'block';\n }\n\n function resetVat() {\n document.getElementById('vat-amount').value = '';\n document.getElementById('vat-special').checked = false;\n document.getElementById('vat-special-btn').classList.remove('active');\n document.querySelectorAll('input[name=\"vat-taxed\"]')[0].checked = true;\n document.querySelectorAll('input[name=\"vat-taxed\"]').forEach(r => r.closest('.radio-btn').classList.remove('active'));\n document.querySelector('input[name=\"vat-taxed\"][value=\"incl\"]').closest('.radio-btn').classList.add('active');\n document.getElementById('vat-result').style.display = 'none';\n }\n\n \/\/ \u2500\u2500\u2500 \u4e2a\u4eba\u6240\u5f97\u7a0e \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n const iitBrackets = [\n { max: 3000, rate: .03, ded: 0 },\n { max: 12000, rate: .10, ded: 210 },\n { max: 25000, rate: .20, ded: 1410 },\n { max: 35000, rate: .25, ded: 2660 },\n { max: 55000, rate: .30, ded: 4410 },\n { max: 80000, rate: .35, ded: 7160 },\n { max: Infinity, rate: .45, ded: 15160 },\n ];\n\n function getIitBracket(taxable) {\n return iitBrackets.find(b => taxable <= b.max) || iitBrackets[iitBrackets.length - 1];\n }\n\n function calcIit() {\n const income = num('iit-income');\n if (!income) {\n document.getElementById('iit-result').style.display = 'none';\n return;\n }\n\n const socialBase = num('iit-social') || income;\n const housingBase = num('iit-housing') || income;\n\n \/\/ \u793e\u4fdd\uff08\u517b\u80018%+\u533b\u75972%+\u5931\u4e1a0.5%=10.5%\uff0c\u5404\u5730\u7565\u6709\u5dee\u5f02\uff09\n const social = socialBase * 0.105;\n \/\/ \u516c\u79ef\u91d1\uff085%~12%\uff0c\u9ed8\u8ba45%\uff09\n const housing = housingBase * 0.05;\n \/\/ \u4e13\u9879\u9644\u52a0\u6263\u9664\uff08checkbox \u591a\u9009\u7d2f\u52a0 + select\uff09\n let extra = parseFloat(document.getElementById('iit-special').value) || 0;\n document.querySelectorAll('#tab-iit input[type=\"checkbox\"]:checked').forEach(cb => {\n if (cb.value && cb.closest('.radio-btn')) {\n extra += parseFloat(cb.value);\n }\n });\n\n \/\/ \u5e94\u7eb3\u7a0e\u6240\u5f97\u989d\n const taxable = Math.max(0, income - social - housing - extra - 5000);\n\n const bracket = getIitBracket(taxable);\n const monthlyTax = taxable > 0 ? taxable * bracket.rate - bracket.ded : 0;\n const afterTax = income - social - housing - monthlyTax;\n\n document.getElementById('iit-before').textContent = '\u00a5' + fmt(income);\n document.getElementById('iit-tax').textContent = '\u00a5' + fmt(monthlyTax);\n document.getElementById('iit-after').textContent = '\u00a5' + fmt(afterTax);\n document.getElementById('iit-rate').textContent = (monthlyTax \/ income * 100).toFixed(2) + '%';\n\n document.getElementById('iit-social-val').textContent = '\u00a5' + fmt(social);\n document.getElementById('iit-housing-val').textContent = '\u00a5' + fmt(housing);\n document.getElementById('iit-special-val').textContent = '\u00a5' + fmt(extra);\n document.getElementById('iit-taxable').textContent = '\u00a5' + fmt(taxable);\n\n document.getElementById('iit-result').style.display = 'block';\n }\n\n ['iit-income','iit-social','iit-housing'].forEach(id => {\n document.getElementById(id).addEventListener('input', calcIit);\n });\n document.getElementById('iit-special').addEventListener('change', calcIit);\n\n \/\/ \u4e13\u9879\u9644\u52a0\u6263\u9664 checkbox \u8054\u52a8\n document.querySelectorAll('#tab-iit .radio-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n const cb = btn.querySelector('input[type=\"checkbox\"]');\n if (cb) {\n setTimeout(calcIit, 0);\n }\n });\n });\n\n function toggleExtra(el) { setTimeout(calcIit, 0); }\n\n function resetIit() {\n ['iit-income','iit-social','iit-housing'].forEach(id => document.getElementById(id).value = '');\n document.getElementById('iit-special').value = '0';\n document.querySelectorAll('#tab-iit input[type=\"checkbox\"]').forEach(cb => cb.checked = false);\n document.querySelectorAll('#tab-iit .radio-btn').forEach(b => b.classList.remove('active'));\n document.getElementById('iit-result').style.display = 'none';\n }\n\n \/\/ \u2500\u2500\u2500 \u4f01\u4e1a\u6240\u5f97\u7a0e \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n function calcCit() {\n const revenue = num('cit-revenue');\n if (!revenue) {\n document.getElementById('cit-result').style.display = 'none';\n return;\n }\n\n const nontax = num('cit-nontax') || 0;\n const exempt = num('cit-exempt') || 0;\n const cost = num('cit-cost') || 0;\n const donate = num('cit-donate') || 0;\n const taxRate = parseFloat(document.getElementById('cit-type').value) \/ 100;\n\n \/\/ \u5e94\u7eb3\u7a0e\u6240\u5f97\u989d\n const taxable = Math.max(0, revenue - nontax - exempt - cost);\n\n \/\/ \u516c\u76ca\u6027\u6350\u8d60\u9650\u989d\uff08\u5229\u6da6\u603b\u989d12%\uff09\n const donateLimit = taxable * 0.12;\n const donateAllow = Math.min(donate, donateLimit);\n\n const citTax = (taxable - donateAllow) * taxRate;\n const net = taxable - citTax;\n\n document.getElementById('cit-taxable').textContent = '\u00a5' + fmt(taxable);\n document.getElementById('cit-tax').textContent = '\u00a5' + fmt(citTax);\n document.getElementById('cit-net').textContent = '\u00a5' + fmt(net);\n document.getElementById('cit-rate').textContent = (citTax \/ revenue * 100).toFixed(2) + '%';\n\n document.getElementById('cit-rev-val').textContent = '\u00a5' + fmt(revenue);\n document.getElementById('cit-nontax-val').textContent = '\u00a5' + fmt(nontax);\n document.getElementById('cit-exempt-val').textContent = '\u00a5' + fmt(exempt);\n document.getElementById('cit-cost-val').textContent = '\u00a5' + fmt(cost);\n document.getElementById('cit-donate-val').textContent = '\u00a5' + fmt(donateAllow) + '\uff08\u9650\u989d\u00a5' + fmt(donateLimit) + '\uff09';\n\n document.getElementById('cit-result').style.display = 'block';\n }\n\n ['cit-revenue','cit-nontax','cit-exempt','cit-cost','cit-donate'].forEach(id => {\n document.getElementById(id).addEventListener('input', calcCit);\n });\n document.getElementById('cit-type').addEventListener('change', calcCit);\n\n function resetCit() {\n ['cit-revenue','cit-nontax','cit-exempt','cit-cost','cit-donate'].forEach(id => document.getElementById(id).value = '');\n document.getElementById('cit-type').value = '25';\n document.getElementById('cit-result').style.display = 'none';\n }\n\n \/\/ \u2500\u2500\u2500 \u7efc\u5408\u8ba1\u7b97 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n function calcCombo() {\n const sales = num('combo-sales');\n if (!sales) {\n document.getElementById('combo-result').style.display = 'none';\n return;\n }\n\n const vatRate = parseFloat(document.getElementById('combo-vat-rate').value) \/ 100;\n const surtax = parseFloat(document.getElementById('combo-surtax').value) \/ 100;\n const citIncome = num('combo-cit') || 0;\n const citRate = parseFloat(document.getElementById('combo-cit-rate').value) \/ 100;\n\n \/\/ \u589e\u503c\u7a0e\n const netSales = sales \/ (1 + vatRate);\n const vat = netSales * vatRate;\n \/\/ \u9644\u52a0\u7a0e\uff08\u589e\u503c\u7a0e\u768412%\uff09\n const surtaxVal = vat * surtax;\n \/\/ \u4f01\u4e1a\u6240\u5f97\u7a0e\n const citTax = citIncome > 0 ? citIncome * citRate : 0;\n const total = vat + surtaxVal + citTax;\n\n \/\/ \u7a0e\u8d1f\u7387\uff08\u76f8\u5bf9\u542b\u7a0e\u9500\u552e\u989d\uff09\n const burden = sales > 0 ? (total \/ sales * 100) : 0;\n const net = sales - total;\n\n document.getElementById('combo-vat').textContent = '\u00a5' + fmt(vat);\n document.getElementById('combo-surtax-val').textContent = '\u00a5' + fmt(surtaxVal);\n document.getElementById('combo-cit-val').textContent = '\u00a5' + fmt(citTax);\n document.getElementById('combo-total').textContent = '\u00a5' + fmt(total);\n\n document.getElementById('combo-net-sales').textContent = '\u00a5' + fmt(netSales);\n document.getElementById('combo-burden').textContent = burden.toFixed(2) + '%';\n document.getElementById('combo-net').textContent = '\u00a5' + fmt(net);\n\n document.getElementById('combo-result').style.display = 'block';\n }\n\n ['combo-sales','combo-cit'].forEach(id => document.getElementById(id).addEventListener('input', calcCombo));\n ['combo-vat-rate','combo-surtax','combo-cit-rate'].forEach(id => document.getElementById(id).addEventListener('change', calcCombo));\n\n function resetCombo() {\n ['combo-sales','combo-cit'].forEach(id => document.getElementById(id).value = '');\n document.getElementById('combo-vat-rate').value = '3';\n document.getElementById('combo-surtax').value = '12';\n document.getElementById('combo-cit-rate').value = '25';\n document.getElementById('combo-result').style.display = 'none';\n }\n\n \/\/ \u2500\u2500\u2500 \u7a0e\u7387\u8868\u6298\u53e0 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n function toggleTable(btn) {\n btn.classList.toggle('open');\n btn.nextElementSibling.classList.toggle('open');\n }\n<\/script>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u7efc\u5408\u7a0e\u8d39\u8ba1\u7b97\u5668 \u7efc\u5408\u7a0e\u8d39\u8ba1\u7b97\u5668 \u589e\u503c\u7a0e \u4e2a\u4eba\u6240\u5f97\u7a0e \u4f01\u4e1a\u6240\u5f97\u7a0e \u7efc\u5408\u8ba1\u7b97 \u7a0e\u8d1f\u5206\u6790 \u91d1\u989d\uff08\u5143\uff09* \u542b\u7a0e\/\u4e0d\u542b\u7a0e […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":712,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-801","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/pages\/801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/comments?post=801"}],"version-history":[{"count":4,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/pages\/801\/revisions"}],"predecessor-version":[{"id":857,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/pages\/801\/revisions\/857"}],"up":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/pages\/712"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":801,"date":"2026-04-27T15:00:25","date_gmt":"2026-04-27T07:00:25","guid":{"rendered":"https:\/\/www.365ycs.com\/?page_id=801"},"modified":"2026-04-27T17:11:39","modified_gmt":"2026-04-27T09:11:39","slug":"%e7%a8%8e%e8%b4%b9%e8%ae%a1%e7%ae%97%e5%99%a8","status":"publish","type":"page","link":"https:\/\/www.365ycs.com\/index.php\/__trashed-3\/%e7%a8%8e%e8%b4%b9%e8%ae%a1%e7%ae%97%e5%99%a8\/","title":{"rendered":"\u7a0e\u8d39\u8ba1\u7b97\u5668"},"content":{"rendered":"\n\n\n\n\n \n \n \u7efc\u5408\u7a0e\u8d39\u8ba1\u7b97\u5668<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n .tax-calc {\n --surface: #ffffff;\n --border: #dde3ed;\n --border2: #e8edf5;\n --accent: #1a6fe8;\n --accent2: #3b9eff;\n --accent-bg: rgba(26, 111, 232, 0.07);\n --accent-bd: rgba(26, 111, 232, 0.22);\n --text: #1a2233;\n --muted: #8a96a8;\n --digit-bg: #f4f7fc;\n --result-bg: #f0f5ff;\n --result-bd: rgba(26, 111, 232, 0.18);\n --active: #16a34a;\n --danger: #e03535;\n --warn: #d97706;\n font-family: 'Noto Sans SC', sans-serif;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: var(--text);\n }\n\n .tax-calc *, .tax-calc *::before, .tax-calc *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .tc-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 16px;\n overflow: hidden;\n width: min(720px, 95vw);\n box-shadow:\n 0 1px 3px rgba(26,111,232,.06),\n 0 8px 32px rgba(26,111,232,.08),\n 0 1px 0 #fff inset;\n animation: fadeUp .5s ease both;\n }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500 \u9876\u90e8\u89d2\u6807 \u2500\u2500 *\/\n .tc-card::before {\n content: '';\n display: block;\n height: 3px;\n background: linear-gradient(90deg, var(--accent), var(--accent2));\n }\n\n \/* \u2500\u2500 \u5934\u90e8 \u2500\u2500 *\/\n .tc-head {\n padding: 20px 28px 0;\n }\n\n .tc-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--text);\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .tc-title::before {\n content: '';\n width: 4px; height: 18px;\n background: linear-gradient(180deg, var(--accent), var(--accent2));\n border-radius: 2px;\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 \u6807\u7b7e\u9875 \u2500\u2500 *\/\n .tc-tabs {\n display: flex;\n gap: 4px;\n border-bottom: 1px solid var(--border2);\n }\n\n .tc-tab {\n padding: 10px 18px;\n font-size: 13px;\n font-weight: 500;\n color: var(--muted);\n cursor: pointer;\n border-bottom: 2px solid transparent;\n margin-bottom: -1px;\n transition: color .2s, border-color .2s;\n user-select: none;\n white-space: nowrap;\n }\n\n .tc-tab:hover { color: var(--accent); }\n\n .tc-tab.active {\n color: var(--accent);\n border-bottom-color: var(--accent);\n font-weight: 700;\n }\n\n \/* \u2500\u2500 \u4e3b\u4f53\u533a \u2500\u2500 *\/\n .tc-body {\n padding: 28px;\n display: none;\n }\n\n .tc-body.active { display: block; }\n\n \/* \u2500\u2500 \u8868\u5355 \u2500\u2500 *\/\n .tc-form {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px 24px;\n }\n\n .tc-form.cols-1 { grid-template-columns: 1fr; }\n\n .field {\n display: flex;\n flex-direction: column;\n gap: 6px;\n }\n\n .field.full { grid-column: 1 \/ -1; }\n\n .field-label {\n font-size: 12px;\n color: var(--muted);\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .field-label .req { color: var(--danger); }\n\n .field-input {\n width: 100%;\n height: 40px;\n padding: 0 12px;\n border: 1px solid var(--border);\n border-radius: 8px;\n font-size: 14px;\n font-family: 'Noto Sans SC', sans-serif;\n color: var(--text);\n background: var(--surface);\n outline: none;\n transition: border-color .2s, box-shadow .2s;\n -moz-appearance: textfield;\n }\n\n .field-input::-webkit-outer-spin-button,\n .field-input::-webkit-inner-spin-button { -webkit-appearance: none; }\n\n .field-input:focus {\n border-color: var(--accent);\n box-shadow: 0 0 0 3px var(--accent-bg);\n }\n\n .field-input::placeholder { color: #c4cad6; }\n\n select.field-input {\n cursor: pointer;\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a96a8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 12px center;\n padding-right: 32px;\n }\n\n \/* \u2500\u2500 \u5355\u9009\u6309\u94ae\u7ec4 \u2500\u2500 *\/\n .radio-group {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n }\n\n .radio-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 0 14px;\n height: 40px;\n border: 1px solid var(--border);\n border-radius: 8px;\n font-size: 13px;\n font-weight: 500;\n color: var(--muted);\n cursor: pointer;\n transition: all .2s;\n user-select: none;\n }\n\n .radio-btn input { display: none; }\n\n .radio-btn:hover { border-color: var(--accent); color: var(--accent); }\n\n .radio-btn.active {\n border-color: var(--accent);\n background: var(--accent-bg);\n color: var(--accent);\n font-weight: 700;\n }\n\n \/* \u2500\u2500 \u7ed3\u679c\u533a \u2500\u2500 *\/\n .tc-result {\n margin-top: 24px;\n background: var(--result-bg);\n border: 1px solid var(--result-bd);\n border-radius: 12px;\n padding: 20px 24px;\n }\n\n .result-title {\n font-size: 12px;\n color: var(--muted);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin-bottom: 14px;\n }\n\n .result-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 12px;\n }\n\n .result-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n .result-label {\n font-size: 11px;\n color: var(--muted);\n letter-spacing: .04em;\n }\n\n .result-value {\n font-family: 'Rajdhani', sans-serif;\n font-size: 24px;\n font-weight: 700;\n color: var(--accent);\n letter-spacing: -.01em;\n line-height: 1;\n }\n\n .result-value.highlight {\n color: var(--accent);\n font-size: 28px;\n }\n\n .result-value.danger { color: var(--danger); }\n .result-value.active { color: var(--active); }\n\n \/* \u2500\u2500 \u660e\u7ec6\u884c \u2500\u2500 *\/\n .result-detail {\n margin-top: 16px;\n padding-top: 14px;\n border-top: 1px dashed var(--result-bd);\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .detail-row {\n display: flex;\n justify-content: space-between;\n font-size: 13px;\n color: var(--muted);\n }\n\n .detail-row .val {\n color: var(--text);\n font-weight: 600;\n font-variant-numeric: tabular-nums;\n }\n\n \/* \u2500\u2500 \u4e2a\u4eba\u6240\u5f97\u7a0e\u7a0e\u7387\u8868\uff08\u53ef\u6298\u53e0\uff09 \u2500\u2500 *\/\n .tax-table-wrap {\n margin-top: 20px;\n border: 1px solid var(--border2);\n border-radius: 10px;\n overflow: hidden;\n }\n\n .tax-table-toggle {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 16px;\n background: var(--digit-bg);\n border: none;\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n color: var(--muted);\n font-family: 'Noto Sans SC', sans-serif;\n letter-spacing: .04em;\n }\n\n .tax-table-toggle:hover { color: var(--accent); }\n\n .tax-table-toggle .arrow {\n transition: transform .2s;\n font-size: 10px;\n }\n\n .tax-table-toggle.open .arrow { transform: rotate(180deg); }\n\n .tax-table {\n display: none;\n font-size: 12px;\n border-collapse: collapse;\n width: 100%;\n }\n\n .tax-table.open { display: table; }\n\n .tax-table th {\n background: var(--digit-bg);\n color: var(--muted);\n font-weight: 600;\n padding: 8px 16px;\n text-align: left;\n font-size: 11px;\n letter-spacing: .04em;\n }\n\n .tax-table td {\n padding: 7px 16px;\n border-top: 1px solid var(--border2);\n color: var(--text);\n font-variant-numeric: tabular-nums;\n }\n\n .tax-table tr:hover td { background: rgba(26,111,232,.03); }\n\n \/* \u2500\u2500 \u91cd\u7f6e\u6309\u94ae \u2500\u2500 *\/\n .tc-actions {\n margin-top: 20px;\n display: flex;\n gap: 10px;\n justify-content: flex-end;\n }\n\n .btn-reset {\n height: 38px;\n padding: 0 20px;\n border: 1px solid var(--border);\n border-radius: 8px;\n background: transparent;\n font-size: 13px;\n font-weight: 500;\n color: var(--muted);\n cursor: pointer;\n font-family: 'Nota Sans SC', sans-serif;\n transition: all .2s;\n }\n\n .btn-reset:hover {\n border-color: var(--accent);\n color: var(--accent);\n }\n\n \/* \u2500\u2500 \u5de5\u5177\u63d0\u793a \u2500\u2500 *\/\n .tip {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 14px; height: 14px;\n background: var(--border2);\n border-radius: 50%;\n font-size: 9px;\n color: var(--muted);\n cursor: help;\n position: relative;\n }\n\n .tip:hover::after {\n content: attr(data-tip);\n position: absolute;\n bottom: calc(100% + 6px);\n left: 50%;\n transform: translateX(-50%);\n background: #1a2233;\n color: #fff;\n font-size: 11px;\n padding: 6px 10px;\n border-radius: 6px;\n white-space: nowrap;\n z-index: 10;\n line-height: 1.4;\n max-width: 220px;\n white-space: normal;\n }\n <\/style>\n<\/head>\n\n<div class=\"tax-calc\">\n<div class=\"tc-card\">\n\n <div class=\"tc-head\">\n <div class=\"tc-title\">\u7efc\u5408\u7a0e\u8d39\u8ba1\u7b97\u5668<\/div>\n <div class=\"tc-tabs\">\n <div class=\"tc-tab active\" data-tab=\"vat\">\u589e\u503c\u7a0e<\/div>\n <div class=\"tc-tab\" data-tab=\"iit\">\u4e2a\u4eba\u6240\u5f97\u7a0e<\/div>\n <div class=\"tc-tab\" data-tab=\"cit\">\u4f01\u4e1a\u6240\u5f97\u7a0e<\/div>\n <div class=\"tc-tab\" data-tab=\"combo\">\u7efc\u5408\u8ba1\u7b97<\/div>\n <div class=\"tc-tab\" data-tab=\"burden\">\u7a0e\u8d1f\u5206\u6790<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tc-body active\" id=\"tab-vat\">\n <div class=\"tc-form\">\n <div class=\"field\">\n <label class=\"field-label\">\u91d1\u989d\uff08\u5143\uff09<span class=\"req\">*<\/span><\/label>\n <input type=\"number\" class=\"field-input\" id=\"vat-amount\" placeholder=\"\u8bf7\u8f93\u5165\u91d1\u989d\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u542b\u7a0e\/\u4e0d\u542b\u7a0e<\/label>\n <div class=\"radio-group\">\n <label class=\"radio-btn active\"><input type=\"radio\" name=\"vat-taxed\" value=\"incl\" checked \/> \u542b\u7a0e\u4ef7<\/label>\n <label class=\"radio-btn\"><input type=\"radio\" name=\"vat-taxed\" value=\"excl\" \/> \u4e0d\u542b\u7a0e\u4ef7<\/label>\n <\/div>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u7a0e\u7387\uff08%\uff09\n <span class=\"tip\" data-tip=\"\u5c0f\u89c4\u6a21\u7eb3\u7a0e\u4eba\u9ed8\u8ba43%\">?<\/span>\n <\/label>\n <select class=\"field-input\" id=\"vat-rate\">\n <option value=\"13\">13% \u2014 \u9500\u552e\u8d27\u7269\/\u52a0\u5de5\u4fee\u7406<\/option>\n <option value=\"9\">9% \u2014 \u4ea4\u901a\u8fd0\u8f93\/\u57fa\u7840\u519c\u4ea7\u54c1<\/option>\n <option value=\"6\">6% \u2014 \u73b0\u4ee3\u670d\u52a1\u4e1a\/\u6280\u672f\u8f6c\u8ba9<\/option>\n <option value=\"3\" selected>3% \u2014 \u5c0f\u89c4\u6a21\u7eb3\u7a0e\u4eba<\/option>\n <option value=\"0\">0% \u2014 \u51fa\u53e3\/\u7279\u6b8a\u514d\u7a0e<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\"> <\/label>\n <div style=\"height:40px;display:flex;align-items:center;gap:8px;\">\n <label class=\"radio-btn\" id=\"vat-special-btn\" style=\"font-size:11px;padding:0 10px;\">\n <input type=\"checkbox\" id=\"vat-special\" \/> \u7b80\u6613\u5f81\u6536 \/ \u51cf\u63091%\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tc-result\" id=\"vat-result\" style=\"display:none;\">\n <div class=\"result-title\">\u8ba1\u7b97\u7ed3\u679c<\/div>\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\">\u4e0d\u542b\u7a0e\u91d1\u989d<\/span>\n <span class=\"result-value\" id=\"vat-excl\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u7a0e\u989d<\/span>\n <span class=\"result-value danger\" id=\"vat-tax\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u542b\u7a0e\u91d1\u989d<\/span>\n <span class=\"result-value active\" id=\"vat-incl\">\u2014<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tc-actions\">\n <button class=\"btn-reset\" onclick=\"resetVat()\">\u91cd\u7f6e<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"tc-body\" id=\"tab-iit\">\n <div class=\"tc-form\">\n <div class=\"field\">\n <label class=\"field-label\">\u7a0e\u524d\u6708\u6536\u5165\uff08\u5143\uff09<span class=\"req\">*<\/span><\/label>\n <input type=\"number\" class=\"field-input\" id=\"iit-income\" placeholder=\"\u8f93\u5165\u7a0e\u524d\u6708\u5de5\u8d44\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u516c\u79ef\u91d1\u7f34\u7eb3\u57fa\u6570<\/label>\n <input type=\"number\" class=\"field-input\" id=\"iit-housing\" placeholder=\"\u9ed8\u8ba4\u6309\u6536\u5165\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u793e\u4fdd\u4e2a\u4eba\u7f34\u7eb3\u57fa\u6570<\/label>\n <input type=\"number\" class=\"field-input\" id=\"iit-social\" placeholder=\"\u9ed8\u8ba4\u6309\u6536\u5165\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u4e13\u9879\u9644\u52a0\u6263\u9664\uff08\u6708\uff09<\/label>\n <select class=\"field-input\" id=\"iit-special\">\n <option value=\"0\">\u65e0\u4e13\u9879\u9644\u52a0\u6263\u9664<\/option>\n <option value=\"1000\">\u5b50\u5973\u6559\u80b2 1000\u5143<\/option>\n <option value=\"1500\">\u7ee7\u7eed\u6559\u80b2 400\u5143 \/ \u4f4f\u623f\u79df\u91d1 1500\u5143<\/option>\n <option value=\"2000\">\u5927\u75c5\u533b\u7597\uff08\u636e\u5b9e\uff09<\/option>\n <option value=\"2000\">\u4f4f\u623f\u8d37\u6b3e\u5229\u606f 1000\u5143 \/ \u8d61\u517b\u8001\u4eba 2000\u5143<\/option>\n <option value=\"3000\">\u5408\u8ba1\u7ea6 3000\u5143<\/option>\n <option value=\"4000\">\u5408\u8ba1\u7ea6 4000\u5143<\/option>\n <option value=\"5000\">\u4e2a\u7a0e\u8d77\u5f81\u70b9 5000\u5143<\/option>\n <\/select>\n <\/div>\n <div class=\"field full\">\n <label class=\"field-label\">\u4e13\u9879\u9644\u52a0\u6263\u9664\u660e\u7ec6\uff08\u53ef\u591a\u9009\uff09<\/label>\n <div style=\"display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;\">\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"1000\" \/> \u5b50\u5973\u6559\u80b2<\/label>\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"400\" \/> \u7ee7\u7eed\u6559\u80b2<\/label>\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"1500\" \/> \u4f4f\u623f\u79df\u91d1<\/label>\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"1000\" \/> \u4f4f\u623f\u8d37\u6b3e<\/label>\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"2000\" \/> \u8d61\u517b\u8001\u4eba<\/label>\n <label class=\"radio-btn\" onclick=\"toggleExtra(this)\"><input type=\"checkbox\" value=\"2000\" \/> \u5927\u75c5\u533b\u7597<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tc-result\" id=\"iit-result\" style=\"display:none;\">\n <div class=\"result-title\">\u8ba1\u7b97\u7ed3\u679c<\/div>\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\">\u7a0e\u524d\u6536\u5165<\/span>\n <span class=\"result-value\" id=\"iit-before\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u5e94\u7eb3\u7a0e\u989d\uff08\u6708\uff09<\/span>\n <span class=\"result-value danger\" id=\"iit-tax\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u7a0e\u540e\u6536\u5165\uff08\u6708\uff09<\/span>\n <span class=\"result-value active\" id=\"iit-after\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u5b9e\u9645\u7a0e\u7387<\/span>\n <span class=\"result-value\" id=\"iit-rate\">\u2014<\/span>\n <\/div>\n <\/div>\n <div class=\"result-detail\">\n <div class=\"detail-row\">\n <span>\u793e\u4fdd\u4e2a\u4eba\u7f34\u7eb3\uff08\u4f30\u7b97\uff09<\/span>\n <span class=\"val\" id=\"iit-social-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u516c\u79ef\u91d1\u4e2a\u4eba\u7f34\u7eb3\uff085%\uff09<\/span>\n <span class=\"val\" id=\"iit-housing-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u4e13\u9879\u9644\u52a0\u6263\u9664<\/span>\n <span class=\"val\" id=\"iit-special-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u5e94\u7eb3\u7a0e\u6240\u5f97\u989d<\/span>\n <span class=\"val\" id=\"iit-taxable\">\u2014<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tax-table-wrap\" style=\"margin-top:20px;\">\n <button class=\"tax-table-toggle\" onclick=\"toggleTable(this)\">\n <span>\u4e03\u7ea7\u8d85\u989d\u7d2f\u8fdb\u7a0e\u7387\u8868\uff08\u5de5\u8d44\u85aa\u91d1\uff09<\/span>\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <table class=\"tax-table\">\n <thead>\n <tr>\n <th>\u7ea7\u6570<\/th><th>\u5e94\u7eb3\u7a0e\u6240\u5f97\u989d<\/th><th>\u7a0e\u7387\uff08%\uff09<\/th><th>\u901f\u7b97\u6263\u9664\u6570<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr><td>1<\/td><td>\u2264 3,000 \u5143<\/td><td>3<\/td><td>0<\/td><\/tr>\n <tr><td>2<\/td><td>3,000 ~ 12,000 \u5143<\/td><td>10<\/td><td>210<\/td><\/tr>\n <tr><td>3<\/td><td>12,000 ~ 25,000 \u5143<\/td><td>20<\/td><td>1410<\/td><\/tr>\n <tr><td>4<\/td><td>25,000 ~ 35,000 \u5143<\/td><td>25<\/td><td>2660<\/td><\/tr>\n <tr><td>5<\/td><td>35,000 ~ 55,000 \u5143<\/td><td>30<\/td><td>4410<\/td><\/tr>\n <tr><td>6<\/td><td>55,000 ~ 80,000 \u5143<\/td><td>35<\/td><td>7160<\/td><\/tr>\n <tr><td>7<\/td><td>\uff1e 80,000 \u5143<\/td><td>45<\/td><td>15160<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"tc-actions\">\n <button class=\"btn-reset\" onclick=\"resetIit()\">\u91cd\u7f6e<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"tc-body\" id=\"tab-cit\">\n <div class=\"tc-form\">\n <div class=\"field\">\n <label class=\"field-label\">\u6536\u5165\u603b\u989d\uff08\u5143\uff09<span class=\"req\">*<\/span><\/label>\n <input type=\"number\" class=\"field-input\" id=\"cit-revenue\" placeholder=\"\u5168\u5e74\u8425\u4e1a\u6536\u5165\u603b\u989d\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u4e0d\u5f81\u7a0e\u6536\u5165<\/label>\n <input type=\"number\" class=\"field-input\" id=\"cit-nontax\" placeholder=\"\u5982\u8d22\u653f\u62e8\u6b3e\u7b49\uff08\u53ef\u9009\uff09\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u514d\u7a0e\u6536\u5165<\/label>\n <input type=\"number\" class=\"field-input\" id=\"cit-exempt\" placeholder=\"\u5982\u56fd\u503a\u5229\u606f\u7b49\uff08\u53ef\u9009\uff09\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u6210\u672c\u8d39\u7528\u652f\u51fa\uff08\u5143\uff09<\/label>\n <input type=\"number\" class=\"field-input\" id=\"cit-cost\" placeholder=\"\u5168\u5e74\u6210\u672c+\u8d39\u7528+\u635f\u5931\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u53ef\u6263\u9664\u516c\u76ca\u6027\u6350\u8d60<\/label>\n <input type=\"number\" class=\"field-input\" id=\"cit-donate\" placeholder=\"\u53ef\u9009\uff0c\u9ed8\u8ba40\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u4f01\u4e1a\u7c7b\u578b<\/label>\n <select class=\"field-input\" id=\"cit-type\">\n <option value=\"25\" selected>\u4e00\u822c\u4f01\u4e1a\uff0825%\uff09<\/option>\n <option value=\"20\">\u5c0f\u578b\u5fae\u5229\u4f01\u4e1a\uff0820%\uff09<\/option>\n <option value=\"15\">\u56fd\u5bb6\u9ad8\u65b0\u6280\u672f\u4f01\u4e1a\uff0815%\uff09<\/option>\n <option value=\"10\">\u7279\u5b9a\u533a\u57df\/\u6280\u672f\u4f01\u4e1a\uff0810%\uff09<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"tc-result\" id=\"cit-result\" style=\"display:none;\">\n <div class=\"result-title\">\u8ba1\u7b97\u7ed3\u679c<\/div>\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\">\u5e94\u7eb3\u7a0e\u6240\u5f97\u989d<\/span>\n <span class=\"result-value\" id=\"cit-taxable\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u5e94\u7eb3\u4f01\u4e1a\u6240\u5f97\u7a0e<\/span>\n <span class=\"result-value danger\" id=\"cit-tax\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u7a0e\u540e\u51c0\u5229\u6da6<\/span>\n <span class=\"result-value active\" id=\"cit-net\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u5b9e\u9645\u7a0e\u8d1f\u7387<\/span>\n <span class=\"result-value\" id=\"cit-rate\">\u2014<\/span>\n <\/div>\n <\/div>\n <div class=\"result-detail\">\n <div class=\"detail-row\">\n <span>\u6536\u5165\u603b\u989d<\/span>\n <span class=\"val\" id=\"cit-rev-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u4e0d\u5f81\u7a0e\u6536\u5165<\/span>\n <span class=\"val\" id=\"cit-nontax-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u514d\u7a0e\u6536\u5165<\/span>\n <span class=\"val\" id=\"cit-exempt-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u53ef\u6263\u9664\u6210\u672c\u8d39\u7528<\/span>\n <span class=\"val\" id=\"cit-cost-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u516c\u76ca\u6027\u6350\u8d60\u6263\u9664<\/span>\n <span class=\"val\" id=\"cit-donate-val\">\u2014<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tc-actions\">\n <button class=\"btn-reset\" onclick=\"resetCit()\">\u91cd\u7f6e<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"tc-body\" id=\"tab-burden\">\n <div class=\"tc-form\">\n <div class=\"field\">\n <label class=\"field-label\">\u4f01\u4e1a\u7c7b\u578b \/ \u884c\u4e1a <span class=\"req\">*<\/span><\/label>\n <select class=\"field-input\" id=\"burden-industry\">\n <option value=\"0\" disabled selected>\u2014 \u8bf7\u9009\u62e9\u884c\u4e1a \u2014<\/option>\n <optgroup label=\"\u5546\u4e1a\u8d38\u6613\">\n <option value=\"1.0\">\u5546\u4e1a\u96f6\u552e\uff08\u5546\u8d38\u4f01\u4e1a\uff09<\/option>\n <option value=\"1.2\">\u6279\u53d1\u8d38\u6613<\/option>\n <\/optgroup>\n <optgroup label=\"\u751f\u4ea7\u5236\u9020\">\n <option value=\"2.5\">\u5236\u9020\u4e1a \u2014 \u4e00\u822c\u7eb3\u7a0e\u4eba<\/option>\n <option value=\"1.5\">\u5236\u9020\u4e1a \u2014 \u5c0f\u89c4\u6a21\u7eb3\u7a0e\u4eba<\/option>\n <\/optgroup>\n <optgroup label=\"\u5efa\u7b51\u623f\u4ea7\">\n <option value=\"3.5\">\u5efa\u7b51\u5de5\u7a0b<\/option>\n <option value=\"6.0\">\u623f\u5730\u4ea7\u5f00\u53d1<\/option>\n <\/optgroup>\n <optgroup label=\"\u4ea4\u901a\u8fd0\u8f93\">\n <option value=\"3.0\">\u9646\u8def\u8fd0\u8f93<\/option>\n <option value=\"2.5\">\u6c34\u8def\u8fd0\u8f93<\/option>\n <option value=\"2.0\">\u822a\u7a7a\/\u7ba1\u9053\u8fd0\u8f93<\/option>\n <\/optgroup>\n <optgroup label=\"\u73b0\u4ee3\u670d\u52a1\">\n <option value=\"4.0\">\u4fe1\u606f\u6280\u672f\u670d\u52a1\uff08IT\uff09<\/option>\n <option value=\"3.5\">\u5546\u52a1\u670d\u52a1\/\u4ee3\u7406<\/option>\n <option value=\"3.0\">\u54a8\u8be2\u670d\u52a1<\/option>\n <\/optgroup>\n <optgroup label=\"\u751f\u6d3b\u670d\u52a1\">\n <option value=\"3.5\">\u9910\u996e\u4f4f\u5bbf<\/option>\n <option value=\"2.5\">\u7269\u4e1a\u7ba1\u7406<\/option>\n <option value=\"4.5\">\u6587\u5316\/\u6559\u80b2\/\u533b\u7597<\/option>\n <\/optgroup>\n <optgroup label=\"\u5176\u4ed6\">\n <option value=\"2.0\">\u5176\u4ed6\u884c\u4e1a\uff08\u901a\u7528\uff09<\/option>\n <\/optgroup>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u5f53\u671f\u5e94\u7a0e\u6536\u5165\uff08\u4e07\u5143\uff09<span class=\"req\">*<\/span><\/label>\n <input type=\"number\" class=\"field-input\" id=\"burden-revenue\" placeholder=\"\u542b\u7a0e\u9500\u552e\u989d \/ \u8425\u4e1a\u6536\u5165\" step=\"0.01\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u5f53\u671f\u5b9e\u7f34\u7a0e\u6b3e\u5408\u8ba1\uff08\u4e07\u5143\uff09<\/label>\n <input type=\"number\" class=\"field-input\" id=\"burden-taxpaid\" placeholder=\"\u589e\u503c\u7a0e+\u9644\u52a0+\u6240\u5f97\u7a0e\u7b49\u5408\u8ba1\" step=\"0.01\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u5e74\u8425\u4e1a\u6536\u5165\uff08\u4e07\u5143\uff09<\/label>\n <input type=\"number\" class=\"field-input\" id=\"burden-annual\" placeholder=\"\u7528\u4e8e\u5e74\u5316\u6d4b\u7b97\uff08\u53ef\u9009\uff09\" step=\"0.01\" \/>\n <\/div>\n <div class=\"field full\">\n <label class=\"field-label\">\u5feb\u901f\u4f30\u7b97\uff08\u4e0d\u586b\u5b9e\u7f34\u7a0e\u6b3e\u65f6\u4f7f\u7528\uff09<\/label>\n <div class=\"radio-group\">\n <label class=\"radio-btn\" onclick=\"setBurdenPreset(3)\"><input type=\"radio\" name=\"burden-preset\" value=\"low\" \/> \u4f4e\u7a0e\u8d1f\u65b9\u6848\uff08\u8fdb\u9879\u5145\u8db3\uff09<\/label>\n <label class=\"radio-btn\" onclick=\"setBurdenPreset(6)\"><input type=\"radio\" name=\"burden-preset\" value=\"mid\" checked \/><input type=\"hidden\" name=\"burden-preset\" value=\"mid\" \/> \u6b63\u5e38\u7a0e\u8d1f<\/label>\n <label class=\"radio-btn\" onclick=\"setBurdenPreset(9)\"><input type=\"radio\" name=\"burden-preset\" value=\"high\" \/> \u9ad8\u7a0e\u8d1f\u884c\u4e1a<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tc-result\" id=\"burden-result\" style=\"display:none;\">\n <div class=\"result-title\">\u7a0e\u8d1f\u5206\u6790\u62a5\u544a<\/div>\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\">\u5b9e\u9645\u7a0e\u8d1f\u7387<\/span>\n <span class=\"result-value\" id=\"burden-rate\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u884c\u4e1a\u53c2\u8003\u4e0a\u9650<\/span>\n <span class=\"result-value\" id=\"burden-ref-max\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u4e0e\u884c\u4e1a\u5dee\u8ddd<\/span>\n <span class=\"result-value\" id=\"burden-gap\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u98ce\u9669\u7b49\u7ea7<\/span>\n <span class=\"result-value\" id=\"burden-risk\">\u2014<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"margin-top:16px;\">\n <div style=\"display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px;\">\n <span>\u504f\u4f4e\uff08\u5b58\u5728\u98ce\u9669\uff09<\/span><span>\u6b63\u5e38\u533a\u95f4<\/span><span>\u504f\u9ad8<\/span>\n <\/div>\n <div style=\"height:8px;border-radius:99px;overflow:hidden;display:flex;\">\n <div id=\"burden-bar-low\" style=\"flex:1;background:#ef4444;border-radius:99px 0 0 99px;\"><\/div>\n <div id=\"burden-bar-mid\" style=\"flex:2;background:#22c55e;\"><\/div>\n <div id=\"burden-bar-high\" style=\"flex:1;background:#94a3b8;border-radius:0 99px 99px 0;\"><\/div>\n <\/div>\n <div id=\"burden-indicator\" style=\"margin-top:-8px;display:flex;align-items:center;justify-content:center;\">\n <div id=\"burden-needle\" style=\"width:10px;height:10px;background:#1a2233;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:left .4s ease;position:relative;left:0;\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"result-detail\">\n <div class=\"detail-row\">\n <span>\u5f53\u671f\u5e94\u7a0e\u6536\u5165<\/span>\n <span class=\"val\" id=\"burden-rev-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u5f53\u671f\u5b9e\u7f34\u7a0e\u6b3e<\/span>\n <span class=\"val\" id=\"burden-paid-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\" id=\"burden-annual-row\" style=\"display:none;\">\n <span>\u5e74\u5316\u7a0e\u8d1f\u4f30\u7b97<\/span>\n <span class=\"val\" id=\"burden-annual-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u6708\u5747\u7a0e\u8d1f\uff08\u4f30\u7b97\uff09<\/span>\n <span class=\"val\" id=\"burden-monthly-val\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u884c\u4e1a\u5e73\u5747\u53c2\u8003\u503c<\/span>\n <span class=\"val\" id=\"burden-ref-val\">\u2014<\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"burden-advice\" style=\"margin-top:16px;padding:12px 16px;background:#fff;border:1px solid var(--border2);border-radius:8px;font-size:13px;color:var(--muted);line-height:1.6;\"><\/div>\n <\/div>\n\n \n <div class=\"tax-table-wrap\" style=\"margin-top:20px;\">\n <button class=\"tax-table-toggle\" onclick=\"toggleTable(this)\">\n <span>\u884c\u4e1a\u7a0e\u8d1f\u53c2\u8003\u533a\u95f4\uff08\u4ec5\u4f9b\u53c2\u8003\uff09<\/span>\n <span class=\"arrow\">\u25bc<\/span>\n <\/button>\n <table class=\"tax-table\">\n <thead>\n <tr><th>\u884c\u4e1a<\/th><th>\u7a0e\u8d1f\u7387\u53c2\u8003<\/th><th>\u8bf4\u660e<\/th><\/tr>\n <\/thead>\n <tbody>\n <tr><td>\u5546\u4e1a\u96f6\u552e\uff08\u5546\u8d38\uff09<\/td><td>0.5% ~ 1.5%<\/td><td>\u8fdb\u9879\u7968\u5145\u8db3\u65f6\u504f\u4f4e<\/td><\/tr>\n <tr><td>\u5236\u9020\u4e1a\uff08\u4e00\u822c\u7eb3\u7a0e\u4eba\uff09<\/td><td>1.5% ~ 3.5%<\/td><td>\u542b\u589e\u503c\u7a0e\u53ca\u6240\u5f97\u7a0e<\/td><\/tr>\n <tr><td>\u5efa\u7b51\u65bd\u5de5<\/td><td>2.0% ~ 4.0%<\/td><td>\u542b\u589e\u503c\u7a0e\u53ca\u6240\u5f97\u7a0e<\/td><\/tr>\n <tr><td>\u4ea4\u901a\u8fd0\u8f93<\/td><td>2.0% ~ 4.0%<\/td><td>\u8fdb\u9879\u62b5\u6263\u8f83\u5c11\u65f6\u504f\u9ad8<\/td><\/tr>\n <tr><td>IT\/\u73b0\u4ee3\u670d\u52a1\u4e1a<\/td><td>3.0% ~ 6.0%<\/td><td>\u4eba\u529b\u6210\u672c\u9ad8\uff0c\u53ef\u62b5\u6263\u5c11<\/td><\/tr>\n <tr><td>\u623f\u5730\u4ea7\u5f00\u53d1<\/td><td>5.0% ~ 10%<\/td><td>\u571f\u5730\u589e\u503c\u7a0e\u5f71\u54cd\u5927<\/td><\/tr>\n <tr><td>\u9910\u996e\/\u751f\u6d3b\u670d\u52a1<\/td><td>2.5% ~ 5.0%<\/td><td>\u5c0f\u989d\u7eb3\u7a0e\u4eba\u4e3a\u4e3b<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"tc-actions\">\n <button class=\"btn-reset\" onclick=\"resetBurden()\">\u91cd\u7f6e<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"tc-body\" id=\"tab-combo\">\n <div class=\"tc-form\">\n <div class=\"field\">\n <label class=\"field-label\">\u542b\u7a0e\u9500\u552e\u989d\uff08\u5143\uff09<span class=\"req\">*<\/span><\/label>\n <input type=\"number\" class=\"field-input\" id=\"combo-sales\" placeholder=\"\u542b\u7a0e\u4e3b\u8425\u4e1a\u52a1\u6536\u5165\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u589e\u503c\u7a0e\u7a0e\u7387<\/label>\n <select class=\"field-input\" id=\"combo-vat-rate\">\n <option value=\"13\">13%<\/option>\n <option value=\"9\">9%<\/option>\n <option value=\"6\">6%<\/option>\n <option value=\"3\" selected>3%\uff08\u5c0f\u89c4\u6a21\uff09<\/option>\n <option value=\"1\">1%\uff08\u5c0f\u89c4\u6a21\u7b80\u6613\u5f81\u6536\/\u51cf\u63091%\uff09<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u9644\u52a0\u7a0e\u7a0e\u7387\uff08\u5408\u8ba1\uff09<\/label>\n <select class=\"field-input\" id=\"combo-surtax\">\n <option value=\"12\" selected>12%\uff08\u57ce\u5efa7%+\u6559\u80b23%+\u5730\u65b92%\uff09<\/option>\n <option value=\"10\">10%\uff08\u51cf\u534a\u5f81\u6536\uff09<\/option>\n <option value=\"6\">6%\uff08\u5c0f\u89c4\u6a21\u51cf\u534a\uff09<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u4f01\u4e1a\u6240\u5f97\u7a0e\u5e94\u7a0e\u6240\u5f97\u989d<\/label>\n <input type=\"number\" class=\"field-input\" id=\"combo-cit\" placeholder=\"\u4f01\u4e1a\u6240\u5f97\u7a0e\u524d\u5229\u6da6\" \/>\n <\/div>\n <div class=\"field\">\n <label class=\"field-label\">\u4f01\u4e1a\u6240\u5f97\u7a0e\u7a0e\u7387<\/label>\n <select class=\"field-input\" id=\"combo-cit-rate\">\n <option value=\"25\" selected>\u4e00\u822c\u4f01\u4e1a\uff0825%\uff09<\/option>\n <option value=\"20\">\u5c0f\u578b\u5fae\u5229\uff0820%\uff09<\/option>\n <option value=\"15\">\u9ad8\u65b0\u6280\u672f\u4f01\u4e1a\uff0815%\uff09<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"tc-result\" id=\"combo-result\" style=\"display:none;\">\n <div class=\"result-title\">\u7efc\u5408\u7a0e\u8d39\u6d4b\u7b97<\/div>\n <div class=\"result-grid\">\n <div class=\"result-item\">\n <span class=\"result-label\">\u589e\u503c\u7a0e<\/span>\n <span class=\"result-value\" id=\"combo-vat\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u9644\u52a0\u7a0e\u8d39<\/span>\n <span class=\"result-value\" id=\"combo-surtax-val\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u4f01\u4e1a\u6240\u5f97\u7a0e<\/span>\n <span class=\"result-value danger\" id=\"combo-cit-val\">\u2014<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">\u7a0e\u8d39\u5408\u8ba1<\/span>\n <span class=\"result-value highlight danger\" id=\"combo-total\">\u2014<\/span>\n <\/div>\n <\/div>\n <div class=\"result-detail\">\n <div class=\"detail-row\">\n <span>\u4e0d\u542b\u7a0e\u9500\u552e\u989d<\/span>\n <span class=\"val\" id=\"combo-net-sales\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u603b\u7a0e\u8d1f\u7387<\/span>\n <span class=\"val\" id=\"combo-burden\">\u2014<\/span>\n <\/div>\n <div class=\"detail-row\">\n <span>\u7a0e\u540e\u51c0\u5229\u6da6\uff08\u4f30\u7b97\uff09<\/span>\n <span class=\"val\" id=\"combo-net\">\u2014<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tc-actions\">\n <button class=\"btn-reset\" onclick=\"resetCombo()\">\u91cd\u7f6e<\/button>\n <\/div>\n <\/div>\n\n<\/div>\n<\/div>\n\n<script>\n \/\/ \u2500\u2500\u2500 \u6807\u7b7e\u9875\u5207\u6362 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n document.querySelectorAll('.tc-tab').forEach(tab => {\n tab.addEventListener('click', () => {\n document.querySelectorAll('.tc-tab').forEach(t => t.classList.remove('active'));\n document.querySelectorAll('.tc-body').forEach(b => b.classList.remove('active'));\n tab.classList.add('active');\n document.getElementById('tab-' + tab.dataset.tab).classList.add('active');\n });\n });\n\n \/\/ \u2500\u2500\u2500 \u5355\u9009\u6309\u94ae \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n document.querySelectorAll('.radio-group').forEach(group => {\n group.querySelectorAll('.radio-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n group.querySelectorAll('.radio-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n });\n });\n });\n\n \/\/ \u2500\u2500\u2500 \u5de5\u5177\u51fd\u6570 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n const fmt = n => {\n if (n === null || n === undefined || isNaN(n)) return '\u2014';\n return n.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n };\n const num = id => parseFloat(document.getElementById(id).value) || 0;\n\n \/\/ \u2500\u2500\u2500 \u589e\u503c\u7a0e \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n document.getElementById('vat-amount').addEventListener('input', calcVat);\n document.querySelectorAll('input[name=\"vat-taxed\"]').forEach(r => r.addEventListener('change', calcVat));\n document.getElementById('vat-rate').addEventListener('change', calcVat);\n document.getElementById('vat-special').addEventListener('change', function() {\n const btn = document.getElementById('vat-special-btn');\n btn.classList.toggle('active', this.checked);\n calcVat();\n });\n\n function calcVat() {\n const amt = num('vat-amount');\n const incl = document.querySelector('input[name=\"vat-taxed\"]:checked').value === 'incl';\n const special = document.getElementById('vat-special').checked;\n let rate = special ? 0.01 : parseFloat(document.getElementById('vat-rate').value) \/ 100;\n\n if (!amt) {\n document.getElementById('vat-result').style.display = 'none';\n return;\n }\n\n let excl, tax, total;\n if (incl) {\n excl = amt \/ (1 + rate);\n tax = excl * rate;\n total = amt;\n } else {\n excl = amt;\n tax = amt * rate;\n total = amt + tax;\n }\n\n document.getElementById('vat-excl').textContent = '\u00a5' + fmt(excl);\n document.getElementById('vat-tax').textContent = '\u00a5' + fmt(tax);\n document.getElementById('vat-incl').textContent = '\u00a5' + fmt(total);\n document.getElementById('vat-result').style.display = 'block';\n }\n\n function resetVat() {\n document.getElementById('vat-amount').value = '';\n document.getElementById('vat-special').checked = false;\n document.getElementById('vat-special-btn').classList.remove('active');\n document.querySelectorAll('input[name=\"vat-taxed\"]')[0].checked = true;\n document.querySelectorAll('input[name=\"vat-taxed\"]').forEach(r => r.closest('.radio-btn').classList.remove('active'));\n document.querySelector('input[name=\"vat-taxed\"][value=\"incl\"]').closest('.radio-btn').classList.add('active');\n document.getElementById('vat-result').style.display = 'none';\n }\n\n \/\/ \u2500\u2500\u2500 \u4e2a\u4eba\u6240\u5f97\u7a0e \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n const iitBrackets = [\n { max: 3000, rate: .03, ded: 0 },\n { max: 12000, rate: .10, ded: 210 },\n { max: 25000, rate: .20, ded: 1410 },\n { max: 35000, rate: .25, ded: 2660 },\n { max: 55000, rate: .30, ded: 4410 },\n { max: 80000, rate: .35, ded: 7160 },\n { max: Infinity, rate: .45, ded: 15160 },\n ];\n\n function getIitBracket(taxable) {\n return iitBrackets.find(b => taxable <= b.max) || iitBrackets[iitBrackets.length - 1];\n }\n\n function calcIit() {\n const income = num('iit-income');\n if (!income) {\n document.getElementById('iit-result').style.display = 'none';\n return;\n }\n\n const socialBase = num('iit-social') || income;\n const housingBase = num('iit-housing') || income;\n\n \/\/ \u793e\u4fdd\uff08\u517b\u80018%+\u533b\u75972%+\u5931\u4e1a0.5%=10.5%\uff0c\u5404\u5730\u7565\u6709\u5dee\u5f02\uff09\n const social = socialBase * 0.105;\n \/\/ \u516c\u79ef\u91d1\uff085%~12%\uff0c\u9ed8\u8ba45%\uff09\n const housing = housingBase * 0.05;\n \/\/ \u4e13\u9879\u9644\u52a0\u6263\u9664\uff08checkbox \u591a\u9009\u7d2f\u52a0 + select\uff09\n let extra = parseFloat(document.getElementById('iit-special').value) || 0;\n document.querySelectorAll('#tab-iit input[type=\"checkbox\"]:checked').forEach(cb => {\n if (cb.value && cb.closest('.radio-btn')) {\n extra += parseFloat(cb.value);\n }\n });\n\n \/\/ \u5e94\u7eb3\u7a0e\u6240\u5f97\u989d\n const taxable = Math.max(0, income - social - housing - extra - 5000);\n\n const bracket = getIitBracket(taxable);\n const monthlyTax = taxable > 0 ? taxable * bracket.rate - bracket.ded : 0;\n const afterTax = income - social - housing - monthlyTax;\n\n document.getElementById('iit-before').textContent = '\u00a5' + fmt(income);\n document.getElementById('iit-tax').textContent = '\u00a5' + fmt(monthlyTax);\n document.getElementById('iit-after').textContent = '\u00a5' + fmt(afterTax);\n document.getElementById('iit-rate').textContent = (monthlyTax \/ income * 100).toFixed(2) + '%';\n\n document.getElementById('iit-social-val').textContent = '\u00a5' + fmt(social);\n document.getElementById('iit-housing-val').textContent = '\u00a5' + fmt(housing);\n document.getElementById('iit-special-val').textContent = '\u00a5' + fmt(extra);\n document.getElementById('iit-taxable').textContent = '\u00a5' + fmt(taxable);\n\n document.getElementById('iit-result').style.display = 'block';\n }\n\n ['iit-income','iit-social','iit-housing'].forEach(id => {\n document.getElementById(id).addEventListener('input', calcIit);\n });\n document.getElementById('iit-special').addEventListener('change', calcIit);\n\n \/\/ \u4e13\u9879\u9644\u52a0\u6263\u9664 checkbox \u8054\u52a8\n document.querySelectorAll('#tab-iit .radio-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n const cb = btn.querySelector('input[type=\"checkbox\"]');\n if (cb) {\n setTimeout(calcIit, 0);\n }\n });\n });\n\n function toggleExtra(el) { setTimeout(calcIit, 0); }\n\n function resetIit() {\n ['iit-income','iit-social','iit-housing'].forEach(id => document.getElementById(id).value = '');\n document.getElementById('iit-special').value = '0';\n document.querySelectorAll('#tab-iit input[type=\"checkbox\"]').forEach(cb => cb.checked = false);\n document.querySelectorAll('#tab-iit .radio-btn').forEach(b => b.classList.remove('active'));\n document.getElementById('iit-result').style.display = 'none';\n }\n\n \/\/ \u2500\u2500\u2500 \u4f01\u4e1a\u6240\u5f97\u7a0e \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n function calcCit() {\n const revenue = num('cit-revenue');\n if (!revenue) {\n document.getElementById('cit-result').style.display = 'none';\n return;\n }\n\n const nontax = num('cit-nontax') || 0;\n const exempt = num('cit-exempt') || 0;\n const cost = num('cit-cost') || 0;\n const donate = num('cit-donate') || 0;\n const taxRate = parseFloat(document.getElementById('cit-type').value) \/ 100;\n\n \/\/ \u5e94\u7eb3\u7a0e\u6240\u5f97\u989d\n const taxable = Math.max(0, revenue - nontax - exempt - cost);\n\n \/\/ \u516c\u76ca\u6027\u6350\u8d60\u9650\u989d\uff08\u5229\u6da6\u603b\u989d12%\uff09\n const donateLimit = taxable * 0.12;\n const donateAllow = Math.min(donate, donateLimit);\n\n const citTax = (taxable - donateAllow) * taxRate;\n const net = taxable - citTax;\n\n document.getElementById('cit-taxable').textContent = '\u00a5' + fmt(taxable);\n document.getElementById('cit-tax').textContent = '\u00a5' + fmt(citTax);\n document.getElementById('cit-net').textContent = '\u00a5' + fmt(net);\n document.getElementById('cit-rate').textContent = (citTax \/ revenue * 100).toFixed(2) + '%';\n\n document.getElementById('cit-rev-val').textContent = '\u00a5' + fmt(revenue);\n document.getElementById('cit-nontax-val').textContent = '\u00a5' + fmt(nontax);\n document.getElementById('cit-exempt-val').textContent = '\u00a5' + fmt(exempt);\n document.getElementById('cit-cost-val').textContent = '\u00a5' + fmt(cost);\n document.getElementById('cit-donate-val').textContent = '\u00a5' + fmt(donateAllow) + '\uff08\u9650\u989d\u00a5' + fmt(donateLimit) + '\uff09';\n\n document.getElementById('cit-result').style.display = 'block';\n }\n\n ['cit-revenue','cit-nontax','cit-exempt','cit-cost','cit-donate'].forEach(id => {\n document.getElementById(id).addEventListener('input', calcCit);\n });\n document.getElementById('cit-type').addEventListener('change', calcCit);\n\n function resetCit() {\n ['cit-revenue','cit-nontax','cit-exempt','cit-cost','cit-donate'].forEach(id => document.getElementById(id).value = '');\n document.getElementById('cit-type').value = '25';\n document.getElementById('cit-result').style.display = 'none';\n }\n\n \/\/ \u2500\u2500\u2500 \u7efc\u5408\u8ba1\u7b97 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n function calcCombo() {\n const sales = num('combo-sales');\n if (!sales) {\n document.getElementById('combo-result').style.display = 'none';\n return;\n }\n\n const vatRate = parseFloat(document.getElementById('combo-vat-rate').value) \/ 100;\n const surtax = parseFloat(document.getElementById('combo-surtax').value) \/ 100;\n const citIncome = num('combo-cit') || 0;\n const citRate = parseFloat(document.getElementById('combo-cit-rate').value) \/ 100;\n\n \/\/ \u589e\u503c\u7a0e\n const netSales = sales \/ (1 + vatRate);\n const vat = netSales * vatRate;\n \/\/ \u9644\u52a0\u7a0e\uff08\u589e\u503c\u7a0e\u768412%\uff09\n const surtaxVal = vat * surtax;\n \/\/ \u4f01\u4e1a\u6240\u5f97\u7a0e\n const citTax = citIncome > 0 ? citIncome * citRate : 0;\n const total = vat + surtaxVal + citTax;\n\n \/\/ \u7a0e\u8d1f\u7387\uff08\u76f8\u5bf9\u542b\u7a0e\u9500\u552e\u989d\uff09\n const burden = sales > 0 ? (total \/ sales * 100) : 0;\n const net = sales - total;\n\n document.getElementById('combo-vat').textContent = '\u00a5' + fmt(vat);\n document.getElementById('combo-surtax-val').textContent = '\u00a5' + fmt(surtaxVal);\n document.getElementById('combo-cit-val').textContent = '\u00a5' + fmt(citTax);\n document.getElementById('combo-total').textContent = '\u00a5' + fmt(total);\n\n document.getElementById('combo-net-sales').textContent = '\u00a5' + fmt(netSales);\n document.getElementById('combo-burden').textContent = burden.toFixed(2) + '%';\n document.getElementById('combo-net').textContent = '\u00a5' + fmt(net);\n\n document.getElementById('combo-result').style.display = 'block';\n }\n\n ['combo-sales','combo-cit'].forEach(id => document.getElementById(id).addEventListener('input', calcCombo));\n ['combo-vat-rate','combo-surtax','combo-cit-rate'].forEach(id => document.getElementById(id).addEventListener('change', calcCombo));\n\n function resetCombo() {\n ['combo-sales','combo-cit'].forEach(id => document.getElementById(id).value = '');\n document.getElementById('combo-vat-rate').value = '3';\n document.getElementById('combo-surtax').value = '12';\n document.getElementById('combo-cit-rate').value = '25';\n document.getElementById('combo-result').style.display = 'none';\n }\n\n \/\/ \u2500\u2500\u2500 \u7a0e\u7387\u8868\u6298\u53e0 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n function toggleTable(btn) {\n btn.classList.toggle('open');\n btn.nextElementSibling.classList.toggle('open');\n }\n<\/script>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u7efc\u5408\u7a0e\u8d39\u8ba1\u7b97\u5668 \u7efc\u5408\u7a0e\u8d39\u8ba1\u7b97\u5668 \u589e\u503c\u7a0e \u4e2a\u4eba\u6240\u5f97\u7a0e \u4f01\u4e1a\u6240\u5f97\u7a0e \u7efc\u5408\u8ba1\u7b97 \u7a0e\u8d1f\u5206\u6790 \u91d1\u989d\uff08\u5143\uff09* \u542b\u7a0e\/\u4e0d\u542b\u7a0e […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":712,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-801","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/pages\/801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/comments?post=801"}],"version-history":[{"count":4,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/pages\/801\/revisions"}],"predecessor-version":[{"id":857,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/pages\/801\/revisions\/857"}],"up":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/pages\/712"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}