/* ==========================================================
   管店宝常见问题页（faq.html）专项样式（2026-09-26）
   ------------------------------------------------------------
   页面复用 lxgdb 家族的骨架样式：lxgdb-base.css（主题基座）+
   lxgdb.css（导航/字体档）+ lxgdb-contact.css（hero/面包屑/FAQ
   手风琴/移动端间距降档），本文件只放 FAQ 页独有部分：
   关键词过滤框、组导语、无结果提示、底部 CTA 按钮。
   ========================================================== */

/* ---------- ① 关键词过滤框（纯前端过滤，无后端依赖） ---------- */
/* 主题无 pt40/pb40 工具类，板块间距直接钉在本选择器上 */
.faq-search-wrap { background-color: #fff; padding-top: 40px; padding-bottom: 40px; }
.faq-group { padding-top: 40px; padding-bottom: 24px; }
.faq-search-box { max-width: 560px; margin: 0 auto; }
.faq-search-box input {
  width: 100%; padding: 12px 20px;
  border: 1px solid rgba(0, 0, 0, .12); border-radius: 999px;
  font-size: 1rem; font-family: inherit; color: rgba(0, 0, 0, .85);
  outline: none; background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.faq-search-box input::placeholder { color: rgba(0, 0, 0, .35); }
.faq-search-box input:focus { border-color: var(--brand-500, #FF7C1C); box-shadow: 0 0 0 3px rgba(255, 124, 28, .15); }
.faq-search-hint { text-align: center; margin: 12px 0 0; font-size: .875rem; color: rgba(0, 0, 0, .45); }
.faq-search-hint a { color: var(--brand-text, var(--brand-800, #B34700)); text-decoration: none; }
.faq-search-hint a:hover { color: var(--brand-surface, var(--brand-700, #C25200)); text-decoration: underline; }

/* ---------- ② 分组导语与无结果提示 ---------- */
.faq-group-lead { margin: -6px 0 24px; color: rgba(0, 0, 0, .55); font-size: .9375rem; line-height: 1.6; }
.faq-noresult { display: none; text-align: center; padding: 24px 0 48px; color: rgba(0, 0, 0, .5); }
.faq-noresult.show { display: block; }
.faq-noresult strong { color: rgba(0, 0, 0, .75); }

/* ---------- ③ 底部转化 CTA ---------- */
.faq-bottom-cta { text-align: center; }
.faq-bottom-cta .btn { margin: 4px 6px; }
.faq-bottom-cta .btn-hero-ghost { margin-left: 0; }
/* lxgdb 家族没有 btn-hero-ghost 样式（那是拓客/微商城 hero 的类），这里补一份：
   白底上深橙描边 + 深橙字，悬停橙底白字（与描边主按钮同语言，不突兀） */
.faq-bottom-cta .btn-hero-ghost {
  --btn-color: var(--brand-text) !important; --btn-border-color: var(--brand-text) !important;
  --btn-bg: transparent !important;
  --btn-hover-color: #FFFFFF !important; --btn-hover-bg: var(--brand-text) !important;
  --btn-hover-border-color: var(--brand-text) !important;
  --btn-focus-shadow-rgb: 179, 71, 0 !important;
}

/* ---------- ④ 搜索过滤与手风琴的配合 ---------- */
/* 过滤命中时若面板处于展开态被隐藏，重置展开态避免残留 */
.faq-group .accordion-item[hidden] { display: none !important; }