/* 拼豆集官网 — FAQ 手风琴（首页 / 帮助中心共用） */

.faq-list { display: flex; flex-direction: column; gap: 12px; margin-top: 32px; }

.faq-item {
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  border-radius: var(--r-lg);
  padding: 20px 24px;
  transition: background .3s ease, border-color .3s ease;
}
.faq-item[open] { background: var(--c-accent-tint); border-color: var(--c-accent-tint-2); }

.faq-item summary {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  list-style: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::marker { content: ''; }

.faq-item__icon {
  flex: none;
  margin-left: auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--c-surface-sunken);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .3s ease, transform var(--dur-normal) var(--ease-out-soft);
}
.faq-item[open] .faq-item__icon { background: var(--c-accent); transform: rotate(135deg); }
.faq-item__icon::before,
.faq-item__icon::after {
  content: '';
  position: absolute;
  background: var(--c-muted);
  transition: background .3s ease;
}
.faq-item__icon { position: relative; }
.faq-item__icon::before { width: 11px; height: 1.6px; }
.faq-item__icon::after { width: 1.6px; height: 11px; }
.faq-item[open] .faq-item__icon::before,
.faq-item[open] .faq-item__icon::after { background: #fff; }

.faq-item__body { font-size: var(--text-sm); line-height: 1.9; color: var(--c-muted); margin-top: 14px; }