/* ───── Support 通用 ─────────────────────────────── */
.support-hero{
  padding:120px 20px 60px;
  text-align:center;
  background:rgba(255,255,255,.7);          /* 亮色：淡白玻璃 */
  backdrop-filter:blur(6px);
  border-bottom:2px dashed #5B7F47;         /* 主題綠 */
  transition:background .3s ease,border-color .3s ease,color .3s ease;
}

/* — 深色模式調整 — */
body.dark-mode .support-hero{
  /* 以整站深色背景 (#0A1C2B) 為基底，加入柔和漸層 */
  background:linear-gradient(
    135deg,
    rgba(27,39,51,.88) 0%,
    rgba(14,24,34,.88) 100%
  );
  backdrop-filter:none;                     /* 深色不需玻璃效果 */
  border-bottom:2px dashed #A0C59B;         /* 淡綠線條與主色呼應 */
  color:#E6F0FA;                            /* 預設文字淺灰藍 */
}
body.dark-mode .support-hero h1{color:#DEF1D9;} /* 標題柔和點綠 */
body.dark-mode .support-hero p{color:#C8DBF0;}  /* 副標淡灰藍 */

/* ──────────────────────────────────────────────── */
.support-section{
  max-width:800px;margin:40px auto;padding:0 20px;
  line-height:1.8;font-size:1.05rem
}
.support-section h2{margin-bottom:8px;color:#3B5C2C}
body.dark-mode .support-section h2{color:#A0C59B}

/* ───── FAQ（手風琴） ───────────────────────────── */
.faq-list{max-width:800px;margin:40px auto;padding:0 20px}
.faq-item{margin-bottom:16px;border:1px solid #5B7F47;border-radius:8px;overflow:hidden}
.faq-question{
  width:100%;padding:14px 18px;text-align:left;
  background:#5B7F47;color:#fff;font-size:1rem;
  cursor:pointer;border:none;outline:none
}
body.dark-mode .faq-question{background:#0A1C2B}

.faq-answer{
  padding:16px 20px;display:none;background:#FAFDF9;
}
body.dark-mode .faq-answer{
  background:#14283A;color:#E6F0FA
}