@charset "utf-8";
/* ===== 2345看图王 问答知识库 追加样式（配合 p2faq.css） ===== */

/* 分类胶囊里的计数 */
.hp_pill em { font-style:normal; color:#a8acba; font-size:12px; margin-left:2px; }
.hp_pill:hover em { color:#9b90ff; }

/* 卡片内要点列表 */
.kb_pts { margin:10px 0 0; padding:0; }
.kb_pts li { list-style:none; position:relative; padding:3px 0 3px 16px; font-size:13px; color:#5d6273; line-height:1.8; margin:0; }
.kb_pts li:before { content:""; position:absolute; left:2px; top:12px; width:5px; height:5px; border-radius:50%; background:#7a6bff; }

/* 翻页器 */
.kb_pager { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin:26px 0 8px; }
.kb_pager a, .kb_pager span { min-width:36px; height:36px; padding:0 11px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; border:1px solid #e7e7ef; border-radius:8px; background:#fff; color:#55596b; }
.kb_pager a:hover { border-color:#c9c2ff; color:#7a6bff; background:#f6f5ff; }
.kb_pager .cur { background:linear-gradient(90deg,#7a6bff,#31c4ff); border-color:transparent; color:#fff; font-weight:bold; }
.kb_pager .dot { border:0; background:none; color:#b0b4c1; min-width:18px; padding:0; }

/* 索引页分类网格 */
.kb_catgrid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; padding:24px 0 6px; }
.kb_cat { display:flex; gap:16px; background:#fff; border:1px solid #edf0f5; border-radius:14px; padding:18px; transition:box-shadow .2s,border-color .2s; }
.kb_cat:hover { box-shadow:0 8px 24px rgba(53,75,120,.1); border-color:#c9c2ff; }
.kb_cat > img, .kb_cat > svg { width:120px; height:88px; object-fit:cover; border-radius:10px; background:#fafbfd; border:1px solid #edf0f5; flex-shrink:0; }
.kb_cat > svg { height:88px !important; }
.kb_cat_b { min-width:0; flex:1; }
.kb_cat_b h3 { font-size:17px; color:#1f2633; margin:2px 0 5px; }
.kb_cat:hover .kb_cat_b h3 { color:#7a6bff; }
.kb_cnt { font-size:12px; color:#a8acba; }
.kb_samp { margin-top:10px; display:flex; flex-direction:column; gap:5px; }
.kb_samp a { font-size:13px; color:#5d6273; line-height:1.55; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kb_samp a:hover { color:#7a6bff; }

@media (max-width:1220px){ .kb_catgrid { grid-template-columns:1fr; } }
@media (max-width:640px){ .kb_cat > img { width:84px; height:64px; } }

/* 卡片内联 SVG 配图（替代重复 CDN 图） */
.hp_athumb svg { width:100%; height:118px; border:1px solid #edf0f5; border-radius:9px; background:#fafbfd; display:block; }
.hp_athumb:hover svg { border-color:#c9c2ff; }

/* 常见问题页 → 知识库入口横幅 */
.kb_banner { display:flex; align-items:center; gap:18px; margin:22px 0 4px; padding:18px 24px; border-radius:14px;
  background:linear-gradient(100deg,#f2f0ff 0%,#eaf6ff 100%); border:1px solid #e2ddff; }
.kb_banner:hover { border-color:#c9c2ff; box-shadow:0 6px 20px rgba(90,73,245,.1); }
.kb_banner_l { flex:1; min-width:0; }
.kb_banner_l b { display:block; font-size:16px; color:#2f333d; margin-bottom:5px; }
.kb_banner:hover .kb_banner_l b { color:#5a49f5; }
.kb_banner_l span { font-size:13px; color:#6f7484; line-height:1.7; }
.kb_banner_btn { flex-shrink:0; background:linear-gradient(90deg,#7a6bff,#31c4ff); color:#fff; font-size:14px; font-weight:600;
  padding:11px 22px; border-radius:999px; white-space:nowrap; }
@media (max-width:640px){ .kb_banner { flex-direction:column; align-items:flex-start; } }