/**
 * Home AI FAQ Widget
 * 【首页】AI常见问答模块 — 跟随主题：白底 #2b271b 主色 #f5c12e 金色点缀
 */

.accordion-section-one {
  --theme-color-white: #ffffff;
  --theme-main-text:   #2b271b;
  --theme-sub-text:    #6d6453;
  --theme-gold:        #f5c12e;
  --theme-gold-soft:   #fff6d1;
  --theme-gold-deep:   #d9a815;
  --theme-border:      #ece8d9;
  --theme-card-bg:     #ffffff;
  --section-bg:        #ffffff;
  --title-font: "Rajdhani", "Nunito Sans", -apple-system, "Segoe UI", sans-serif;
  --text-font:  "Nunito Sans", -apple-system, "Segoe UI", sans-serif;
}

.accordion-section-one .auto-container {
  position: static;
  max-width: 1350px;
  padding: 0 15px;
  margin: 0 auto;
  width: 100%;
}

.accordion-section-one {
  padding: 80px 0 80px;
  position: relative;
  z-index: 1;
  background: var(--section-bg);
}
.accordion-section-one .sec-title {
  margin-bottom: 55px;
}

/* 标题区 */
.accordion-section-one .sec-title .section-sub-title {
  margin-bottom: 20px;
}
.accordion-section-one .sec-title .section-sub-title .sub-title {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: var(--theme-gold-deep);
  padding: 8px 24px;
  border-radius: 40px;
  position: relative;
  background: var(--theme-gold-soft);
  border: 1px solid rgba(245, 193, 46, 0.4);
  margin: 0;
  text-transform: uppercase;
}
.accordion-section-one .sec-title .section-title .title {
  color: var(--theme-main-text);
  font-weight: 700;
  font-size: 44px;
  line-height: 54px;
  margin: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .accordion-section-one .sec-title .section-title .title { font-size: 40px; line-height: 50px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .accordion-section-one .sec-title .section-title .title { font-size: 36px; line-height: 46px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .accordion-section-one .sec-title .section-title .title { font-size: 32px; line-height: 42px; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .accordion-section-one .sec-title .section-title .title { font-size: 28px; line-height: 38px; }
}

/* 手风琴 */
.accordion-section-one .tab_container {
  overflow: hidden;
  position: relative;
}
.accordion-section-one .tab_container .accordion {
  margin: 0;
  padding: 0;
}
.accordion-section-one .tab_container .accordion li {
  list-style: none;
  padding: 0 0 16px;
}
.accordion-section-one .tab_container .accordion li a {
  position: relative;
  width: 100%;
  display: block;
  cursor: pointer;
  padding: 22px 72px 22px 28px;
  z-index: 1;
  font-size: 20px;
  color: var(--theme-main-text);
  font-weight: 600;
  font-family: var(--title-font);
  border-radius: 16px;
  background: var(--theme-card-bg);
  border: 1px solid var(--theme-border);
  text-decoration: none;
  transition: border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.accordion-section-one .tab_container .accordion li a:hover {
  border-color: rgba(245, 193, 46, 0.5);
  box-shadow: 0 8px 22px rgba(43, 39, 27, 0.06);
}
@media (max-width: 1199.98px) {
  .accordion-section-one .tab_container .accordion li a { padding: 20px 62px 20px 20px; font-size: 18px; }
}

/* 加减号图标 */
.accordion-section-one .tab_container .accordion li a::before {
  width: 2px;
  height: 14px;
  background: var(--theme-gold-deep);
  position: absolute;
  right: 40px;
  content: "";
  top: 50%;
  margin-top: -7px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
  z-index: 2;
}
.accordion-section-one .tab_container .accordion li a::after {
  width: 14px;
  height: 2px;
  background: var(--theme-gold-deep);
  position: absolute;
  right: 34px;
  content: "";
  top: 50%;
  margin-top: -1px;
  transition: all 0.3s ease;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .accordion-section-one .tab_container .accordion li a::before { right: 28px; }
  .accordion-section-one .tab_container .accordion li a::after  { right: 22px; }
}

/* 展开态 */
.accordion-section-one .tab_container .accordion li a.active {
  border-radius: 16px 16px 0 0;
  background: var(--theme-card-bg);
  border: 1px solid rgba(245, 193, 46, 0.55);
  border-bottom: transparent;
  padding: 22px 72px 16px 28px;
  color: var(--theme-gold-deep);
}
.accordion-section-one .tab_container .accordion li a.active::after {
  transform: rotate(0deg);
  background: var(--theme-gold-deep);
}
.accordion-section-one .tab_container .accordion li a.active::before {
  display: none;
}
.accordion-section-one .tab_container .accordion li a.active span {
  color: var(--theme-gold-deep);
}
.accordion-section-one .tab_container .accordion li a span {
  position: relative;
  z-index: 1;
}
.accordion-section-one .tab_container .accordion li a span::before {
  position: absolute;
  content: "";
  top: -10px;
  right: -575px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: var(--theme-gold-soft);
  border: 1px solid rgba(245, 193, 46, 0.35);
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .accordion-section-one .tab_container .accordion li a span::before { right: -620px; }
}

/* 答案面板 */
.accordion-section-one .tab_container .accordion li p {
  display: none;
  padding: 0 28px 26px;
  margin: 0;
  overflow: hidden;
  font-size: 16px;
  line-height: 28px;
  color: var(--theme-sub-text);
  font-weight: 400;
  font-family: var(--text-font);
  border-radius: 0 0 16px 16px;
  background: var(--theme-card-bg);
  border: 1px solid rgba(245, 193, 46, 0.55);
  border-top: transparent;
  box-shadow: 0 12px 30px rgba(43, 39, 27, 0.04);
}
@media (max-width: 1199.98px) {
  .accordion-section-one .tab_container .accordion li p { padding: 0 20px 22px; }
}

/* 缩略图区 */
.accordion-section-one .accordian-thumb-wrap {
  position: relative;
}
.accordion-section-one .accordian-thumb-wrap .accordian-thumb figure {
  margin: 0;
}
.accordion-section-one .accordian-thumb-wrap .accordian-thumb figure img {
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(43, 39, 27, 0.1);
}
.accordion-section-one .accordian-thumb-wrap .accordian-dot {
  position: absolute;
  top: -30px;
  left: -55px;
  animation: ai-twinkle 2s infinite ease-in-out;
}
@keyframes ai-twinkle {
  0%, 100% { opacity: 0.25; }
  50%      { opacity: 1; }
}
.accordion-section-one .accordion-effient {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.accordion-section-one .accordion-shape1,
.accordion-section-one .accordion-shape2 {
  position: absolute;
  top: 0;
  opacity: 0.3;
}
.accordion-section-one .accordion-shape1 { left: 0; }
.accordion-section-one .accordion-shape2 { right: 0; }
@media (max-width: 1700px) {
  .accordion-section-one .accordion-shape1,
  .accordion-section-one .accordion-shape2 { display: none; }
}

@media (min-width: 480px) and (max-width: 575px) {
  .accordion-section-one .sec-title .section-title .title { font-size: 26px; line-height: 36px; }
  .accordion-section-one .tab_container .accordion li a.active { padding: 20px 58px 14px 18px; }
  .accordion-section-one .tab_container .accordion li a        { padding: 20px 58px 20px 18px; }
  .accordion-section-one .tab_container .accordion li p        { padding: 0 18px 22px; }
}