/* ZJP 收益计算工具组样式（/gongju/）。与 zjp.css 同一视觉语言，仅在本工具组页面加载。 */

/* ---- 工具索引卡片 ---- */
.zjp-tool-grid{margin:18px 0 0}
.zjp-tool-grid .zjp-card-link{gap:8px}
.zjp-tool-grid .zjp-card-meta{line-height:1.7;white-space:normal}
.zjp-tool-badge{display:inline-block;font-size:11px;font-weight:700;color:#1a6fd4;background:#eaf3ff;border:1px solid #cfe3fb;border-radius:999px;padding:1px 8px;margin-right:6px}

/* ---- 表单 ---- */
.zjp-form{margin:0 0 4px}
.zjp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 16px}
.zjp-field{display:flex;flex-direction:column;gap:6px}
.zjp-field label{font-size:13px;font-weight:600;color:#39424e}
.zjp-field .zjp-hint{font-size:12px;color:#8b939e;font-weight:400}
.zjp-input-wrap{display:flex;align-items:stretch;border:1px solid #d6dbe3;border-radius:8px;overflow:hidden;background:#fff}
.zjp-input-wrap:focus-within{border-color:#1a6fd4;box-shadow:0 0 0 3px rgba(26,111,212,.12)}
.zjp-input-wrap input{flex:1 1 auto;min-width:0;border:0;outline:0;padding:10px 12px;font-size:15px;font-weight:600;color:#1f2329;background:transparent}
.zjp-input-wrap .zjp-unit{flex:0 0 auto;display:flex;align-items:center;padding:0 12px;background:#f4f6f9;border-left:1px solid #e6eaf0;color:#6b7683;font-size:13px;white-space:nowrap}
.zjp-quick{margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.zjp-quick button{cursor:pointer;font:inherit;font-size:12px;color:#4a5563;background:#f4f6f9;border:1px solid #e2e7ee;border-radius:999px;padding:3px 10px}
.zjp-quick button:hover{border-color:#1a6fd4;color:#1a6fd4;background:#eaf3ff}
.zjp-form-actions{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.zjp-btn{cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:#fff;background:#1a6fd4;border:0;border-radius:8px;padding:10px 22px}
.zjp-btn:hover{background:#155bb0}
.zjp-btn-ghost{background:#fff;color:#1a6fd4;border:1px solid #cfe3fb}
.zjp-btn-ghost:hover{background:#eaf3ff}
.zjp-live{margin:0;font-size:12px;color:#8b939e}

/* ---- 结果 KPI ---- */
.zjp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0 0 4px}
.zjp-kpi{padding:14px 15px;border:1px solid #e6eaf0;border-radius:10px;background:#fbfcfe}
.zjp-kpi.is-key{background:#eaf3ff;border-color:#cfe3fb}
.zjp-kpi.is-alert{background:#fff5f5;border-color:#f6d5d5}
.zjp-kpi-label{display:block;font-size:12.5px;color:#6b7683;margin-bottom:6px}
.zjp-kpi-value{display:block;font-size:22px;line-height:1.25;font-weight:700;color:#1f2329;word-break:break-word}
.zjp-kpi.is-key .zjp-kpi-value{color:#12508f}
.zjp-kpi.is-alert .zjp-kpi-value{color:#c02626}
.zjp-kpi-sub{display:block;margin-top:6px;font-size:12px;color:#8b939e;line-height:1.6}
.zjp-kpi-value small{font-size:13px;font-weight:600;color:#6b7683}

/* ---- 表格 ---- */
.zjp-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.zjp-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
table.zjp-tbl th,table.zjp-tbl td{padding:9px 10px;border-bottom:1px solid #eef1f5;text-align:right;white-space:nowrap}
table.zjp-tbl th:first-child,table.zjp-tbl td:first-child{text-align:left}
table.zjp-tbl thead th{background:#f6f8fb;color:#4a5563;font-weight:700;border-bottom:1px solid #e2e7ee}
table.zjp-tbl tbody tr:hover{background:#fafcff}
table.zjp-tbl td.is-alert{color:#c02626;font-weight:700}
table.zjp-tbl td.is-ok{color:#15803d;font-weight:700}
table.zjp-tbl tr.is-cur td{background:#fff8ec}

/* ---- 提示 / 备注 ---- */
.zjp-note{margin:14px 0 0;padding:12px 14px;border-radius:8px;background:#f7f9fc;border:1px solid #e6eaf0;font-size:13px;line-height:1.85;color:#4a5563}
.zjp-note strong{color:#1f2329}
.zjp-warn{margin:0 0 16px;padding:13px 15px;border-radius:8px;background:#fff8ec;border:1px solid #f3e0bd;border-left:4px solid #e8a33d;font-size:13.5px;line-height:1.85;color:#6b4b12}
.zjp-warn strong{color:#8a5200}

/* ---- 监管提醒引语（郭树清，2018 年第十届陆家嘴论坛） ---- */
.zjp-quote{margin:0 0 16px;padding:14px 16px 13px;border-radius:8px;background:#f5f8fd;border:1px solid #dde5f0;border-left:4px solid #3a5f96}
.zjp-quote-body{margin:0;font-size:15px;font-weight:700;line-height:1.75;color:#1f3557;letter-spacing:.2px}
.zjp-quote-src{margin:7px 0 0;font-size:12.5px;color:#7b8698;line-height:1.7}
.zjp-quote-tail{margin:9px 0 0;padding-top:9px;border-top:1px dashed #dde5f0;font-size:13px;color:#4a5563;line-height:1.85}
.zjp-rel{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.zjp-rel a{font-size:13px;color:#1a6fd4;text-decoration:none;border:1px solid #cfe3fb;border-radius:999px;padding:5px 14px;background:#f5faff}
.zjp-rel a:hover{background:#eaf3ff}

@media (max-width:640px){
	.zjp-kpi-value{font-size:19px}
	.zjp-form-grid{grid-template-columns:1fr}
	table.zjp-tbl{font-size:12.5px}
}