/* ============================================================
   培训服务 peixunfuwu.css
   骨架：E 顶链 —— 每个板块顶部先铺一条横向珍珠链（chain-row）
   母题：讲台讲稿 —— 卡片顶部加"讲稿横线"装饰，像摊开的教案
   ============================================================ */

.px-hero .crumb em { color: var(--gold-deep); font-style: normal; }

/* ---------- 顶链：横向珍珠串 ---------- */
.chain-row {
  display: flex; align-items: center; justify-content: center;
  gap: 26px; margin-bottom: 40px; position: relative;
}
.chain-row::before {
  content: ""; position: absolute; left: 12%; right: 12%; top: 50%;
  height: 2px; background: linear-gradient(90deg, transparent, var(--gold-light) 15%, var(--gold) 50%, var(--gold-light) 85%, transparent);
  z-index: 0;
}
.chain-row .pearl, .chain-row .pearl-md, .chain-row .pearl-lg { position: relative; z-index: 1; }

/* ---------- 讲稿横线装饰：课程卡顶部 ---------- */
.px-chain-sec .card-soft { position: relative; padding-top: 30px; }
.px-chain-sec .card-soft::before {
  content: ""; position: absolute; left: 26px; top: 16px;
  width: 40px; height: 3px; border-radius: 2px; background: var(--grad-gold);
  box-shadow: 0 9px 0 var(--gold-pale), 0 18px 0 var(--gold-pale);
}

.tbl-wrap { overflow-x: auto; border-radius: var(--radius); }
.px-note { margin-top: 16px; font-size: 13.5px; color: var(--ink-mute); }
.px-figcap { margin-top: 12px; font-size: 13.5px; color: var(--ink-mute); text-align: center; }

/* ---------- 成果板块数字卡 ---------- */
.px-result-sec .card-soft { text-align: center; }

/* ---------- FAQ ---------- */
.px-faq .acc { max-width: 860px; margin-inline: auto; }

/* ---------- 工具间距类 ---------- */
.mb-xs{margin-bottom:12px}.mb-s{margin-bottom:16px}.mb-l{margin-bottom:24px}.mt-xs{margin-top:14px}.mt-s{margin-top:16px}.mt-m{margin-top:18px}.mt-xl{margin-top:36px}
