/* ============================================================
 * richtext.css —— 富文本正文 + 客服中心入口页卡片
 * 前台渲染（新闻详情 #detBody / 客服中心子页 #pageCt）套用 .rt_body；
 * 后台编辑器正文区实时预览也套用同一套样式，保证「所见即所得」。
 * ============================================================ */

/* ---------- 富文本正文通用排版 ---------- */
.rt_body {
  font-size: 15px;
  line-height: 1.9;
  color: #3c3f44;
  word-break: break-word;
  overflow-wrap: break-word;
}
.rt_body p { margin: 0 0 1.1em; }
.rt_body a { color: #3489df; text-decoration: underline; }
.rt_body a:hover { color: #2a6fb8; }
.rt_body img { max-width: 100%; height: auto; vertical-align: middle; }
.rt_body iframe { max-width: 100%; }
.rt_body h1, .rt_body h2, .rt_body h3, .rt_body h4, .rt_body h5, .rt_body h6 {
  margin: 1.3em 0 0.6em;
  line-height: 1.4;
  font-weight: 700;
  color: #101010;
}
.rt_body h1 { font-size: 26px; }
.rt_body h2 { font-size: 22px; }
.rt_body h3 { font-size: 19px; }
.rt_body h4 { font-size: 16px; }
.rt_body ul, .rt_body ol { margin: 0 0 1.1em; padding-left: 1.7em; }
.rt_body ul { list-style: disc; }
.rt_body ol { list-style: decimal; }
.rt_body li { margin: 0.25em 0; }
.rt_body blockquote {
  margin: 1em 0;
  padding: 10px 16px;
  border-left: 3px solid #d8e2ec;
  background: #f6f9fc;
  color: #5a6570;
}
.rt_body table { border-collapse: collapse; max-width: 100%; margin: 0 0 1.1em; }
.rt_body table, .rt_body th, .rt_body td { border: 1px solid #dfe6ee; }
.rt_body th, .rt_body td { padding: 8px 12px; }
.rt_body th { background: #f2f6fa; font-weight: 700; }
.rt_body hr { border: 0; border-top: 1px solid #e2e7ee; margin: 1.4em 0; }

/* 新闻详情默认正文容器额外补一点行距 */
#detBody.rt_body { padding-bottom: 8px; }

/* ---------- 客服中心入口页 4 卡片 ---------- */
.svc_hub { display: flex; flex-wrap: wrap; margin-top: 40px; }
.svc_hub .svc_card {
  display: block;
  flex: 1 1 0;
  min-width: 236px;
  margin: 0 12px 12px 0;
  padding: 30px 26px 26px;
  border: 1px solid #e2e7ee;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(24, 55, 102, .05);
  text-decoration: none;
  transition: box-shadow .2s, border-color .2s, transform .2s;
}
.svc_hub .svc_card:last-child { margin-right: 0; }
.svc_hub .svc_card:hover {
  box-shadow: 0 12px 26px rgba(24, 55, 102, .12);
  border-color: #c5d6e6;
  transform: translateY(-2px);
}
.svc_hub .svc_card .ic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(120deg, #58a0e2, #3c7fc6);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.svc_hub .svc_card:nth-child(2) .ic { background: linear-gradient(120deg, #f2a03c, #e07a2a); }
.svc_hub .svc_card:nth-child(3) .ic { background: linear-gradient(120deg, #52b896, #33917b); }
.svc_hub .svc_card:nth-child(4) .ic { background: linear-gradient(120deg, #8b7fd0, #6d5fc0); }
.svc_hub .svc_card .en {
  display: block;
  margin-top: 20px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #9aa8b6;
}
.svc_hub .svc_card h4 { margin: 6px 0 0; font-size: 20px; font-weight: 700; color: #101010; }
.svc_hub .svc_card p { margin: 10px 0 0; font-size: 13px; color: #8b98a6; line-height: 1.7; }
.svc_hub .svc_card .go { display: block; margin-top: 16px; font-size: 13px; font-weight: 600; color: #3d7fc0; }
.svc_hub .svc_card:hover .go { text-decoration: underline; }

.svc_tip {
  margin-top: 26px;
  padding: 16px 20px;
  background: #f6f9fc;
  border: 1px dashed #d6e0ea;
  border-radius: 6px;
  font-size: 14px;
  color: #5a6570;
  line-height: 1.8;
}
.svc_tip a { color: #3489df; text-decoration: underline; }