/* ============================================================
   faq.css · 常见问题（半边圆式 hero）
   ============================================================ */

/* ---------- Hero：半边圆式 ---------- */
.faq-hero {
  overflow: hidden;
}
.faq-hero-circle {
  position: absolute;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: linear-gradient(160deg, rgba(191, 216, 178, .65), rgba(238, 209, 145, .55));
  top: -180px;
  right: -140px;
  pointer-events: none;
}
.faq-hero-inner {
  max-width: 720px;
  position: relative;
  z-index: 2;
}
.faq-hero .hero-bread em {
  font-style: normal;
  margin: 0 6px;
  color: var(--ink-3);
}
.faq-hero .hero-title {
  font-size: clamp(2.1rem, 4.6vw, 3.4rem);
  font-weight: 800;
}
.faq-hero-contact {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 30px;
}
.faq-hero-contact-alt {
  font-size: .88rem;
  color: var(--ink-2);
}

/* ---------- 分类胶囊 ---------- */
.faq-cats-section {
  background: var(--cream);
}
.faq-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.faq-cat {
  padding: 11px 24px;
  border-radius: 999px;
  background: var(--white);
  border: 2px solid var(--green);
  font-weight: 700;
  font-size: .92rem;
  box-shadow: var(--clay-shadow-sm);
}
.faq-cat:hover {
  background: var(--green);
  transform: translateY(-3px) rotate(1deg);
}

/* ---------- 手风琴 ---------- */
.faq-list-section {
  background: var(--cream-2);
}
.faq-list {
  max-width: 860px;
}
.faq-group-title {
  font-size: 1.25rem;
  margin: 38px 0 18px;
  padding-left: 18px;
  border-left: 6px solid var(--yellow-2);
}
.faq-group-title:first-child { margin-top: 0; }
.faq-item {
  padding: 20px 26px;
  border-radius: var(--radius-sm);
  margin-bottom: 14px;
  scroll-margin-top: 120px;
}
.faq-item summary {
  cursor: pointer;
  font-weight: 700;
  list-style: none;
  position: relative;
  padding-right: 36px;
  font-size: 1rem;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: "?";
  position: absolute;
  right: 2px;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--yellow);
  color: var(--ink);
  font-size: .85rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s var(--ease), background .3s;
}
.faq-item[open] summary::after {
  content: "−";
  background: var(--green);
  transform: rotate(180deg);
}
.faq-item p {
  margin-top: 12px;
  font-size: .94rem;
}
.faq-item a { color: var(--green-3); font-weight: 700; }

/* ---------- 未解决引导 ---------- */
.faq-more-section {
  background: var(--cream);
}
.faq-more-card {
  text-align: center;
  padding: 56px 8%;
  border-radius: 34px;
  background: linear-gradient(160deg, #E4EFDA 0%, var(--green) 140%);
}
.faq-more-card h2 { margin-bottom: 12px; }
.faq-more-card > p { max-width: 520px; margin: 0 auto 28px; }
.faq-more-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

/* ---------- CTA ---------- */
.faq-cta {
  background: var(--cream-2);
}
.faq-cta-card {
  text-align: center;
  padding: 60px 8%;
  border-radius: 34px;
  background: linear-gradient(160deg, #FDF3DC 0%, var(--yellow) 130%);
}
.faq-cta-card h2 { margin-bottom: 12px; }
.faq-cta-card > p { max-width: 520px; margin: 0 auto 28px; }
.faq-cta-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
.faq-cta-wechat {
  margin-top: 18px;
  font-size: .9rem;
}