@charset "utf-8";
/* ===== 酷狗帮助中心 公共样式（列表页 + 文章页共用） ===== */
* { margin:0; padding:0; }
body { font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; font-size:14px; color:#333; background:#fff; }
a { text-decoration:none; color:#333; }
ul, li { list-style:none; }
img { border:0; vertical-align:middle; max-width:100%; }
.fl { float:left; }
.clear_fix { zoom:1; }
.clear_fix:after { content:""; display:block; clear:both; }

/* ---- 顶部蓝条 ---- */
.cmhead1 { background:#0062FF; position:relative; height:44px; }
.cmhead1_in { width:1000px; margin:0 auto; height:44px; display:flex; align-items:center; }
.cmhead1_logo { display:flex; align-items:center; }
.cmhead1_logo img { height:26px; }
.cmhead1_r { margin-left:auto; display:flex; align-items:center; gap:20px; }
.cmhead1_r a { color:#fff; font-size:13px; opacity:.92; }
.cmhead1_r a:hover { opacity:1; }

/* ---- 白色主导航 ---- */
.cmhead2 { background:#fff; border-bottom:1px solid #f0f0f0; }
.cmhead2_ul1 { display:flex; width:1000px; margin:0 auto; }
.cmhead2_li1 { width:0; flex:1; display:flex; align-items:center; justify-content:center; height:60px; position:relative; }
.cmhead2_a1 { width:136px; display:flex; align-items:center; justify-content:center; height:60px; color:#000; font-size:16px; }
.cmhead2_li1:hover .cmhead2_a1 { color:#0062FF; }
.cmhead2_li1._active .cmhead2_a1 { color:#fff; font-weight:bold; background:#0062FF; width:94px; height:34px; border-radius:18px; }

/* ---- 面包屑 ---- */
.crumbs { font-size:14px; width:1000px; padding:9px 0; line-height:25px; margin:0 auto; color:#999; }
.crumbs a { color:#999; }
.crumbs a:hover { color:#0062FF; }
.crumbs .sep { padding:0 6px; color:#ccc; }
.crumbs .cur { color:#777; }

/* ---- 页头 ---- */
.hp_hero { background:linear-gradient(135deg,#0062FF 0%,#28a9f3 100%); color:#fff; padding:38px 0 34px; }
.hp_hero_in { width:1000px; margin:0 auto; }
.hp_hero h1 { font-size:30px; font-weight:bold; margin-bottom:10px; }
.hp_hero p { font-size:14px; opacity:.9; }
.hp_search { margin-top:22px; display:flex; width:560px; background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.12); }
.hp_search input { flex:1; border:0; outline:none; height:44px; padding:0 20px; font-size:14px; font-family:inherit; color:#333; }
.hp_search span { width:76px; height:44px; line-height:44px; text-align:center; background:#fff; color:#0062FF; font-size:18px; }

/* ---- 分类导航胶囊 ---- */
.hp_wrap { width:1000px; margin:0 auto; }
.hp_pills { padding:24px 0 6px; }
.hp_pill { display:inline-block; font-size:13px; color:#0062FF; border:1px solid #d8e4f5; border-radius:18px; padding:5px 16px; margin:0 8px 10px 0; background:#fff; }
.hp_pill:hover { background:#f0f6ff; border-color:#a9c6ee; }

/* ---- 分组标题 ---- */
.hp_gtitle { font-size:20px; font-weight:bold; color:#222; margin:26px 0 14px; padding-left:11px; border-left:4px solid #0062FF; }
.hp_gtitle small { font-size:13px; font-weight:normal; color:#a2a2a2; margin-left:10px; }

/* ---- 问答折叠卡 ---- */
.hp_card { border:1px solid #eaeef3; border-radius:10px; margin-bottom:10px; background:#fff; overflow:hidden; transition:box-shadow .2s; }
.hp_card:hover { box-shadow:0 2px 14px rgba(0,0,0,.07); }
.hp_q { width:100%; text-align:left; background:none; border:0; padding:16px 50px 16px 18px; font-size:15px; font-weight:600; color:#2b333a; position:relative; cursor:pointer; font-family:inherit; }
.hp_q:hover { color:#0062FF; }
.hp_q:after { content:""; position:absolute; right:22px; top:50%; width:8px; height:8px; border-right:2px solid #9aa4b0; border-bottom:2px solid #9aa4b0; transform:translateY(-70%) rotate(45deg); transition:transform .25s; }
.hp_card._open .hp_q { color:#0062FF; }
.hp_card._open .hp_q:after { transform:translateY(-30%) rotate(-135deg); border-color:#0062FF; }
.hp_a { display:none; padding:0 18px 16px; font-size:14px; color:#5a6472; line-height:1.85; border-top:1px solid #f2f5f8; }
.hp_card._open .hp_a { display:block; }
.hp_a p { margin:12px 0 0; }
.hp_more { display:inline-block; margin-top:12px; color:#0062FF; font-size:13px; }
.hp_more:hover { text-decoration:underline; }
.hp_kw { font-size:12px; color:#b6bcc4; margin-top:10px; }
.hp_empty { display:none; padding:40px 0; text-align:center; color:#999; }

/* ---- 侧边提示卡 ---- */
.hp_note { background:#f7f9fc; border:1px solid #eaeef3; border-radius:10px; padding:16px 18px; margin:28px 0 40px; font-size:13px; color:#6b7480; line-height:1.9; }
.hp_note b { color:#333; }

/* ===== 文章页 ===== */
.art_hero { background:#2c323b; color:#fff; padding:34px 0 30px; }
.art_hero_in { width:1000px; margin:0 auto; }
.art_hero .kicker { display:inline-block; font-size:12px; background:rgba(255,255,255,.14); border-radius:12px; padding:3px 12px; margin-bottom:12px; }
.art_hero h1 { font-size:27px; line-height:1.45; font-weight:bold; }
.art_hero .meta { margin-top:14px; font-size:13px; color:#9aa3ae; }
.art_hero .meta .sp { display:inline-block; width:1px; height:11px; background:#5b636e; margin:0 12px; vertical-align:middle; }
.art_hero .crumbs { width:auto; color:#8d96a1; padding:0 0 4px; }
.art_hero .crumbs a { color:#8d96a1; }
.art_hero .crumbs a:hover { color:#fff; }

.art_main { width:1000px; margin:0 auto; padding:26px 0 10px; display:flex; gap:26px; align-items:flex-start; }
.art_card { flex:1; min-width:0; background:#fff; border:1px solid #eaeef3; border-radius:12px; padding:34px 40px 30px; }
.art_side { width:250px; flex-shrink:0; }
.art_side_box { background:#fff; border:1px solid #eaeef3; border-radius:12px; padding:16px 18px; margin-bottom:16px; }
.art_side_box .t { font-size:15px; font-weight:bold; color:#222; margin-bottom:10px; padding-left:9px; border-left:3px solid #0062FF; }
.art_side_box a { display:block; font-size:13px; color:#5a6472; line-height:1.6; padding:7px 0; border-bottom:1px dashed #eef1f5; }
.art_side_box a:last-child { border-bottom:0; }
.art_side_box a:hover { color:#0062FF; }
.art_toc a { color:#5a6472; }

/* 文章正文排版 */
.art_lead { font-size:15px; color:#4a5563; line-height:1.95; background:#f7f9fc; border-left:3px solid #0062FF; border-radius:0 8px 8px 0; padding:14px 18px; margin-bottom:26px; }
.art_card h2 { font-size:20px; color:#1c222b; margin:32px 0 12px; padding-bottom:9px; border-bottom:1px solid #f0f3f7; }
.art_card h3 { font-size:16px; color:#2b333a; margin:22px 0 8px; }
.art_card p { font-size:15px; color:#4a5563; line-height:1.95; margin:12px 0; }
.art_card ul, .art_card ol { margin:12px 0 12px 6px; }
.art_card li { font-size:15px; color:#4a5563; line-height:1.9; margin:6px 0 6px 20px; list-style:disc; }
.art_card ol li { list-style:decimal; }
.art_card strong { color:#1c222b; }
.art_card code { background:#f2f5f8; border-radius:4px; padding:2px 6px; font-family:Consolas,Monaco,monospace; font-size:13px; color:#c7254e; word-break:break-all; }
.art_card a.inl { color:#0062FF; }
.art_card a.inl:hover { text-decoration:underline; }

/* 表格 */
.art_tb { width:100%; border-collapse:collapse; margin:16px 0; font-size:14px; }
.art_tb th, .art_tb td { border:1px solid #e6eaf0; padding:10px 12px; text-align:left; line-height:1.7; color:#4a5563; vertical-align:top; }
.art_tb th { background:#f5f8fc; color:#2b333a; font-weight:600; }
.art_tb tr:hover td { background:#fafbfd; }

/* 图 */
.art_fig { margin:22px 0; text-align:center; }
.art_fig img { border:1px solid #eaeef3; border-radius:8px; background:#fafbfd; padding:10px; }
.art_fig figcaption { font-size:13px; color:#9aa3ae; margin-top:9px; }
.art_fig svg { max-width:100%; height:auto; }

/* 提示块 */
.art_tip { border-radius:8px; padding:14px 18px; margin:18px 0; font-size:14px; line-height:1.9; }
.art_tip b { display:block; margin-bottom:4px; }
.art_tip._i { background:#f0f6ff; border:1px solid #d6e6fb; color:#3a5c86; }
.art_tip._w { background:#fff8ef; border:1px solid #f7e2c3; color:#8a6023; }
.art_tip._ok { background:#f1faf3; border:1px solid #cfebd6; color:#2f6b41; }

/* 步骤 */
.art_step { counter-reset:st; margin:18px 0; }
.art_step_i { position:relative; padding:0 0 16px 42px; border-left:2px solid #e9eef4; margin-left:13px; }
.art_step_i:last-child { border-left-color:transparent; padding-bottom:0; }
.art_step_i:before { counter-increment:st; content:counter(st); position:absolute; left:-14px; top:0; width:26px; height:26px; border-radius:50%; background:#0062FF; color:#fff; font-size:13px; text-align:center; line-height:26px; }
.art_step_i .h { font-size:15px; font-weight:600; color:#2b333a; margin:2px 0 4px; }
.art_step_i p { margin:4px 0; font-size:14px; }

/* 底部 */
.art_foot { margin-top:36px; padding-top:22px; border-top:1px solid #f0f3f7; }
.art_foot .t { font-size:15px; font-weight:bold; color:#222; margin-bottom:12px; }
.art_rel { display:inline-block; font-size:13px; color:#4a5563; background:#f5f8fc; border:1px solid #e6eaf0; border-radius:16px; padding:6px 15px; margin:0 8px 9px 0; }
.art_rel:hover { color:#0062FF; border-color:#a9c6ee; background:#f0f6ff; }
.art_back { display:inline-block; margin-top:20px; font-size:14px; color:#0062FF; }
.art_back:hover { text-decoration:underline; }
.art_src { margin-top:26px; font-size:12px; color:#a8aeb6; line-height:1.9; }

/* ---- 页脚 ---- */
.cmfoot { background:#2C323B; color:#B1B3B9; padding-bottom:44px; margin-top:40px; }
.cmfoot_ul2 { display:flex; justify-content:center; flex-wrap:wrap; align-items:center; padding-top:34px; margin-bottom:14px; }
.cmfoot_li2 { color:#B1B3B9; font-size:12px; padding:0 6px; border-left:1px solid gray; height:12px; display:flex; align-items:center; }
.cmfoot_li2:first-child { border-left:0; }
.cmfoot_a3 { color:#B1B3B9; font-size:12px; }
.cmfoot_a3:hover { color:#fff; }
.cmfoot_d1 { text-align:center; font-size:12px; line-height:2; }
.cmfoot_d1_a1 { color:#B1B3B9; margin-right:12px; }

@media screen and (max-width:1024px) { body { width:fit-content; } }