:root{
  --faqm-brand:#1668dc;
  --faqm-brand-light:#eaf2ff;
  --faqm-ink:#0f172a;
  --faqm-text:#5a6b7f;
  --faqm-muted:#98a4b6;
  --faqm-line:#e9eef7;
  --faqm-bg:#f5f8fe;
  --faqm-radius:14px;
}
/* ================= 版块主体 ================= */
.faqm-section{background:linear-gradient(180deg,#fff 0%,var(--faqm-bg) 30%,var(--faqm-bg) 100%);padding:26px 0 30px;}

/* ---------- 顶部标题 ---------- */
.faqm-head{padding:0 16px;}

.faqm-title{margin:0 0 8px;font-size:22px;line-height:1.35;font-weight:800;letter-spacing:.5px;}
.faqm-title em{font-style:normal;color:var(--faqm-brand);}
.faqm-sub{margin:0;font-size:13px;line-height:1.75;color:var(--faqm-muted);}



/* ---------- 分类胶囊 Tab（横向滚动 + 吸顶） ---------- */
/* 注意：若页面有固定头部，把 top:0 改成头部高度，如 top:50px */
.faqm-tabs{
  position:sticky;top:0;z-index:20;
  margin-top:18px;padding:10px 0;
  background:rgba(245,248,254,.94);
  -webkit-backdrop-filter:saturate(180%) blur(10px);
  backdrop-filter:saturate(180%) blur(10px);
}
.faqm-tabs-inner{
  display:flex;gap:8px;padding:0 16px;overflow-x:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.faqm-tabs-inner::-webkit-scrollbar{display:none;}
.faqm-tab{
  flex:none;height:34px;padding:0 16px;border:0;border-radius:999px;
  background:#fff;color:var(--faqm-text);font-size:14px;font-family:inherit;font-weight:500;
  white-space:nowrap;box-shadow:0 2px 6px rgba(15,38,74,.06);transition:.2s;
  -webkit-tap-highlight-color:transparent;
}
.faqm-tab.active{
  background:linear-gradient(120deg,var(--faqm-brand),#3d87f5);
  color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(22,104,220,.28);
}


/* ---------- 问答列表 ---------- */
.faqm-list{padding:0 16px;display:flex;flex-direction:column;gap:10px;}
.faqm-item{
  background:#fff;border:1px solid var(--faqm-line);border-radius:var(--faqm-radius);
  overflow:hidden;transition:border-color .2s,box-shadow .2s;
}
.faqm-item.hide{display:none;}
.faqm-item.is-open{border-color:#bcd8ff;box-shadow:0 6px 18px rgba(22,104,220,.1);}

.faqm-q{
  display:flex;align-items:flex-start;gap:10px;width:100%;
  padding:15px 40px 15px 14px;position:relative;border:0;background:transparent;
  font-family:inherit;font-size:15px;font-weight:600;line-height:1.55;color:var(--faqm-ink);
  text-align:left;cursor:pointer;transition:color .18s;
  -webkit-tap-highlight-color:transparent;
}
.faqm-item.is-open .faqm-q{color:var(--faqm-brand);}
.faqm-idx{
  flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;
  background:var(--faqm-brand-light);color:var(--faqm-brand);
  font-size:11px;font-weight:700;line-height:20px;text-align:center;
}
.faqm-item.is-open .faqm-idx{background:var(--faqm-brand);color:#fff;}
.faqm-toggle{position:absolute;right:14px;top:16px;width:20px;height:20px;}
.faqm-toggle::before,.faqm-toggle::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--faqm-brand);border-radius:2px;
  transition:transform .26s ease,opacity .2s,background .2s;
}
.faqm-toggle::before{width:12px;height:2px;transform:translate(-50%,-50%);}
.faqm-toggle::after{width:2px;height:12px;transform:translate(-50%,-50%);}
.faqm-item.is-open .faqm-toggle::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}

.faqm-a{max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .24s ease;}
.faqm-item.is-open .faqm-a{opacity:1;}
.faqm-a-inner{padding:0 16px 14px 44px;font-size:13.5px;line-height:1.85;color:var(--faqm-text);}
.faqm-a-inner p{margin:0;}
.faqm-a-inner mark{background:#ffe9a8;color:inherit;border-radius:3px;padding:0 2px;}
.faqm-tags{padding:0 16px 14px 44px;display:flex;flex-wrap:wrap;gap:6px;}
.faq-tag{font-size:11px;color:var(--faqm-brand);background:var(--faqm-brand-light);border-radius:5px;padding:3px 8px;}
/* ===== 去掉点击后的黑框（鼠标点击不显示，键盘 Tab 仍保留可访问性） ===== */
.faqm-section button:focus{ outline:none; }

/* 键盘 Tab 聚焦时改成品牌蓝，既无黑框又不丢无障碍 */
.faqm-section button:focus-visible{
  outline:2px solid #1668dc;
  outline-offset:2px;
  border-radius:8px;
}