/* contact */
.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 24px;text-align:center;height:100%;transition:.25s}
.contact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.contact-card .ic{width:56px;height:56px;border-radius:14px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.contact-card h3{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--muted)}
.contact-card p{font-size:16px;font-weight:600;margin:0;line-height:1.6}
.contact-card a{color:var(--ink);font-weight:600}
.contact-card a:hover{color:var(--brand)}
.contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px 32px;box-shadow:var(--shadow-sm);height:100%}
.btn-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;background:linear-gradient(135deg,var(--brand) 0%,#2E6FD8 100%);color:#fff;font-size:16px;font-weight:600;border:none;border-radius:999px;padding:13px 28px;box-shadow:0 4px 14px rgba(31,78,156,.25);transition:.2s;cursor:pointer}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(31,78,156,.35);color:#fff}
.contact-form label{font-size:15px;font-weight:600;color:var(--ink-soft);margin-bottom:6px}
.contact-form .form-control{border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:16px}
.contact-form .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(31,78,156,.12)}
.contact-form textarea{min-height:120px;resize:vertical}
.visit-card{background:linear-gradient(135deg,var(--brand-deep) 0%,var(--brand) 70%,#2E6FD8 100%);border-radius:var(--radius);color:#fff;padding:34px 32px;height:100%}
.visit-card h3{font-size:18px;font-weight:700;margin-bottom:16px}
.visit-card p{font-size:15px;color:rgba(255,255,255,.9);line-height:1.9;margin-bottom:10px}
.visit-card svg{vertical-align:-3px;margin-right:6px}

/* 页面底部的栏目正文区（contact.html 里的 .rich-content，容器内联样式已给背景与内边距，此处只补排版） */
/* h2 比 h3 高一档，两者字号回到全站阶梯的 20 / 18（原先 19/17 属中间值） */
.rich-content h2{font-size:20px;font-weight:800;color:var(--ink);margin:30px 0 14px;padding-left:14px;border-left:4px solid var(--brand);line-height:1.35}
.rich-content h2:first-child{margin-top:0}
.rich-content h3{font-size:18px;font-weight:700;color:var(--brand-deep);margin:24px 0 12px;padding-left:13px;border-left:3px solid var(--brand);line-height:1.4}
.rich-content h3:first-child{margin-top:0}
.rich-content p{font-size:16px;color:var(--ink-soft);line-height:2;margin:0 0 14px;text-align:justify}
.rich-content p:last-child{margin-bottom:0}
.rich-content ul,.rich-content ol{margin:0 0 16px;padding-left:22px}
.rich-content li{font-size:16px;color:var(--ink-soft);line-height:1.95;margin-bottom:6px;text-align:justify}
.rich-content table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
.rich-content th,.rich-content td{border:1px solid var(--line);padding:11px 14px;text-align:left;line-height:1.7;color:var(--ink-soft)}
.rich-content th{background:var(--brand-soft);color:var(--brand-deep);font-weight:700;white-space:nowrap}
.rich-content strong,.rich-content b{color:var(--ink);font-weight:700}
@media(max-width:768px){
  .rich-content{padding:20px 16px!important}
  .rich-content h3{font-size:16px;margin:22px 0 10px}
  .rich-content h2{font-size:18px;margin:24px 0 10px}
  .rich-content table{font-size:13px}
  .rich-content th,.rich-content td{padding:7px 8px}
}