/* ===== 搜狗输入法 帮助中心 · 文章页样式 ===== */
.art-hero{background:linear-gradient(135deg,#fb6d3a 0%,#ff9a4d 100%);padding:30px 0 26px;}
.art-hero .in{max-width:820px;margin:0 auto;padding:0 18px;}
.art-crumb{font-size:13px;color:rgba(255,255,255,.9);margin-bottom:12px;}
.art-crumb a{color:rgba(255,255,255,.9);}
.art-crumb a:hover{color:#fff;}
.art-crumb .sep{margin:0 8px;opacity:.6;}
.art-kicker{display:inline-block;background:rgba(255,255,255,.2);color:#fff;font-size:12px;
  border-radius:6px;padding:2px 10px;margin-bottom:10px;}
.art-hero h1{color:#fff;font-size:25px;font-weight:800;margin:0 0 10px;line-height:1.4;}
.art-meta{color:rgba(255,255,255,.9);font-size:13px;}
.art-meta .sp{margin:0 10px;}

.art-wrap{max-width:820px;margin:0 auto;padding:22px 18px;}
.art-card{background:#fff;border:1px solid #eaecef;border-radius:16px;padding:28px 30px;}
.art-lead{font-size:16px;color:#1d2129;line-height:1.9;background:#fff5ef;border-left:4px solid #fb6d3a;
  padding:14px 16px;border-radius:0 8px 8px 0;margin:0 0 22px;}

.art-toc{background:#f7f8fa;border:1px solid #eef0f2;border-radius:10px;padding:14px 18px;margin:0 0 24px;}
.art-toc .t{font-size:13px;color:#86909c;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:#e8541e;}
.art-toc a:hover{text-decoration:underline;}

.art-card h2{font-size:19px;font-weight:700;color:#1d2129;margin:26px 0 12px;padding-left:11px;
  border-left:4px solid #fb6d3a;line-height:1.4;scroll-margin-top:70px;}
.art-card p{font-size:15px;color:#3d434d;line-height:1.95;margin:0 0 14px;}
.art-card a{color:#e8541e;}
.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:#3d434d;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:#fb6d3a;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:#fff5ef;border:1px solid #ffd9bf;color:#8a4013;}
.art-note.tip .h{color:#e8541e;}
.art-note.warn{background:#fff7e8;border:1px solid #ffe1a8;color:#8a5a00;}
.art-note.warn .h{color:#d48806;}

.art-table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px;}
.art-table th,.art-table td{border:1px solid #e8eaed;padding:9px 12px;text-align:left;}
.art-table th{background:#fff5ef;color:#8a4013;font-weight:600;}

.art-faq{list-style:none;padding-left:0;margin:0 0 18px;}
.art-faq li{background:#fafbfc;border:1px solid #eef0f2;border-radius:10px;padding:12px 15px;margin-bottom:10px;
  font-size:14.5px;color:#3d434d;line-height:1.85;}
.art-faq li b{color:#1d2129;font-weight:600;}
.art-faq li br{margin-bottom:2px;}

.art-fig{margin:20px 0;text-align:center;}
.art-fig svg{max-width:100%;height:auto;border:1px solid #eef0f2;border-radius:12px;background:#fff;}
.art-fig img{max-width:100%;height:auto;border:1px solid #eef0f2;border-radius:12px;background:#f7f8fa;display:inline-block;}

.art-fig .cap{font-size:12.5px;color:#98a0ad;margin-top:8px;line-height:1.6;}

.art-src{margin-top:26px;background:#f7f8fa;border-radius:10px;padding:13px 16px;font-size:12.5px;color:#86909c;line-height:1.8;}
.art-src .h{display:block;font-weight:600;color:#4e5969;margin-bottom:4px;}
.art-src a{color:#e8541e;}

.art-foot{margin-top:26px;}
.art-foot .t{font-size:15px;font-weight:700;color:#1d2129;margin-bottom:12px;}
.art-rel{display:block;background:#f7f8fa;border:1px solid #eef0f2;border-radius:10px;padding:12px 15px;
  margin-bottom:9px;font-size:14.5px;color:#3d434d;transition:.15s;}
.art-rel:hover{border-color:#ffcaa8;background:#fff5ef;color:#e8541e;text-decoration:none;}
.art-back{display:inline-block;margin-top:22px;color:#e8541e;font-size:14px;}

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