/* ==========================================================================
   changjian-wenti.css —— 常见问题 FAQ 页专属样式
   模块：hero / 分类锚点目录 / 六组折叠问答 / 没找到答案引导带
   ========================================================================== */

/* ---------- 内页 Hero ---------- */
.page-hero-faq{background-image:url("../../images/svc-yuyue.jpg")}

/* ---------- 模块一：分类锚点目录 ---------- */
.faq-index{background:var(--paper);border-bottom:1px solid var(--line)}
.index-sticky{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:30px 0;
}
.index-chip{
  display:inline-flex;align-items:center;gap:8px;padding:10px 22px;
  border:1px solid var(--gold-line);border-radius:999px;background:var(--paper);
  font-size:14px;font-weight:600;color:var(--ink-soft);transition:all .25s ease;
}
.index-chip::before{
  content:"";width:7px;height:7px;background:var(--gold);border-radius:50%;
}
.index-chip:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);transform:translateY(-2px)}

/* ---------- 折叠问答（在 style.css 基础上加间距） ---------- */
.container-narrow{max-width:860px}
.faq-list{margin-top:10px}
.faq-item{margin-bottom:14px}
.faq-item .faq-body p{margin:0}
.faq-item .faq-body a{color:var(--gold-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ---------- 回到目录 ---------- */
.back-top-link{margin:18px 0 0;text-align:right}
.back-top-link a{
  font-size:13.5px;color:var(--gold-deep);font-weight:600;
  display:inline-flex;align-items:center;gap:6px;
}
.back-top-link a:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- 没找到答案引导带 ---------- */
.still-band{
  background:var(--ink);border-radius:var(--radius);padding:48px 44px;text-align:center;
}
.still-band h2{color:var(--paper);font-size:26px;margin-bottom:12px}
.still-band p{color:rgba(255,255,255,.72);font-size:15px;max-width:560px;margin:0 auto 24px}
.still-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 通用收尾块 ---------- */
.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.cta-kicker{display:block;color:var(--gold);font-size:13px;letter-spacing:.22em;font-weight:600;margin-bottom:12px}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .index-sticky{gap:8px;padding:22px 0}
  .index-chip{padding:8px 16px;font-size:13px}
  .still-band{padding:34px 22px}
  .still-band h2{font-size:22px}
}