/* ===== 千千音乐 帮助中心 · 文章页 · 浅色简约文档风 ===== */
.art-hero{border-bottom:1px solid var(--line);padding:34px 0 24px;}
.art-hero .in{max-width:760px;margin:0 auto;padding:0 24px;}
.art-crumb{font-size:13px;color:var(--ink3);margin-bottom:14px;}
.art-crumb a{color:var(--ink2);}
.art-crumb a:hover{color:var(--red);}
.art-crumb .sep{margin:0 8px;color:var(--line2);}
.art-kicker{display:inline-block;color:var(--red);font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:10px;}
.art-hero h1{color:var(--ink);font-size:28px;font-weight:800;margin:0 0 12px;line-height:1.35;letter-spacing:-.3px;}
.art-meta{color:var(--ink3);font-size:12.5px;}
.art-meta .sp{margin:0 10px;}

.art-wrap{max-width:760px;margin:0 auto;padding:26px 24px 60px;}
.art-card{background:none;border:0;padding:0;}
.art-lead{font-size:16.5px;color:var(--ink);line-height:1.9;background:var(--side);border:1px solid var(--line);border-left:3px solid var(--red);
  padding:16px 18px;border-radius:0 8px 8px 0;margin:0 0 26px;}

.art-toc{background:var(--side);border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin:0 0 26px;}
.art-toc .t{font-size:12px;color:var(--ink3);font-weight:600;letter-spacing:.4px;text-transform:uppercase;margin-bottom:8px;}
.art-toc ol{margin:0;padding-left:20px;}
.art-toc li{font-size:14px;line-height:1.95;}
.art-toc a{color:var(--ink2);}
.art-toc a:hover{color:var(--red);text-decoration:underline;}

.art-card h2{font-size:20px;font-weight:700;color:var(--ink);margin:34px 0 12px;padding-bottom:7px;
  border-bottom:1px solid var(--line);line-height:1.4;scroll-margin-top:70px;}
.art-card p{font-size:15.5px;color:#454440;line-height:1.95;margin:0 0 14px;}
.art-card strong{color:var(--ink);font-weight:600;}
.art-card a{color:var(--red);border-bottom:1px solid var(--red-soft);}
.art-card a:hover{border-bottom-color:var(--red);}
.art-card ul,.art-card ol{margin:0 0 16px;padding-left:22px;}
.art-card li{font-size:15.5px;color:#454440;line-height:1.9;margin-bottom:6px;}
.art-steps{list-style:none;padding-left:0;counter-reset:st;}
.art-steps li{position:relative;padding:7px 0 7px 40px;counter-increment:st;border-bottom:1px dashed var(--line);}
.art-steps li:last-child{border-bottom:0;}
.art-steps li:before{content:counter(st);position:absolute;left:0;top:7px;width:26px;height:26px;
  background:var(--red-soft);color:var(--red);border-radius:7px;text-align:center;line-height:26px;font-size:13px;font-weight:700;}

.art-note{border-radius:8px;padding:14px 16px;margin:0 0 18px;font-size:14px;line-height:1.85;border:1px solid var(--line);}
.art-note .h{display:inline-block;font-weight:700;margin-right:8px;}
.art-note.tip{background:var(--side);}
.art-note.tip .h{color:var(--red);}
.art-note.warn{background:#fffaf0;border-color:#f3e2bf;}
.art-note.warn .h{color:#b5860b;}

.art-table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px;}
.art-table th,.art-table td{border:1px solid var(--line2);padding:10px 13px;text-align:left;vertical-align:top;}
.art-table th{background:var(--side);color:var(--ink);font-weight:600;}
.art-table td{color:#454440;}

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

.art-src{margin-top:28px;background:var(--side);border:1px solid var(--line);border-radius:8px;padding:14px 16px;font-size:12.5px;color:var(--ink3);line-height:1.85;}
.art-src .h{display:block;font-weight:600;color:var(--ink2);margin-bottom:4px;}
.art-src a{color:var(--red);}

.art-foot{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);}
.art-foot .t{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:12px;}
.art-rel{display:block;padding:11px 14px;margin-bottom:8px;border:1px solid var(--line);border-radius:8px;
  font-size:14.5px;color:#454440;transition:.12s;}
.art-rel:hover{border-color:var(--red);color:var(--red);background:var(--side);}
.art-back{display:inline-block;margin-top:24px;color:var(--red);font-size:14px;}

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