/* ============================================================
   学员答疑 dayi.css
   骨架：H 环轨（中轴 + 环绕金环轨道）+ hero-half
   母题：问号圆点 —— 中轴珍珠节点外围环绕细金环，节点似悬着的问号点
   ============================================================ */

/* ---------- 页头 ---------- */
.dy-hero .crumb a { color: var(--ink-mute); }
.dy-hero .crumb a:hover { color: var(--gold-deep); }

/* ---------- 环轨：中轴外围一圈虚线金环 ---------- */
.dy-cat, .dy-faq, .dy-how, .dy-team, .dy-scene, .dy-form-sec { position: relative; }
/* 中轴轨道线（复用 thread-c，再加一圈环绕虚线） */
.dy-faq::before, .dy-team::before {
  content: ""; position: absolute; left: 50%; top: 30px; bottom: 30px; width: 1px;
  background: linear-gradient(180deg, transparent, var(--gold-light), var(--gold-light), transparent);
  transform: translateX(-50%); opacity: .35;
}
/* 每个板块中心珍珠节点外圈加一个空心环（问号点） */
.dy-cat .pearl, .dy-faq .pearl, .dy-how .pearl, .dy-team .pearl, .dy-scene .pearl, .dy-form-sec .pearl {
  box-shadow: 0 0 0 7px rgba(194, 160, 75, .12), 0 0 0 12px rgba(194, 160, 75, .05);
}

/* ---------- 五类标签 ---------- */
.grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; max-width: 960px; margin-inline: auto; }
.grid-5 .tag { text-align: center; padding: 12px 8px; font-size: 14px; }
@media (max-width: 860px) { .grid-5 { grid-template-columns: repeat(2, 1fr); } }

/* ---------- FAQ ---------- */
.dy-faq .acc { max-width: 880px; margin-inline: auto; }
/* 挂靠风险条目高亮 */
.dy-risk { border-color: var(--gold); background: #FDF9EE; }
.dy-risk .acc-head { color: var(--gold-deep); }
.dy-risk .acc-body-inner strong { color: var(--gold-deep); }

/* ---------- 答疑方式编号 ---------- */
.dy-num { max-width: 760px; }

/* ---------- 团队图文 ---------- */
.dy-team .split-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-soft); }

/* ---------- 现场图 ---------- */
.dy-fig img { border-radius: var(--radius-lg); width: 100%; height: auto; box-shadow: var(--shadow-soft); }
.dy-fig figcaption { margin-top: 12px; font-size: 13.5px; color: var(--ink-mute); text-align: center; }

/* ---------- 表单 ---------- */
.dy-form-wrap { max-width: 840px; }

/* ---------- 间距 ---------- */
.mt { margin-top: 20px; }

@media (max-width: 980px) {
  .dy-faq::before, .dy-team::before { display: none; }
}
