/* ===== LKPF FAQ Accordion (Greenshift-like Cards) ===== */

.lk-faq-wrap { margin: 30px 0; }

.lk-faq-title{
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 18px;
  color: #111;
  line-height: 1.3;
}

/* accordion 容器不再是一个大盒子 */
.lk-faq-acc.gs-accordion{
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}

/* 每个 item 自己是卡片 + 间距 */
.lk-faq-acc .gs-accordion-item{
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background: #f8f9fa;     /* ✅ item 背景色 */
  margin: 14px 0;          /* ✅ item 间距 */
  overflow: hidden;
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
  position: relative;
}

.lk-faq-acc .gs-accordion-item::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:4px;
  background:#3a5da5; /* 品牌色 */
  opacity:.9;
}

/* open 状态更突出 */
.lk-faq-acc .gs-accordion-item.gsopen{
  background: #fff;
  border-color: #cfe6f6;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* 标题区域 */
.lk-faq-acc .gs-accordion-item__title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  user-select: none;
}

/* hover：标题轻微高亮 */
.lk-faq-acc .gs-accordion-item__title:hover{
  background: rgba(255,255,255,0.35);
}

/* hover：整卡轻微阴影（更像示例） */
.lk-faq-acc .gs-accordion-item:hover{
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  border-color: #d7e9f6;
}

.lk-faq-acc .gs-accordion-item__heading{
  font-weight: 700;
  color: #111;
  line-height: 1.35;
  font-size: 22px;
}

/* 当前展开的 FAQ 问题 */
.lk-faq-acc .gs-accordion-item.gsopen .gs-accordion-item__heading{
  color: #0d5ea6;   /* 打开时更亮的品牌色 */
}

/* 展开内容动画 */
.lk-faq-acc .gs-accordion-item__content{
  overflow: hidden;
  max-height: 0;
  transition: max-height .25s ease;
}
.lk-faq-acc .gs-accordion-item.gsopen .gs-accordion-item__content{
  max-height: 700px; /* 兜底：实际由 JS 写入 */
}

/* 内容文字 */
.lk-faq-acc .gs-accordion-item__text{
  padding: 0 16px 16px;
  color: #444;
  line-height: 1.65;
  font-size: 22px;
}

/* + / - icon */
.lk-faq-acc .iconfortoggle{
  width: 22px;
  height: 22px;
  position: relative;
  flex: 0 0 auto;
}

.lk-faq-acc .gs-iconbefore,
.lk-faq-acc .gs-iconafter{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  background: #111;
  transform: translate(-50%, -50%);
  border-radius: 2px;
}

.lk-faq-acc .gs-iconafter{
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform .2s ease, opacity .2s ease;
}

/* open：变成 “-” */
.lk-faq-acc .gs-accordion-item.gsopen .gs-iconafter{
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}