/* ===== 易歪歪 FAQ 列表 / 检索页样式（沿用蓝色主题 #587ab9）===== */
.faq-hero{ background:#2b333a; padding:44px 0 34px; }
.faq-hero h1{ color:#fff; font-size:30px; font-weight:bold; margin:0 0 8px; }
.faq-hero .lead{ color:#8492a2; font-size:15px; margin-bottom:22px; }
.faq-search{ display:flex; max-width:640px; }
.faq-search input{
  flex:1; height:46px; border:0; border-radius:8px 0 0 8px;
  padding:0 16px; font-size:15px; outline:none;
}
.faq-search button{
  width:88px; height:46px; border:0; border-radius:0 8px 8px 0;
  background:#587ab9; color:#fff; font-size:15px; cursor:pointer;
}
.faq-search button:hover{ background:#0047a6; }

.faq-main{ max-width:900px; padding-top:26px; }
.faq-cats{ margin-bottom:16px; }
.faq-cat{
  display:inline-block; font-size:13px; color:#4d6faf;
  border:1px solid #DAE2EC; border-radius:20px; padding:5px 15px;
  margin:0 8px 9px 0; cursor:pointer; background:#fff; user-select:none;
}
.faq-cat:hover{ border-color:#ADBED4; background:#f0f4f9; }
.faq-cat.on{ background:#587ab9; color:#fff; border-color:#587ab9; }

.faq-count{ font-size:13px; color:#8492a2; margin:4px 2px 14px; }

.faq-item{
  display:block; background:#fff; border:1px solid #DAE2EC; border-radius:12px;
  padding:16px 18px; margin-bottom:11px; text-decoration:none; transition:.15s;
}
.faq-item:hover{ border-color:#ADBED4; box-shadow:0 3px 12px rgba(88,122,185,.10); text-decoration:none; }
.faq-item .q{ font-size:15.5px; font-weight:600; color:#2b333a; line-height:1.5; }
.faq-item:hover .q{ color:#366bb3; }
.faq-item .a{ font-size:13.5px; color:#6b7684; line-height:1.75; margin-top:7px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.faq-item .m{ font-size:12px; color:#a0aab8; margin-top:9px; }
.faq-item .m .tag{ display:inline-block; color:#4d6faf; background:#f0f4f9; border-radius:4px; padding:1px 8px; margin-right:9px; }
.faq-item .m .sp{ margin:0 5px; }
.faq-item mark{ background:#fff3bf; color:inherit; padding:0 1px; }

.faq-pager{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; margin:24px 0 48px; }
.faq-pager button, .faq-pager span.pg{
  min-width:36px; height:36px; padding:0 10px; border:1px solid #DAE2EC; background:#fff;
  border-radius:8px; color:#4d6faf; font-size:14px; cursor:pointer;
}
.faq-pager button:hover{ border-color:#ADBED4; background:#f0f4f9; }
.faq-pager button.on{ background:#587ab9; color:#fff; border-color:#587ab9; cursor:default; }
.faq-pager button:disabled{ color:#c3ccd8; cursor:not-allowed; background:#fafbfc; }
.faq-pager .jump{ margin-left:10px; font-size:13px; color:#8492a2; }
.faq-pager .jump input{ width:56px; height:34px; border:1px solid #DAE2EC; border-radius:6px; text-align:center; margin:0 4px; }

.faq-empty{ text-align:center; color:#8492a2; padding:60px 0; font-size:15px; }

.faq-beian{ font-size:12px; background:#2b333b; border-radius:8px; color:#848993;
  padding:9px; display:flex; justify-content:center; margin-top:10px; }
.faq-beian a{ color:#848993; text-decoration:none; }

@media (max-width:767px){
  .faq-hero h1{ font-size:24px; }
  .faq-item .q{ font-size:15px; }
}