/* zhjiali.com 在线计算器共享样式 */
:root { --zj-blue:#0b5cab; --zj-dark:#123a63; --zj-bg:#f4f7fb; --zj-line:#dde6ef; }
* { box-sizing: border-box; }
body.cal-body { margin:0; font-family:"Microsoft YaHei","PingFang SC",system-ui,Arial,sans-serif; color:#22303c; background:#fff; }
.cal-header { background:#fff; border-bottom:1px solid var(--zj-line); padding:14px 0; }
.cal-header .wrap { display:flex; align-items:center; justify-content:space-between; max-width:1000px; margin:0 auto; padding:0 18px; }
.cal-header .brand { font-size:19px; font-weight:700; color:var(--zj-dark); text-decoration:none; }
.cal-header .brand small { font-weight:400; color:#647b90; margin-left:8px; }
.cal-header nav a { color:#3d556b; text-decoration:none; margin-left:16px; font-size:14px; }
.cal-header nav a:hover { color:var(--zj-blue); }
.cal-main { max-width:1000px; margin:0 auto; padding:28px 18px 40px; }
.breadcrumb { font-size:13px; color:#647b90; margin-bottom:14px; }
.breadcrumb a { color:var(--zj-blue); text-decoration:none; }
h1.cal-title { font-size:27px; margin:6px 0 8px; color:var(--zj-dark); line-height:1.3; }
p.cal-lead { color:#51677c; font-size:15px; line-height:1.8; margin:0 0 22px; }
.cal-card { background:var(--zj-bg); border:1px solid var(--zj-line); border-radius:10px; padding:22px; margin-bottom:24px; }
.cal-card h2 { font-size:18px; margin:0 0 16px; color:var(--zj-dark); }
.form-grid { display:flex; flex-wrap:wrap; gap:14px; }
.form-grid .field { flex:1 1 210px; }
.field label { display:block; font-size:13px; color:#51677c; margin-bottom:5px; }
.field select, .field input { width:100%; padding:9px 10px; border:1px solid #c3d2e0; border-radius:6px; font-size:15px; background:#fff; }
.field input:focus, .field select:focus { outline:2px solid #bcd6f2; border-color:var(--zj-blue); }
.cal-btn { display:inline-block; background:var(--zj-blue); color:#fff; border:none; border-radius:6px; padding:11px 26px; font-size:16px; cursor:pointer; margin-top:16px; }
.cal-btn:hover { background:#094c8f; }
.cal-result { background:#eaf3ff; border:1px solid #b8d7f5; border-radius:8px; padding:16px 18px; margin-top:16px; font-size:15px; line-height:1.9; display:none; }
.cal-result b { color:var(--zj-blue); font-size:17px; }
.cal-note { color:#7c8b99; font-size:12.5px; margin-top:10px; }
.cal-section { margin:26px 0; }
.cal-section h2 { font-size:20px; color:var(--zj-dark); border-left:4px solid var(--zj-blue); padding-left:10px; }
.cal-section p, .cal-section li { line-height:1.9; color:#3d556b; font-size:14.5px; }
table.cal-table { width:100%; border-collapse:collapse; font-size:14px; margin:12px 0; }
table.cal-table th, table.cal-table td { border:1px solid var(--zj-line); padding:8px 10px; text-align:center; }
table.cal-table th { background:#eef4fa; color:var(--zj-dark); }
.cal-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.cal-links a { display:block; background:var(--zj-bg); border:1px solid var(--zj-line); border-radius:8px; padding:14px 16px; text-decoration:none; color:var(--zj-dark); font-weight:600; font-size:15px; }
.cal-links a span { display:block; font-weight:400; color:#647b90; font-size:13px; margin-top:4px; }
.cal-links a:hover { border-color:var(--zj-blue); }
.cal-cta { background:linear-gradient(135deg,#0b5cab,#123a63); color:#fff; border-radius:10px; padding:22px; margin:28px 0; }
.cal-cta h2 { margin:0 0 8px; font-size:19px; color:#fff; }
.cal-cta p { margin:0; line-height:1.8; font-size:14.5px; opacity:.92; }
.cal-cta a { color:#ffd76e; font-weight:700; }
.cal-footer { border-top:1px solid var(--zj-line); padding:18px; text-align:center; color:#7c8b99; font-size:13px; }
@media (max-width:640px){ h1.cal-title{font-size:22px;} .cal-main{padding:20px 14px;} }