/* =========================================================
   易歪歪 · 文章详情页样式（浅色主题通用版）
   适用：eyy-wed.com.cn / eyy-web.hl.cn / eyy-zh.hl.cn / eyy-pc.hl.cn 的 news/*.html
   说明：只依赖 style.css 中已定义的通用变量，缺少卡片变量时使用回退值
   ========================================================= */
.article-card{
  background:var(--glass,#fff);
  border:1px solid var(--line,rgba(20,30,60,.10));
  border-radius:var(--radius,16px);
  padding:clamp(22px,3vw,42px);
}
.article-lead{
  font-size:16.4px;line-height:1.9;color:var(--ink-2,#334155);
  padding:14px 18px;margin-bottom:28px;
  border-left:4px solid var(--brand,#1d4ed8);
  background:rgba(125,125,160,.07);border-radius:0 12px 12px 0;
}
.article-card .prose h2:first-of-type{margin-top:0}

/* 文章信息条 */
.article-meta{display:flex;flex-wrap:wrap;gap:9px;font-size:13px;color:var(--muted,#64748b);margin-top:28px;padding-top:20px;border-top:1px dashed var(--line,rgba(20,30,60,.12))}
.article-meta span{background:rgba(125,125,160,.09);border-radius:999px;padding:4px 13px}

/* 目录 */
.toc{margin:0 0 28px;padding:18px 20px;background:rgba(125,125,160,.07);border:1px solid var(--line,rgba(20,30,60,.10));border-radius:var(--radius,16px)}
.toc h2{font-size:14.5px;margin:0 0 10px;letter-spacing:.4px}
.toc ol,.toc-list{list-style:none;counter-reset:toc}
.toc li,.toc-list li{counter-increment:toc;font-size:14.2px;padding-left:24px;position:relative;margin-bottom:7px}
.toc li:last-child,.toc-list li:last-child{margin-bottom:0}
.toc li::before,.toc-list li::before{content:counter(toc);position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:rgba(125,125,160,.14);color:var(--brand,#1d4ed8);font-size:11px;font-weight:700;display:grid;place-items:center}
.toc a,.toc-list a{color:var(--ink-2,#334155)}
.toc a:hover,.toc-list a:hover{color:var(--brand,#1d4ed8)}

/* 提示框 */
.callout{margin:22px 0;padding:16px 20px;border-radius:var(--radius,16px);background:rgba(125,125,160,.08);border:1px solid var(--line,rgba(20,30,60,.10));border-left:4px solid var(--brand,#1d4ed8);font-size:14.6px;line-height:1.85;color:var(--ink-2,#334155)}
.callout strong{color:var(--brand,#1d4ed8)}
.callout p{margin-bottom:8px}
.callout p:last-child{margin-bottom:0}

/* 相关文章 */
.related{margin-top:34px;padding-top:26px;border-top:1px solid var(--line,rgba(20,30,60,.10))}
.related h2{font-size:17.5px;margin-bottom:14px}
.related-list li{padding:11px 0;border-bottom:1px dashed var(--line,rgba(20,30,60,.12));font-size:14.6px}
.related-list li:last-child{border-bottom:none}
.related-list a{color:var(--ink,#0b1220)}
.related-list a:hover{color:var(--brand,#1d4ed8)}
.related-list span{display:block;font-size:12.6px;color:var(--muted,#64748b);margin-top:2px}

/* 标签 */
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.article-tags a{font-size:12.6px;padding:5px 13px;border-radius:999px;border:1px solid var(--line,rgba(20,30,60,.12));color:var(--ink-2,#334155)}
.article-tags a:hover{background:var(--brand,#1d4ed8);color:#fff;border-color:transparent}

@media (max-width:760px){
  .article-card{padding:20px 16px}
  .article-lead{font-size:15.4px}
}