.entry .entry-content .faqs-wg-accordion{
  --faqs-wg-pill-bg: #d5fdb8;
  --faqs-wg-pill-text: #000000;
  --faqs-wg-body-text: #000000;
  --faqs-wg-gap: 14px;
}


/* =========================
   FAQ Item 外框
   ========================= */
.entry .entry-content .faqs-wg-item{
  margin: 12px 0;
  border: 3px solid var(--brand);
}


/* =========================
   问题按钮（整条可点）
   ========================= */
.entry .entry-content .faqs-wg-q{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;

  background-color: var(--faqs-wg-pill-bg);
  color: var(--faqs-wg-pill-text);

  padding: 12px 6px;
  border: 0;
  border-radius: var(--faqs-wg-radius);
  cursor: pointer;
  text-align: left;

  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1;
}


/* =========================
   问题文本继承修正
   ========================= */
.entry .entry-content .faqs-wg-q .faqs-wg-qtext *{
  color: inherit;
}


/* =========================
   右侧 +/- 图标
   ========================= */
.entry .entry-content .faqs-wg-ico{
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;
  background: rgba(0,0,0,.10);
  position: relative;
}

.entry .entry-content .faqs-wg-ico::before,
.entry .entry-content .faqs-wg-ico::after{
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 2px;
}

.entry .entry-content .faqs-wg-ico::before{
  width: 18px;
  height: 3px;
}

.entry .entry-content .faqs-wg-ico::after{
  width: 3px;
  height: 18px;
}

.entry .entry-content .faqs-wg-item.is-open .faqs-wg-ico::after{
  opacity: 0;
}


/* =========================
   答案区域
   ========================= */
.entry .entry-content .faqs-wg-a{
  padding: 12px 6px;
  color: var(--faqs-wg-body-text);
  font-size: 18px;
  line-height: 1.5;
}


/* =========================
   交互反馈（尊重系统动效偏好）
   ========================= */
@media (prefers-reduced-motion: no-preference){
  .entry .entry-content .faqs-wg-q{
    transition: transform .12s ease, filter .12s ease;
  }

  .entry .entry-content .faqs-wg-q:active{
    transform: translateY(1px);
  }
}
