/* ==========================================================
   文章页排版层 —— 仅补充正文可读性
   沿用主站品牌色：brand #165DFF / textMain #1D2129 / textSub #4E5969
   不覆盖主站任何既有 class（nav / hero / faq / footer 全部原样）
   ========================================================== */

.art-meta{font-size:13px;color:#86909C;line-height:1.8}
.art-meta i{vertical-align:-2px}

/* 结论先行句：搜索引擎抓摘要的位置 */
.art-answer{
  border-left:4px solid #165DFF;
  background:#E8F3FF;
  border-radius:0 12px 12px 0;
  padding:16px 20px;
  margin:24px 0;
  font-size:17px;
  font-weight:600;
  color:#1D2129;
  line-height:1.85;
}

/* 正文排版 */
.art-prose{font-size:16px}
.art-prose p{margin:16px 0;line-height:1.95;color:#4E5969}
.art-prose h2{
  font-size:22px;font-weight:700;color:#1D2129;
  margin:46px 0 14px;padding-left:12px;
  border-left:4px solid #165DFF;line-height:1.5;
}
.art-prose h3{font-size:17px;font-weight:700;color:#1D2129;margin:28px 0 8px;line-height:1.6}
.art-prose strong{color:#1D2129;font-weight:700}
.art-prose ul,.art-prose ol{margin:14px 0;padding-left:24px;color:#4E5969;line-height:1.95}
.art-prose ul{list-style:disc}
.art-prose ol{list-style:decimal}
.art-prose li{margin:8px 0;padding-left:2px}
.art-prose li::marker{color:#86909C}
.art-prose a{color:#165DFF;text-decoration:underline;text-underline-offset:3px}
.art-prose a:hover{color:#0E42D2}

/* 表格：移动端横向滚动，不撑破版心 */
.art-tbl-wrap{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid #E5E6EB;border-radius:12px;
  margin:20px 0;background:#fff;
}
.art-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
.art-tbl caption{
  caption-side:top;text-align:left;padding:12px 14px 10px;
  font-size:13px;font-weight:600;color:#86909C;
}
.art-tbl th{
  background:#F2F3F5;color:#1D2129;font-weight:700;text-align:left;
  padding:11px 13px;border-bottom:2px solid #E5E6EB;white-space:nowrap;
  font-size:13px;
}
.art-tbl td{padding:11px 13px;border-bottom:1px solid #F2F3F5;color:#4E5969;vertical-align:top;line-height:1.75}
.art-tbl tbody tr:last-child td{border-bottom:none}
.art-tbl tbody tr:nth-child(even){background:#FAFBFC}

/* 信息增益块：别站没有的维度 */
.art-gain{
  border:1px dashed #165DFF;background:#F7FAFF;
  border-radius:12px;padding:18px 20px;margin:24px 0;
}
.art-gain-label{
  display:inline-block;font-size:12px;font-weight:700;color:#165DFF;
  background:#E8F3FF;padding:3px 10px;border-radius:999px;margin-bottom:10px;
}
.art-gain p{margin:10px 0;font-size:15px}
.art-gain h3{margin:14px 0 6px}

/* 提示条 */
.art-note{
  background:#FFF7E8;border-left:4px solid #FF7D00;
  padding:14px 18px;border-radius:0 10px 10px 0;
  margin:20px 0;font-size:15px;color:#4E5969;line-height:1.85;
}

/* 目录 */
.art-toc{
  background:#fff;border:1px solid #E5E6EB;border-radius:12px;
  padding:16px 20px;margin:26px 0;
}
.art-toc-title{font-size:13px;font-weight:700;color:#86909C;letter-spacing:.05em;margin-bottom:8px}
.art-toc ol{margin:0;padding-left:22px;font-size:14px;line-height:2;color:#4E5969;list-style:decimal}
.art-toc li::marker{color:#C9CDD4}
.art-toc a{color:#4E5969;text-decoration:none}
.art-toc a:hover{color:#165DFF;text-decoration:underline}

/* 作者与出处 */
.art-author{
  background:#fff;border:1px solid #E5E6EB;border-radius:14px;
  padding:20px 22px;margin-top:48px;
}
.art-author-name{font-size:15px;font-weight:700;color:#1D2129}
.art-author-role{font-size:13px;color:#86909C;margin-top:2px}
.art-author p{font-size:14px;color:#4E5969;line-height:1.9;margin:10px 0 0}
.art-src{font-size:13px;color:#86909C;line-height:1.9;margin-top:10px}
.art-src a{color:#165DFF}

/* 相关文章：正文链接样式不外溢 */
.art-rel{margin-top:40px;padding-top:28px;border-top:1px solid #E5E6EB}
.art-rel-title{font-size:13px;font-weight:700;color:#86909C;letter-spacing:.05em;margin-bottom:14px}
.art-rel ul{list-style:none;margin:0;padding:0}
.art-rel li{margin:0 0 8px}
.art-rel a{
  display:block;padding:12px 16px;border:1px solid #E5E6EB;border-radius:10px;
  font-size:14px;color:#1D2129;text-decoration:none;background:#fff;
  transition:border-color .2s,box-shadow .2s;
}
.art-rel a:hover{border-color:#165DFF;box-shadow:0 2px 8px rgba(22,93,255,.08);color:#165DFF}

/* 文末 CTA */
.art-cta{
  background:linear-gradient(135deg,#165DFF,#0E42D2);border-radius:14px;
  padding:26px 24px;margin:40px 0 0;color:#fff;text-align:center;
}
.art-cta p{color:rgba(255,255,255,.88);font-size:14px;line-height:1.8;margin:0 0 16px}
.art-cta .btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;color:#165DFF;font-weight:600;font-size:15px;
  padding:11px 26px;border-radius:9px;text-decoration:none;
  transition:transform .2s,box-shadow .2s;
}
.art-cta .btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.15)}

/* 面包屑 */
.art-crumb{font-size:13px;color:#86909C;margin-bottom:16px}
.art-crumb a{color:#86909C;text-decoration:none}
.art-crumb a:hover{color:#165DFF}
.art-crumb span{margin:0 6px;color:#C9CDD4}

@media (max-width:640px){
  .art-answer{font-size:15.5px;padding:14px 16px}
  .art-prose p{font-size:15.5px}
  .art-prose h2{font-size:19.5px;margin-top:38px}
  .art-prose h3{font-size:16.5px}
  .art-tbl{font-size:13px}
  .art-tbl th,.art-tbl td{padding:9px 11px}
}