/* ==========================================================================
   Bloom24 — FAQ Hub page (page-faq.php), prefix: fq-
   ========================================================================== */

/* ---------- Hero ---------- */
.fq-hero{padding:150px 0 0;background:
  radial-gradient(600px 340px at 90% 10%, rgba(232,106,138,.14), transparent 60%),
  radial-gradient(520px 320px at 6% 78%, rgba(203,168,219,.13), transparent 60%),
  linear-gradient(180deg,#FDF0F3,#FFF9F7)}
.fq-hero h1{font-size:clamp(32px,4.5vw,52px);margin:0}
.fq-hero h1 em{font-style:normal;color:var(--rose-deep)}
.fq-hero-sub{font-size:1.0625rem;line-height:1.75;color:var(--grey);max-width:660px;margin:18px 0 0}
.fq-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.fq-jump-chip{font-size:0.8125rem;font-weight:700;color:var(--ink);background:#fff;text-decoration:none;padding:10px 18px;border-radius:999px;box-shadow:0 4px 14px rgba(74,44,78,.10);transition:.2s}
.fq-jump-chip:hover{background:var(--rose-deep);color:#fff;transform:translateY(-2px)}

/* ---------- 分组 ---------- */
.fq-body{padding:70px 0 90px}
.fq-group{margin-bottom:64px;scroll-margin-top:110px}
.fq-group:last-of-type{margin-bottom:40px}
.fq-group-title{font-size:clamp(22px,2.8vw,30px);margin:0 0 24px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.fq-group-count{font-size:0.7812rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rose-deep);background:var(--rose-soft);padding:5px 12px;border-radius:999px}
.fq-list{display:grid;gap:12px}
.fq-list details{background:#fff;border-radius:14px;padding:20px 26px;box-shadow:0 6px 18px rgba(74,44,78,.07);transition:.2s}
.fq-list details[open]{box-shadow:0 14px 36px rgba(74,44,78,.13)}
.fq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.fq-list summary::-webkit-details-marker{display:none}
.fq-list summary h3{font-size:0.9688rem;font-weight:700;color:var(--ink);margin:0;line-height:1.5}
.fq-list summary::after{content:"+";font-size:1.5rem;color:var(--rose);font-weight:400;flex-shrink:0;transition:.2s}
.fq-list details[open] summary::after{content:"–"}
.fq-answer{font-size:0.9062rem;line-height:1.85;color:var(--grey);margin-top:14px;padding-top:14px;border-top:1px solid #F7E6EC;max-width:70ch}

/* ---------- 未解答 ---------- */
.fq-more{max-width:640px;margin:0 auto;text-align:center;background:#fff;border-radius:var(--radius);padding:40px 34px;box-shadow:0 10px 30px rgba(74,44,78,.09)}
.fq-more p{font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 18px}
.fq-more .btn{display:inline-flex}
.fq-mail{display:inline-block;margin-top:16px;font-size:0.8438rem;color:var(--grey);text-decoration:none;border-bottom:1.5px solid var(--rose-soft)}
.fq-mail:hover{color:var(--rose-deep);border-color:var(--rose)}

/* ---------- CTA ---------- */
.fq-cta{padding:100px 0;background:linear-gradient(135deg,#3E1F44,#5A2A4F);color:#fff;text-align:center}
.fq-cta h2{color:#fff;font-size:clamp(28px,3.6vw,42px);margin:0}
.fq-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.fq-cta .btn-light{background:#fff;color:var(--leaf)}

/* ---------- 移动端 ---------- */
@media(max-width:980px){
  .fq-hero{padding:120px 0 0}
  .fq-body{padding:50px 0 70px}
  .fq-group{margin-bottom:48px}
  .fq-jump-chip{font-size:0.75rem;padding:8px 14px}
  .fq-list details{padding:16px 18px}
  .fq-cta{padding:70px 0}
}