/* FAQ 页面 - 1:1 还原设计图 */

.faq-page { background-color: #fff; }

/* ========== 标题栏 ========== */
.faq-title-bar {
  background-color: #e0f2f7;
  padding: 40px 0;
  width: 100%;
}
.faq-title-bar .content {
  width: 1024px;
  margin: 0 auto;
}
.faq-title-bar h1 {
  font-size: 36px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  letter-spacing: -0.5px;
}

/* ========== 简介栏 ========== */
.faq-intro {
  padding: 60px 0 40px;
  background: #fff;
}
.faq-intro .content {
  width: 1024px;
  margin: 0 auto;
}
.faq-intro-title {
  font-size: 20px;
  font-weight: 700;
  color: #2c3e50;
  letter-spacing: 2px;
  margin-bottom: 16px;
}
.faq-intro-desc {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
  margin: 0;
}

/* ========== Tab 切换栏 ========== */
.faq-tabs {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 0;
}
.faq-tabs .content {
  width: 1024px;
  margin: 0 auto;
  display: flex;
  gap: 48px;
  padding: 0;
}
.faq-tab {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.5px;
  color: #666;
  cursor: pointer;
  padding: 16px 0;
  position: relative;
  transition: color 0.2s;
}
.faq-tab:hover {
  color: #333;
}
.faq-tab.active {
  color: #f39c12;
}
.faq-tab.active::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #f39c12;
}

/* ========== 折叠展开手风琴数据栏 ========== */
.faq-accordion-wrap {
  background: #fff;
  padding-bottom: 80px;
}
.faq-accordion-wrap .content {
  width: 1024px;
  margin: 0 auto;
}
.faq-acc-item {
  border-bottom: 1px solid #e8e8e8;
}
.faq-acc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  user-select: none;
  gap: 16px;
}
.faq-acc-head:hover {
  color: #1a252f;
}
.faq-acc-question {
  flex: 1;
  min-width: 0;
  line-height: 1.4;
}
.faq-acc-toggle {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  background-color: #f39c12;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
}
.faq-acc-head:hover .faq-acc-toggle {
  background-color: #e68a00;
}
/* 展开状态：减号（横线） */
.faq-acc-toggle {
  position: relative;
}
.faq-acc-toggle::before {
  content: '';
  display: block;
  width: 12px;
  height: 2px;
  background-color: #fff;
  border-radius: 1px;
}
/* 折叠状态：加号（横线+竖线） */
.faq-acc-item.collapsed .faq-acc-toggle::before {
  width: 12px;
  height: 2px;
}
.faq-acc-item.collapsed .faq-acc-toggle::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  background-color: #fff;
  border-radius: 1px;
}
.faq-acc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.faq-acc-body-inner {
  padding: 0 0 24px 0;
  font-size: 14px;
  color: #555;
  line-height: 1.75;
}
.faq-acc-body-inner p {
  margin: 0 0 16px 0;
}
.faq-acc-body-inner p:last-child {
  margin-bottom: 0;
}
.faq-acc-body-inner ol {
  margin: 0 0 16px 0;
  padding-left: 20px;
}
.faq-acc-body-inner li {
  margin-bottom: 12px;
}
.faq-acc-body-inner li:last-child {
  margin-bottom: 0;
}

/* 手风琴内容块 - 默认隐藏，通过 JS 控制显示 */
.faq-acc-panel {
  display: none;
}
.faq-acc-panel.active {
  display: block;
}