@charset "utf-8";
/* ===== 向日葵远程 问答知识库 追加样式（配合 xrfaq.css） ===== */

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

/* 问答卡：图文两栏 */
.hp_a p { margin:13px 0 0; }
.hp_abox { display:flex; gap:20px; align-items:flex-start; margin-top:13px; }
.hp_atext { flex:1; min-width:0; }
.hp_atext p { margin:0; }
.hp_athumb { flex:0 0 210px; width:210px; display:block; text-align:center; }
.hp_athumb .fig { width:100%; height:120px; border:1px solid #eef0f4; border-radius:9px; background:#fbfcfe; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hp_athumb .fig svg { width:100%; height:100%; display:block; }
.hp_athumb span { display:block; font-size:12px; color:#a8acba; margin-top:7px; line-height:1.6; }
.hp_athumb:hover .fig { border-color:#ffc2d1; }
.hp_athumb:hover span { color:#FF597F; }

/* 卡片内要点列表 */
.kb_pts { margin:11px 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:#FF597F; }

/* 翻页器 */
.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 #e6e9f0; border-radius:8px; background:#fff; color:#55596b; }
.kb_pager a:hover { border-color:#ffc2d1; color:#FF597F; background:#fff6f8; }
.kb_pager .cur { background:linear-gradient(90deg,#FF597F,#ff7d9b); 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 #eef0f4; border-radius:14px; padding:18px; transition:box-shadow .2s,border-color .2s; }
.kb_cat:hover { box-shadow:0 8px 24px rgba(43,51,71,.10); border-color:#ffc2d1; }
.kb_cat_ico { width:120px; height:88px; border-radius:10px; background:#fbfcfe; border:1px solid #eef0f4; flex-shrink:0; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.kb_cat_ico svg { width:100%; height:100%; }
.kb_cat_b { min-width:0; flex:1; }
.kb_cat_b h3 { font-size:17px; color:#2b3347; margin:2px 0 5px; }
.kb_cat:hover .kb_cat_b h3 { color:#FF597F; }
.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:#FF597F; }

/* 常见问题页 → 知识库入口横幅 */
.kb_banner { display:flex; align-items:center; gap:18px; margin:22px 0 4px; padding:18px 24px; border-radius:14px;
  background:linear-gradient(100deg,#fff0f4 0%,#eef5ff 100%); border:1px solid #ffd9e2; }
.kb_banner:hover { border-color:#ffc2d1; box-shadow:0 6px 20px rgba(255,89,127,.10); }
.kb_banner_l { flex:1; min-width:0; }
.kb_banner_l b { display:block; font-size:16px; color:#2b3347; margin-bottom:5px; }
.kb_banner:hover .kb_banner_l b { color:#FF597F; }
.kb_banner_l span { font-size:13px; color:#6f7484; line-height:1.7; }
.kb_banner_btn { flex-shrink:0; background:linear-gradient(90deg,#FF597F,#ff7d9b); color:#fff; font-size:14px; font-weight:600;
  padding:11px 22px; border-radius:999px; white-space:nowrap; }

@media (max-width:1140px){
  .kb_catgrid { grid-template-columns:1fr; }
  .hp_abox { flex-direction:column; }
  .hp_athumb { width:100%; flex-basis:auto; }
  .hp_athumb .fig { height:150px; }
  .kb_banner { flex-direction:column; align-items:flex-start; }
}
@media (max-width:640px){ .kb_cat_ico { width:84px; height:64px; } }