/**
 * FrequentQuestion 前台手风琴：默认浅色高对比；深色主题通过 CSS 变量自动适配，各主题可再覆写 .fq-module.fq-accordion。
 */
.fq-module.fq-accordion {
  --fq-title-color: #1a1d24;
  --fq-item-bg: #fff;
  --fq-item-border: rgba(0, 0, 0, 0.12);
  --fq-btn-color: #1a1d24;
  --fq-btn-bg: #f1f3f5;
  --fq-btn-active-color: #084298;
  --fq-btn-active-bg: #e7f1ff;
  --fq-btn-active-shadow: inset 0 0 0 1px rgba(13, 110, 253, 0.22);
  --fq-btn-focus-border: rgba(13, 110, 253, 0.55);
  --fq-btn-focus-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.2);
  --fq-body-color: #343a40;
  --fq-body-bg: #fff;
  --fq-body-border: rgba(0, 0, 0, 0.08);
  --fq-link-color: #0a58ca;
  --fq-link-hover: #084298;
  --fq-muted-color: #495057;
  --fq-icon-filter: none;
  --fq-icon-opacity: 0.9;
  --fq-icon-collapsed-opacity: 0.75;

  --bs-accordion-color: var(--fq-body-color);
  --bs-accordion-border-color: var(--fq-item-border);
  --bs-accordion-btn-color: var(--fq-btn-color);
  --bs-accordion-btn-bg: var(--fq-btn-bg);
  --bs-accordion-btn-focus-border-color: var(--fq-btn-focus-border);
  --bs-accordion-btn-focus-box-shadow: var(--fq-btn-focus-shadow);
  --bs-accordion-active-color: var(--fq-btn-active-color);
  --bs-accordion-active-bg: var(--fq-btn-active-bg);
}

/* 常见深色主题：自动切换变量，避免手风琴文字/边框与背景融为一体 */
body.theme-dark .fq-module.fq-accordion,
body.theme-realisticsexdoll .fq-module.fq-accordion,
[data-bs-theme="dark"] .fq-module.fq-accordion {
  --fq-title-color: #fff;
  --fq-item-bg: rgba(10, 14, 28, 0.92);
  --fq-item-border: rgba(255, 255, 255, 0.14);
  --fq-btn-color: #f0f4ff;
  --fq-btn-bg: rgba(18, 22, 40, 0.95);
  --fq-btn-active-color: #fff;
  --fq-btn-active-bg: rgba(255, 255, 255, 0.08);
  --fq-btn-active-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
  --fq-btn-focus-border: rgba(234, 179, 8, 0.45);
  --fq-btn-focus-shadow: 0 0 0 0.2rem rgba(234, 179, 8, 0.22);
  --fq-body-color: #d5daf2;
  --fq-body-bg: rgba(8, 11, 22, 0.96);
  --fq-body-border: rgba(255, 255, 255, 0.1);
  --fq-link-color: #f6e2b2;
  --fq-link-hover: #ffd59c;
  --fq-muted-color: #c2c8e4;
  --fq-icon-filter: brightness(0) invert(1);
  --fq-icon-opacity: 0.88;
  --fq-icon-collapsed-opacity: 0.65;
}

.fq-module__title {
  margin: 0 0 0.85rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--fq-title-color);
  letter-spacing: 0.01em;
}

body.theme-dark .fq-module__title,
body.theme-realisticsexdoll .fq-module__title,
[data-bs-theme="dark"] .fq-module__title {
  padding-bottom: 0.15rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.fq-module--tab .fq-module__title {
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
}

.fq-module.fq-accordion .accordion {
  --bs-accordion-border-width: 1px;
}

.fq-module.fq-accordion .accordion-item {
  background-color: var(--fq-item-bg);
  border: 1px solid var(--fq-item-border);
  border-radius: 0.375rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.fq-module.fq-accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.fq-module.fq-accordion .accordion-button {
  color: var(--fq-btn-color);
  background-color: var(--fq-btn-bg);
  font-weight: 600;
  font-size: 0.95rem;
  box-shadow: none;
}

.fq-module.fq-accordion .accordion-button:not(.collapsed) {
  color: var(--fq-btn-active-color);
  background-color: var(--fq-btn-active-bg);
  box-shadow: var(--fq-btn-active-shadow);
}

.fq-module.fq-accordion .accordion-button::after {
  filter: var(--fq-icon-filter);
  opacity: var(--fq-icon-opacity);
}

.fq-module.fq-accordion .accordion-button.collapsed::after {
  opacity: var(--fq-icon-collapsed-opacity);
}

.fq-module.fq-accordion .accordion-body {
  color: var(--fq-body-color);
  background: var(--fq-body-bg);
  font-size: 0.925rem;
  line-height: 1.65;
  border-top: 1px solid var(--fq-body-border);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.fq-module.fq-accordion .accordion-body .fq-rich-text,
.fq-module.fq-accordion .accordion-body .inno-rich-text-canvas {
  max-width: 100%;
}

.fq-module.fq-accordion .accordion-body p,
.fq-module.fq-accordion .accordion-body li {
  color: var(--fq-body-color);
}

.fq-module.fq-accordion .accordion-body a,
.fq-module.fq-accordion .fq-related-link,
.fq-module.fq-accordion .rsd-faq-related-link {
  color: var(--fq-link-color);
  font-weight: 600;
}

.fq-module.fq-accordion .accordion-body a:hover,
.fq-module.fq-accordion .fq-related-link:hover,
.fq-module.fq-accordion .rsd-faq-related-link:hover {
  color: var(--fq-link-hover);
  text-decoration: underline;
}

.fq-module.fq-accordion .accordion-body .text-muted {
  color: var(--fq-muted-color);
}