/* 卡片样式提升 */ .card{background:var(--card-bg);border:1px solid var(--intensity-6);border-radius:20px;padding:28px; box-shadow: var(--shadow-light);} .card h3{font-size:18px;font-weight:600;margin:0 0 14px; color: var(--text-primary); display: flex; align-items: center;} .card h3::before { content: ''; display: inline-block; width: 4px; height: 18px; background: var(--primary); border-radius: 4px; margin-right: 10px; } .c-desc{font-size:13px;color:var(--text-secondary);margin-bottom:20px;line-height:1.6; background: var(--intensity-4); padding: 10px 14px; border-radius: 8px;} /* 表单与输入框 */ .f{margin-bottom:18px} .f label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px} .in{width:100%;min-height:44px;border:1px solid var(--intensity-12);border-radius:10px;background:transparent;color:var(--text-primary);padding:10px 14px;font-size:14px;outline:none;font-family:inherit; transition: all 0.2s;} .in::placeholder { color: var(--text-tertiary); font-style: italic; } /* 新增浅灰色占位符提示 */ .in:hover{border-color:var(--primary-hover);} .in:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent); background: var(--card-bg);} textarea.in{resize:vertical;min-height:84px; line-height: 1.6;} /* 亮蓝按钮 */ .btn{min-height:44px;padding:0 24px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;transition:all .2s; box-shadow: 0 4px 12px rgba(24,144,255,0.25);} .btn:hover{background:var(--primary-hover); transform: translateY(-1px); box-shadow: 0 6px 16px rgba(24,144,255,0.35);} .btn:active{transform:translateY(1px); box-shadow: 0 2px 6px rgba(24,144,255,0.2);} .btn.g{background:var(--intensity-6);color:var(--text-primary);border:1px solid transparent; box-shadow: none;} .btn.g:hover{background:var(--intensity-8); border-color: var(--intensity-12); color: var(--primary);} .btnrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center; margin-top: 14px;} .row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px} .row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} /* 响应式调整以完美支持 iPad (纵竖) 和 Phone */ @media(max-width:900px){ .calc-app { padding: 20px; border-radius: 20px; } .c-layout{flex-direction:column; gap:16px;} .c-nav{width:100%;flex-direction:row;overflow-x:auto;padding:12px 8px; border-radius: 12px; gap: 8px; max-height: none; background: var(--background);} .c-nav .nav-group { display: none; } .c-nav button{height:40px;flex-shrink:0; padding: 0 18px;} .c-badge{margin-left:0; margin-top: 8px;} } @media(max-width:768px){ .row2,.row3{grid-template-columns:1fr; gap:16px;} } @media(max-width:520px){ .k{height:54px;font-size:17px} .disp{font-size:30px;min-height:76px; padding: 18px;} .calc-app { padding: 12px; border-radius: 16px; box-shadow: none; border:none; background:transparent;} .card { padding: 20px; border-radius: 16px; } body { padding: 0; background: var(--panel-bg); } } /* 结果展示区 */ .res{margin-top:24px;background:color-mix(in srgb,var(--primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:16px;padding:20px 24px;font-size:14px;line-height:1.8;word-break:break-all} .res .big{font-size:26px;font-weight:700;color:var(--primary);line-height:1.4; margin-bottom: 8px;} .res .mut{color:var(--text-secondary);font-size:13px} .sline{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--intensity-12)} .sline:last-child{border-bottom:0; padding-bottom: 0;} .sline b{font-weight:600;text-align:right; color: var(--text-primary);} /* 计算器特有样式优化 */ .disp{background:linear-gradient(135deg, #096DD9, #40A9FF);color:#fff;border-radius:16px;padding:24px;text-align:right;font-size:36px;font-weight:600;min-height:90px;word-break:break-all;margin-bottom:20px;font-variant-numeric:tabular-nums; box-shadow: inset 0 2px 8px rgba(0,0,0,0.15), 0 4px 12px color-mix(in srgb,var(--primary) 20%,transparent);} .keys{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .keys.sci { grid-template-columns: repeat(8, 1fr); gap: 10px; } .k.trg-alt { display: none; } /* 默认隐藏第二功能键 */ .k.mem { color: var(--primary); font-size: 15px; font-weight: 600; background: transparent; border: 1px dashed var(--intensity-12); } .k.mem:hover { background: var(--intensity-4); border-color: var(--primary); } .k.fn { font-size: 15px; background: color-mix(in srgb, var(--card-bg) 60%, var(--intensity-4)); } @media(max-width: 900px) { .keys.sci { grid-template-columns: repeat(6, 1fr); } .keys.sci .k.eq { grid-row: auto !important; height: 60px !important; } } @media(max-width: 520px) { .keys.sci { grid-template-columns: repeat(5, 1fr); } } .k{border:1px solid var(--intensity-8);border-radius:14px;background:var(--card-bg);color:var(--text-primary);height:60px;font-size:18px;font-weight:500;transition:all .15s; box-shadow: 0 2px 4px var(--intensity-4);} .k:hover{background:var(--intensity-4); border-color: var(--primary-hover); transform: translateY(-1px);} .k:active{transform:translateY(1px); box-shadow: none;} .k.op{color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent); font-weight:600;} .k.eq{background:linear-gradient(135deg, #1890FF, #096DD9);color:#fff; box-shadow: 0 4px 12px rgba(24,144,255,0.3); border:none;} .k.eq:hover{background:linear-gradient(135deg, #40A9FF, #1890FF); box-shadow: 0 6px 16px rgba(24,144,255,0.4);} .k.dn{color:var(--destructive);background:color-mix(in srgb,var(--destructive) 6%,transparent);} .twrap{overflow:auto;max-height:360px;border:1px solid var(--intensity-8);border-radius:12px;margin-top:20px; box-shadow: var(--shadow-light);} .twrap table{width:100%;border-collapse:collapse;font-size:13px;min-width:480px} .twrap th,.twrap td{padding:12px 16px;text-align:right;border-bottom:1px solid var(--intensity-6);white-space:nowrap} .twrap th{background:var(--background);color:var(--text-secondary);font-weight:600; position: sticky; top: 0; z-index: 2;} .cf{display:flex;gap:12px;align-items:center;margin-bottom:12px} .cf .tg{flex-shrink:0;width:74px;text-align:center;font-size:12px;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border-radius:10px;height:44px;display:flex;align-items:center;justify-content:center} .cf input{flex:1;min-width:0} .cf .rm{flex-shrink:0;width:44px;height:44px;border:1px solid var(--intensity-8);border-radius:10px;background:transparent;color:var(--destructive);font-size:14px; transition: all 0.2s;} .cf .rm:hover{background: var(--destructive); color: #fff;} .mxg{display:grid;gap:10px} .mxg input{text-align:center;padding:10px 4px;font-size:14px;min-height:44px;border:1px solid var(--intensity-12);border-radius:10px;background:var(--card-bg);color:var(--text-primary);min-width:0;width:100%} .mxcell{background:var(--background);border:1px solid var(--intensity-8);border-radius:10px;padding:12px 6px;text-align:center;font-size:13px;overflow:hidden;text-overflow:ellipsis} .uswap{display:flex;gap:14px;align-items:flex-end} .uswap .f{flex:1;min-width:0} .uswap .btn{flex-shrink:0;margin-bottom:18px;width:52px;padding:0; height: 44px; border-radius: 10px;} /* 底部专属链接样式 */ .c-foot{margin-top:30px;font-size:13px;text-align:center; padding-top: 24px; position: relative;} .c-foot::before { content: ''; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, var(--intensity-8), transparent); } .c-foot a{color:var(--text-tertiary);text-decoration:none; transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 6px;} .c-foot a:hover{color:var(--primary); background: color-mix(in srgb,var(--primary) 8%,transparent);} /* ===== 退休精算器专属样式 (追加) ===== */ .rc-wrap { display: block; width: 100%; color: var(--text-primary); } .rc-head { margin-bottom: 20px; padding: 0 4px; } .rc-title { font-size: 22px; font-weight: 700; margin-bottom: 8px; letter-spacing: -0.01em; color: var(--accent); display: flex; align-items: center; gap: 8px;} .rc-sub { font-size: 13px; color: var(--text-secondary); line-height: 1.6; } .rc-layout { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 20px; align-items: start; } @media (max-width: 1024px) { .rc-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; } } @media (max-width: 768px) { .rc-layout { display: flex; flex-direction: column; gap: 12px; } .rc-title { font-size: 19px; } } .rc-panel { background: var(--card-bg); border: 1px solid var(--intensity-8); border-radius: 16px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); } @media (max-width: 768px) { .rc-panel { padding: 16px; border-radius: 14px; } } .rc-panel h3 { font-size: 15px; font-weight: 600; margin: 0 0 16px; display: flex; align-items: center; gap: 8px; color: var(--text-primary); } .rc-panel h3::before { content: ""; display: block; width: 4px; height: 14px; background: var(--accent); border-radius: 2px; } .rc-field { margin-bottom: 16px; } .rc-label { display: block; font-size: 13px; color: var(--text-secondary); margin-bottom: 8px; font-weight: 500; } .rc-input, .rc-select { width: 100%; height: 42px; border: 1px solid var(--intensity-12); border-radius: 10px; background: var(--intensity-3); color: var(--text-primary); padding: 0 12px; font-size: 14px; outline: none; transition: all 0.2s; } .rc-input:focus, .rc-select:focus { border-color: var(--accent); background: var(--card-bg); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent); } .rc-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .rc-seg { display: flex; gap: 8px; flex-wrap: wrap; } .rc-seg button { flex: 1; min-width: max-content; height: 40px; padding: 0 12px; border: 1px solid var(--intensity-12); border-radius: 10px; background: var(--intensity-4); color: var(--text-primary); font-size: 13px; font-weight: 500; transition: all 0.2s; white-space: nowrap; } .rc-seg button.on { background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--accent); border-color: var(--accent); font-weight: 600; } @media (max-width: 768px) { .rc-seg button { height: 44px; font-size: 14px; } .rc-input, .rc-select { height: 44px; } } .rc-hint { font-size: 12px; color: var(--text-tertiary); margin-top: 8px; line-height: 1.5; } .rc-hint.warn { color: var(--warning); font-weight: 500; } .rc-months { display: flex; align-items: center; gap: 12px; margin-top: 10px; } .rc-months .rc-input { width: 100px; } .rc-months span { font-size: 13px; color: var(--text-secondary); } .rc-autoidx { display: flex; gap: 10px; margin-top: 10px; } .rc-chip { flex: 1; min-width: 0; border: 1px solid var(--intensity-8); border-radius: 12px; background: var(--intensity-3); padding: 10px 12px; } /* --- 修复样式冲突并美化排版核心区域 开始 --- */ /* 1. 强制重置 .k 类，消除全能计算器按键样式的全局污染 */ .rc-chip .k, .rc-row .k, .rc-total .k { border: none !important; background: transparent !important; height: auto !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; display: block; line-height: 1.5; } .rc-chip .k:hover, .rc-row .k:hover, .rc-total .k:hover { background: transparent !important; border-color: transparent !important; transform: none !important; box-shadow: none !important; } /* 2. 重新赋予更精致、高级的文字排版样式 */ .rc-chip .k { font-size: 11px !important; color: var(--text-tertiary) !important; margin-bottom: 4px; font-weight: 500 !important; } .rc-chip .v { font-size: 15px; font-weight: 600; color: var(--accent); } .rc-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px dashed var(--intensity-8); font-size: 14px; transition: background 0.2s;} .rc-row:hover { background: var(--intensity-4); border-radius: 6px; padding: 14px 8px; margin: 0 -8px; border-bottom-color: transparent; } .rc-row:last-child { border-bottom: 0; } .rc-row .k { color: var(--text-secondary) !important; font-size: 14px !important; font-weight: 500 !important; } .rc-row .v { font-weight: 600; text-align: right; color: var(--text-primary); } /* 高亮行特殊美化 */ .rc-row.hl { background: linear-gradient(90deg, var(--intensity-4), transparent); border-radius: 10px; padding: 14px 16px; border-bottom: 0; margin: 8px 0; border-left: 3px solid var(--accent); } .rc-row.hl:hover { padding: 14px 16px; margin: 8px 0; } .rc-row.hl .k { color: var(--text-primary) !important; font-weight: 600 !important; } .rc-row.hl .v { color: var(--accent); font-weight: 700; font-size: 15px; } .rc-banner { margin-top: 16px; padding: 14px 16px; border-radius: 12px; font-size: 13px; font-weight: 500; line-height: 1.6; } .rc-banner.ok { background: color-mix(in srgb, var(--success) 12%, transparent); color: var(--success); border: 1px solid color-mix(in srgb, var(--success) 30%, transparent); } .rc-banner.bad { background: color-mix(in srgb, var(--destructive) 10%, transparent); color: var(--destructive); border: 1px solid color-mix(in srgb, var(--destructive) 30%, transparent); } /* 总计金额框终极美化 */ .rc-total { display: flex; justify-content: space-between; align-items: center; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), color-mix(in srgb, var(--primary) 4%, transparent)); border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent); border-radius: 16px; padding: 20px 24px; margin-top: 16px; box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 5%, transparent); } .rc-total .k { font-size: 15px !important; color: var(--accent) !important; font-weight: 700 !important; } /* --- 修复样式冲突并美化排版核心区域 结束 --- */.rc-total .v { font-size: 28px; font-weight: 700; color: var(--accent); font-family: ui-monospace, SFMono-Regular, Consolas, Menlo, monospace; } .rc-formula { font-size: 12px; color: var(--text-tertiary); line-height: 1.8; margin-top: 16px; white-space: pre-line; background: var(--intensity-3); padding: 14px; border-radius: 10px; font-family: monospace; } .rc-stack { display: flex; flex-direction: column; gap: 20px; } .rc-mini { border: 1px solid var(--intensity-8); border-radius: 12px; padding: 12px 16px; font-size: 12px; line-height: 2; color: var(--text-secondary); max-height: 200px; overflow: auto; background: var(--card-bg); } .rc-mini b { color: var(--text-primary); font-weight: 600; display: inline-block; width: 50px; } .rc-mini .t { font-size: 13px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px; border-bottom: 1px solid var(--intensity-6); padding-bottom: 6px; } .rc-tables { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; } @media (max-width: 768px) { .rc-tables { grid-template-columns: minmax(0, 1fr); } } .rc-note { font-size: 12px; color: var(--text-tertiary); line-height: 1.7; margin-top: 12px; text-align: justify; } .rc-adv-panel summary { font-size: 14px; font-weight: 600; cursor: pointer; color: var(--accent); outline: none; user-select: none; display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 4px 0; } .rc-adv-panel summary::-webkit-details-marker { display: none; } .rc-adv-panel summary::after { content: '▼'; font-size: 12px; transition: transform 0.3s ease; } .rc-adv-panel[open] summary::after { transform: rotate(180deg); } .rc-adv-content { margin-top: 16px; border-top: 1px dashed var(--intensity-12); padding-top: 16px; } .rc-limits { display: flex; gap: 8px; margin-top: 8px; } .rc-limits span { flex: 1; text-align: center; font-size: 12px; color: var(--text-secondary); border: 1px solid var(--intensity-8); border-radius: 8px; padding: 6px 4px; background: var(--intensity-3); } .rc-ref summary { font-size: 14px; font-weight: 600; cursor: pointer; color: var(--text-primary); outline: none; user-select: none; list-style: none; display: flex; justify-content: space-between; } .rc-ref summary::-webkit-details-marker { display: none; } .rc-ref summary::after { content: '▼'; font-size: 12px; transition: transform 0.3s ease; } .rc-ref[open] summary::after { transform: rotate(180deg); }
计算器
可以选择需要的计算器
正确对应输入即可计算
操作成功

普通计算

底层已修复 JS 浮点数精度。支持四则运算、百分号与括号连算，电脑端支持直接键入。
0

科学计算

0

大小写互转

转换结果
等待输入...

方程与微积分

全新升级：未知数支持 x、y 等任意字母（自动识别），一元任意次方程可求出全部实根与复根（含重根标注）；支持百万/千万级涉税方程（含百分号隐式乘法）、全自动同类项化简、中心差分求导与辛普森定积分。
求解结果
等待计算...

线性代数

矩阵运算结果
等待计算...

统计分析

支持输入一系列数字（用逗号或空格分隔），快速计算分布特征。
统计结果
等待分析...

进制转换

二进制 (BIN)0
八进制 (OCT)0
十进制 (DEC)0
十六进制 (HEX)0

几何计算

几何特征结果
等待计算...

借贷计算

测算结果
等待计算...

现金流与财务 IRR/NPV

采用通用牛顿迭代法高精度求解。支持【逐期输入】，也支持通过【批量快捷录入】一键生成所有期数。
财务指标结果
等待测算...

财务诊断与 EVA

EVA 测算 (选填)
诊断指标结果
等待数据...

存款与定投复利计算

复利测算结果
等待测算...

汇率换算 (精准无损)

通过底层安全浮点算法计算，杜绝外汇财务对账时的尾差。请手动输入实时汇率。
换算结果
等待换算...

折扣、税费与小费

账单明细
等待结算...

单位换算

结果
0

日期计算

时间跨度结果
等待计算...

健康指数 (BMI & BMR)

BMR 采用 Mifflin-St Jeor 国际标准公式测算基础代谢率。
评估结果
等待输入...

汽车出行油耗测算

油耗分析
等待测算...

随机数生成器

生成结果
等待生成...
退休计算器 测算仅供参考
仅需输入最基础的信息，后台自动关联全网2025/2026最新分省政策数据进行高精度复利精算。大幅减少输入项，测算精度不变。

👤 核心信息 (必填)

参保退休地（省/市）
人员类别
出生年月
当前个人账户余额(元)
截至当前累计缴费工龄（含视同）
当前月缴费基数（元）
系统估算历史平均指数
-
当前及未来指数测算
-
拟定退休方式
⚙️ 高级政策与精算参数 (点击展开微调)
养老金计发基数
全口径月平工资
过渡性养老金系数
缴费下限 -缴费上限 -
其中视同缴费年限 (无则0)
历年平均月缴费基数 (推算指数用)
账户记账年利率(%)
基数年增长率(%)

🕰 退休时间与资格评估

原法定退休年龄-
新规法定退休年龄-
法定退休时间-
实际退休年龄 / 时间-
退休时累计缴费年限-
个账计发月数 / 最低缴费要求 /
-

💰 养老金精准测算结果（按月）

基础养老金-
个人账户养老金-
月基本养老金合计-

📈 精算中间指标 (供参考)

全程加权平均缴费指数-
本人指数化月平均工资-
推演尚需继续缴费月数-
未来缴费本金注入预估-
退休时个账本息总额-
📑 附表：计发月数 / 最低年限 / 各省基础数据
个账养老金计发月数
按月领取最低缴费年限
各省最新计发基数内置表（元/月）
注：本工具保留了完整的底层精度运算。精算口径严格遵照《渐进式延迟法定退休年龄办法》新规。
💡 温馨提示，仅供学习交流，反馈请点击