/* ============================================================
   在线咨询 zixun.css
   骨架：B 左轨（thread-l）+ hero-split
   母题：对话气泡线 —— 左侧金线上挂一排小对话气泡吊坠
   ============================================================ */

/* ---------- hero-split 微调 ---------- */
.zx-hero .crumb a { color: var(--ink-mute); }
.zx-hero .crumb a:hover { color: var(--gold-deep); }

/* ---------- 左轨变化：气泡线 ---------- */
/* 左侧金线上每隔一段冒一个小圆气泡，像对话冒出的泡 */
.zx-bubble::after {
  content: ""; position: absolute; left: 30px; top: 40px; bottom: 40px;
  width: 2px; pointer-events: none;
  background: radial-gradient(circle, var(--gold) 0 4px, transparent 4px) repeat-y;
  background-size: 2px 40px;
  opacity: .5;
}
/* 入口卡片左侧各带一个小气泡尖角 */
.zx-entry { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.zx-entry .pearl-card { position: relative; }
.zx-entry .zx-tag { margin-bottom: 14px; }
.zx-entry .pearl-card h3 { font-size: 21px; margin-bottom: 12px; }
@media (max-width: 860px) { .zx-entry { grid-template-columns: 1fr; } }

/* ---------- 咨询流程编号列表 ---------- */
.zx-num { max-width: 760px; }

/* ---------- 场景双图 ---------- */
.zx-scene-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; max-width: 960px; }
.zx-fig img { border-radius: var(--radius-lg); width: 100%; height: auto; box-shadow: var(--shadow-soft); }
.zx-fig figcaption { margin-top: 12px; font-size: 13.5px; color: var(--ink-mute); text-align: center; }
@media (max-width: 760px) { .zx-scene-grid { grid-template-columns: 1fr; } }

/* ---------- 咨询案例四卡 ---------- */
.zx-case-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.zx-case-cols .card-soft h3 { font-size: 17px; color: var(--ink); margin: 12px 0 8px; }
.zx-case-cols .card-soft p { font-size: 14px; color: var(--ink-soft); }
@media (max-width: 760px) { .zx-case-cols { grid-template-columns: 1fr; } }

/* ---------- 响应时效承诺 ---------- */
.zx-resp {
  background: var(--grad-cream); border: 1px dashed var(--gold);
  border-radius: var(--radius); padding: 24px 28px;
}
.zx-resp h3 { font-size: 17px; color: var(--gold-deep); margin-bottom: 12px; }
.zx-resp .check-list li { margin-bottom: 8px; }

/* ---------- FAQ ---------- */
.zx-faq .acc { max-width: 840px; margin-inline: auto; }
.zx-faq .acc-body-inner a { color: var(--gold-deep); text-decoration: underline; }

/* ---------- 表单容器收窄 ---------- */
.zx-form-wrap { max-width: 840px; }

/* ---------- 通用间距 ---------- */
.mt { margin-top: 20px; }
.mt-lg { margin-top: 34px; }
.mt-xl { margin-top: 52px; }