/* ===== 千千音乐 帮助中心 · 文章页样式（深色 / 品牌红 #c71721）===== */
.art-hero{background:linear-gradient(135deg,#3a0d10 0%,#1f1f1f 70%);border-bottom:1px solid var(--line);padding:30px 0 26px;}
.art-hero .in{max-width:820px;margin:0 auto;padding:0 18px;}
.art-crumb{font-size:13px;color:var(--fg3);margin-bottom:12px;}
.art-crumb a{color:var(--fg2);}
.art-crumb a:hover{color:var(--red2);}
.art-crumb .sep{margin:0 8px;opacity:.6;}
.art-kicker{display:inline-block;background:var(--red-dim);color:var(--red2);font-size:12px;
  border:1px solid rgba(199,23,33,.3);border-radius:6px;padding:2px 10px;margin-bottom:10px;}
.art-hero h1{color:var(--fg);font-size:25px;font-weight:800;margin:0 0 10px;line-height:1.4;}
.art-meta{color:var(--fg3);font-size:13px;}
.art-meta .sp{margin:0 10px;}

.art-wrap{max-width:820px;margin:0 auto;padding:22px 18px;}
.art-card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:28px 30px;}
.art-lead{font-size:16px;color:var(--fg);line-height:1.9;background:var(--bg3);border-left:4px solid var(--red);
  padding:14px 16px;border-radius:0 8px 8px 0;margin:0 0 22px;}

.art-toc{background:var(--bg3);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:0 0 24px;}
.art-toc .t{font-size:13px;color:var(--fg3);font-weight:600;margin-bottom:6px;}
.art-toc ol{margin:0;padding-left:20px;}
.art-toc li{font-size:14px;line-height:1.9;}
.art-toc a{color:var(--red2);}
.art-toc a:hover{text-decoration:underline;}

.art-card h2{font-size:19px;font-weight:700;color:var(--fg);margin:26px 0 12px;padding-left:11px;
  border-left:4px solid var(--red);line-height:1.4;scroll-margin-top:70px;}
.art-card p{font-size:15px;color:#dcdcdc;line-height:1.95;margin:0 0 14px;}
.art-card strong{color:#fff;}
.art-card a{color:var(--red2);}
.art-card a:hover{text-decoration:underline;}
.art-card ul,.art-card ol{margin:0 0 16px;padding-left:22px;}
.art-card li{font-size:15px;color:#dcdcdc;line-height:1.9;margin-bottom:5px;}
.art-steps{list-style:none;padding-left:0;counter-reset:st;}
.art-steps li{position:relative;padding:6px 0 6px 38px;counter-increment:st;}
.art-steps li:before{content:counter(st);position:absolute;left:0;top:6px;width:24px;height:24px;
  background:var(--red);color:#fff;border-radius:50%;text-align:center;line-height:24px;font-size:13px;font-weight:600;}

.art-note{border-radius:10px;padding:13px 16px;margin:0 0 18px;font-size:14px;line-height:1.85;}
.art-note .h{display:inline-block;font-weight:700;margin-right:8px;}
.art-note.tip{background:rgba(199,23,33,.07);border:1px solid rgba(199,23,33,.25);color:var(--fg2);}
.art-note.tip .h{color:var(--red2);}
.art-note.warn{background:rgba(210,153,34,.08);border:1px solid rgba(210,153,34,.32);color:var(--fg2);}
.art-note.warn .h{color:#e0b341;}

.art-table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px;}
.art-table th,.art-table td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top;}
.art-table th{background:var(--bg3);color:#fff;font-weight:600;}
.art-table td{color:#d6d6d6;}

.art-fig{margin:20px 0;text-align:center;}
.art-fig svg{max-width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#fff;}
.art-fig img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:12px;display:block;margin:0 auto;background:#fff;}
.art-fig .cap{font-size:12.5px;color:var(--fg3);margin-top:8px;line-height:1.6;}

.art-src{margin-top:26px;background:var(--bg3);border-radius:10px;padding:13px 16px;font-size:12.5px;color:var(--fg3);line-height:1.8;}
.art-src .h{display:block;font-weight:600;color:var(--fg2);margin-bottom:4px;}
.art-src a{color:var(--red2);}

.art-foot{margin-top:26px;}
.art-foot .t{font-size:15px;font-weight:700;color:var(--fg);margin-bottom:12px;}
.art-rel{display:block;background:var(--bg3);border:1px solid var(--line);border-radius:10px;padding:12px 15px;
  margin-bottom:9px;font-size:14.5px;color:#d6d6d6;transition:.15s;}
.art-rel:hover{border-color:var(--red);background:#333;color:var(--red2);text-decoration:none;}
.art-back{display:inline-block;margin-top:22px;color:var(--red2);font-size:14px;}

@media (max-width:767px){
  .art-card{padding:20px 18px;}
  .art-hero h1{font-size:20px;}
}