@charset "utf-8";
/* ===== 酷狗音乐 问答知识库 追加样式（配合 kgfaq.css） ===== */

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

/* 问答卡：图文两栏 */
.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 #eaeef3; border-radius:9px; background:#fbfdff; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hp_athumb .fig svg { width:100%; height:100%; display:block; }
.hp_athumb .fig img { width:100%; height:100%; object-fit:cover; display:block; }
.hp_athumb span { display:block; font-size:12px; color:#a8aeb6; margin-top:7px; line-height:1.6; }
.hp_athumb:hover .fig { border-color:#a9c6ee; }
.hp_athumb:hover span { color:#0062FF; }

/* 卡片内要点列表 */
.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:#5a6472; 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:#0062FF; }

/* 翻页器 */
.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 #e6eaf0; border-radius:8px; background:#fff; color:#55596b; }
.kb_pager a:hover { border-color:#a9c6ee; color:#0062FF; background:#f0f6ff; }
.kb_pager .cur { background:linear-gradient(90deg,#0062FF,#28a9f3); 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 #eaeef3; border-radius:14px; padding:18px; transition:box-shadow .2s,border-color .2s; }
.kb_cat:hover { box-shadow:0 8px 24px rgba(0,60,140,.10); border-color:#a9c6ee; }
.kb_cat_ico { width:120px; height:88px; border-radius:10px; background:#fbfdff; border:1px solid #eaeef3; flex-shrink:0; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.kb_cat_ico svg { width:100%; height:100%; }
.kb_cat_ico img { width:100%; height:100%; object-fit:cover; display:block; }
.kb_cat_b { min-width:0; flex:1; }
.kb_cat_b h3 { font-size:17px; color:#2b333a; margin:2px 0 5px; }
.kb_cat:hover .kb_cat_b h3 { color:#0062FF; }
.kb_cnt { font-size:12px; color:#a8aeb6; }
.kb_samp { margin-top:10px; display:flex; flex-direction:column; gap:5px; }
.kb_samp a { font-size:13px; color:#5a6472; line-height:1.55; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kb_samp a:hover { color:#0062FF; }

/* 帮助中心 → 知识库入口横幅 */
.kb_banner { display:flex; align-items:center; gap:18px; margin:22px auto 4px; padding:18px 24px; border-radius:14px; width:1000px; box-sizing:border-box;
  background:linear-gradient(100deg,#eef5ff 0%,#f0fbff 100%); border:1px solid #d6e6fb; }
.kb_banner:hover { border-color:#a9c6ee; box-shadow:0 6px 20px rgba(0,98,255,.10); }
.kb_banner_l { flex:1; min-width:0; }
.kb_banner_l b { display:block; font-size:16px; color:#2b333a; margin-bottom:5px; }
.kb_banner:hover .kb_banner_l b { color:#0062FF; }
.kb_banner_l span { font-size:13px; color:#6b7480; line-height:1.7; }
.kb_banner_btn { flex-shrink:0; background:linear-gradient(90deg,#0062FF,#28a9f3); 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; width:auto; }
  .art_card { padding:22px 18px; }
}
@media (max-width:640px){ .kb_cat_ico { width:84px; height:64px; } }

/* ===== 卡片 meta 行（发布时间/访问量） + 全文链接 ===== */
.hp_meta { margin-top:11px; font-size:12px; color:#a8aeb6; }
.hp_more { color:#0062FF; text-decoration:none; margin-left:6px; }
.hp_more:hover { text-decoration:underline; }

/* ===== 文章详情页（a/ 目录，配合 kgfaq.css） ===== */
.art_wrap { max-width:880px; margin:0 auto; padding:0 16px; }
.art_card { background:#fff; border:1px solid #eaeef3; border-radius:14px; padding:34px 42px; margin:20px 0 26px; }
.art_h1 { font-size:24px; line-height:1.55; color:#1c2430; font-weight:700; margin:0; }
.art_meta { margin-top:13px; font-size:13px; color:#9aa3ae; }
.art_meta span { margin-right:20px; }
.art_meta a { color:#9aa3ae; }
.art_meta a:hover { color:#0062FF; }
.art_sum { margin:22px 0 4px; padding:15px 18px; background:#f2f7ff; border-left:3px solid #0062FF; border-radius:0 9px 9px 0; font-size:14px; line-height:1.95; color:#39445a; }
.art_sum b { color:#0062FF; margin-right:6px; }
.art_fig { margin:26px 0; text-align:center; }
.art_fig svg { width:440px; max-width:100%; height:auto; display:inline-block; border:1px solid #eaeef3; border-radius:11px; }
.art_fig img { max-width:440px; max-height:560px; width:auto; height:auto; display:inline-block; border:1px solid #eaeef3; border-radius:11px; }
.art_fig figcaption { margin-top:9px; font-size:12px; color:#a8aeb6; }
.art_card h2 { font-size:18px; color:#1c2430; margin:32px 0 12px; padding-left:11px; border-left:4px solid #0062FF; line-height:1.4; }
.art_card p { font-size:14.5px; line-height:2.05; color:#39445a; margin:10px 0; }
.art_card ol { margin:10px 0 10px 22px; padding:0; }
.art_card ol li { font-size:14.5px; line-height:2.0; color:#39445a; margin:7px 0; }
.art_rel { margin-top:34px; background:#f7f9fc; border-radius:11px; padding:18px 22px; }
.art_rel h3 { font-size:15px; color:#1c2430; margin:0 0 8px; }
.art_rel a { display:block; font-size:13.5px; color:#0062FF; line-height:2.15; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.art_rel a:hover { text-decoration:underline; }
.art_pn { display:flex; justify-content:space-between; gap:16px; margin-top:24px; font-size:13.5px; }
.art_pn a { color:#0062FF; text-decoration:none; max-width:48%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.art_pn a:hover { text-decoration:underline; }