/* ==========================================================================
   GEOER · 常见问题页（画布「浅色版 · 其他页面」page 111:1 · frame 91:117）
   - 页头无独立底色，与列表一起落在 --bg-base 上
   - 页头与列表同在 1312 内容轴（与订单页、文章列表一致）
   - 列表下方接一行邮件说明，之后才是页脚
   注：FAQ 页与首页的 FAQ 区块共用 css/plugin/accordion.css，
      条目内部间距用默认 12px（画布 91:173 gap 12）。
   ========================================================================== */

.faq-main {
  background: var(--bg-base);
  padding-bottom: 64px;
}

/* -------------------------------------------------------------- 页头 */

.faq-head {
  padding: 72px var(--pad-page) 32px;
}

.faq-head__inner {
  width: 100%;
  max-width: var(--content-w);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* 画布 91:134：40px Bold */
.faq-head .h1 {
  font-size: 40px;
  line-height: 52px;
}

.faq-head__desc {
  font-size: 16px;
  line-height: 28px;
  color: var(--text-muted);
}

/* -------------------------------------------------------------- 列表 */

.faq-list {
  padding: 8px var(--pad-page) 32px;
}

.faq-list .acc {
  width: 100%;
  max-width: var(--content-w);
  margin-inline: auto;
  gap: 16px;
}

/* --------------------------------------------------------- 邮件说明 */

.faq-contact {
  padding: 0 var(--pad-page);
}

.faq-contact__inner {
  width: 100%;
  max-width: var(--content-w);
  margin-inline: auto;
  font-size: 14px;
  line-height: 26px;
  color: var(--text-muted);
}

.faq-contact__inner a {
  color: var(--brand);
  transition: color var(--dur-fast) var(--ease-out);
}

.faq-contact__inner a:hover {
  color: var(--brand-hover);
}

/* -------------------------------------------------------------- 断点 */

@media (max-width: 899px) {
  .faq-head {
    padding-top: 52px;
    padding-bottom: 24px;
  }

  .faq-head .h1 {
    font-size: 32px;
    line-height: 44px;
  }
}

@media (max-width: 639px) {
  .faq-head {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .faq-head .h1 {
    font-size: 28px;
    line-height: 38px;
  }

  .faq-list {
    padding-bottom: 24px;
  }

  .faq-main {
    padding-bottom: 48px;
  }
}