/* ============================================================
   报考流程 liucheng.css
   骨架：E 顶链（顶部横向珠链）+ hero-half
   母题：阶梯脚印 —— 流程像一级级台阶，节点是脚印
   ============================================================ */

/* ---------- 页头 ---------- */
.lc-hero .hero-inner { padding-top: 150px; }
.lc-hero .crumb a { color: rgba(110,102,89,.9); }
.lc-hero .crumb a:hover { color: var(--gold-deep); }

/* ---------- 顶链：板块顶部一道横向珠链 ---------- */
.lc-steps { position: relative; }
.lc-steps::before {
  content: ""; position: absolute; top: 30px; left: 8%; right: 8%; height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold-light) 10%, var(--gold) 50%, var(--gold-light) 90%, transparent);
}
.lc-steps::after {
  content: ""; position: absolute; top: 30px; left: 12%; right: 12%; height: 2px;
  background: radial-gradient(circle, var(--gold) 0 5px, transparent 5px) repeat-x;
  background-size: 60px 2px; background-position: center;
}

/* ---------- 阶梯脚印时间轴：节点做成小脚印台 ---------- */
.lc-timeline { max-width: 820px; margin-inline: auto; }
.lc-timeline .tl-dot {
  /* 在共享金环基础上，外圈再加一道浅色环，像台阶踏面 */
  box-shadow: 0 0 0 6px rgba(194,160,75,.14);
}
.lc-timeline .tl-item { padding-bottom: 34px; }
.lc-timeline .tl-title { color: var(--ink); }

/* ---------- 表格包裹 ---------- */
.tbl-wrap { overflow-x: auto; border-radius: var(--radius); }
.lc-note { font-size: 13px; color: var(--ink-mute); }
.lc-node-note { font-size: 14px; color: var(--ink-soft); }

/* ---------- 拿证之后三卡 ---------- */
.lc-after { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.lc-after h3 { font-size: 18px; color: var(--gold-deep); margin-bottom: 10px; }
.lc-after p { font-size: 14.5px; color: var(--ink-soft); }
.lc-after a { color: var(--gold-deep); text-decoration: underline; }
@media (max-width: 860px) { .lc-after { grid-template-columns: 1fr; } }

/* ---------- 时间节点配图 ---------- */
.lc-fig { max-width: 960px; margin-inline: auto; }
.lc-fig img { border-radius: var(--radius-lg); width: 100%; height: auto; box-shadow: var(--shadow-soft); }
.lc-fig figcaption { margin-top: 12px; font-size: 13.5px; color: var(--ink-mute); text-align: center; }

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

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