/* =============================================================
   faq.html 专属样式 —— 常见问题
   骨架：页头+锚点 chips / 四组分块手风琴 / 提问引导带
   ============================================================= */

/* ---------- 1. 页头 ---------- */
.faq-hero{
  background:var(--dark);color:#EFE9DC;
  padding:calc(var(--topbar-h) + var(--header-h) + 56px) 0 56px;
}
.faq-hero h1{
  color:#F5EFE2;font-size:clamp(28px,3.8vw,44px);
  margin:16px 0 14px;letter-spacing:.03em;
}
.faq-hero p{font-size:15px;color:#B8B0A1;max-width:640px;line-height:1.9}
.faq-hero p a{color:var(--earth-light);border-bottom:1px dashed rgba(201,169,104,.5)}
.faq-anchors{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.faq-anchors a{
  font-size:13.5px;color:#D8D2C6;border:1px solid rgba(201,193,178,.35);
  padding:8px 18px;border-radius:20px;transition:all .25s ease;
}
.faq-anchors a:hover{border-color:var(--earth);color:var(--earth-light);background:rgba(174,135,73,.1)}

/* ---------- 2. 分组标题 ---------- */
.faq-group-title{
  font-size:22px;letter-spacing:.06em;margin-bottom:24px;
  padding-left:16px;border-left:4px solid var(--earth);
}
.accordion-item{max-width:860px;margin-left:auto;margin-right:auto}

/* ---------- 3. 提问引导带 ---------- */
.ask-band{
  text-align:center;max-width:640px;margin-left:auto;margin-right:auto;
}
.ask-band h2{font-size:26px;margin-bottom:10px}
.ask-band p{color:var(--ink-soft);font-size:15px;margin-bottom:24px}
.ask-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:640px){
  .faq-anchors a{flex:1;text-align:center}
}