/* =========================================================
   易歪歪 · 文章详情页样式（深色主题专用版）
   适用：eyy-en.hl.cn 的 news/*.html
   说明：配合 dark-pro 深色控制台风格，卡片使用半透明面板配色
   ========================================================= */
.article-card{
  background:rgba(255,255,255,.022);
  border:1px solid var(--line-soft,#18243a);
  border-radius:var(--radius,12px);
  padding:clamp(22px,3vw,42px);
}
.article-lead{
  font-size:16.2px;line-height:1.9;color:var(--ink-2,#c2d0e6);
  padding:14px 18px;margin-bottom:28px;
  border-left:4px solid var(--brand,#22d3ee);
  background:rgba(34,211,238,.07);border-radius:0 10px 10px 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,#8194b3);margin-top:28px;padding-top:20px;border-top:1px dashed var(--line-soft,#18243a)}
.article-meta span{background:rgba(255,255,255,.04);border:1px solid var(--line-soft,#18243a);border-radius:999px;padding:4px 13px;color:var(--ink-2,#c2d0e6)}

/* 目录 */
.toc{margin:0 0 28px;padding:18px 20px;background:rgba(34,211,238,.05);border:1px solid var(--line-soft,#18243a);border-radius:var(--radius,12px)}
.toc h2{font-size:14.5px;margin:0 0 10px;letter-spacing:.4px;color:#fff}
.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(34,211,238,.14);color:var(--brand,#22d3ee);font-size:11px;font-weight:700;display:grid;place-items:center}
.toc a,.toc-list a{color:var(--ink-2,#c2d0e6)}
.toc a:hover,.toc-list a:hover{color:var(--brand,#22d3ee)}

/* 提示框 */
.callout{margin:22px 0;padding:16px 20px;border-radius:var(--radius,12px);background:rgba(34,211,238,.06);border:1px solid var(--line-soft,#18243a);border-left:4px solid var(--brand,#22d3ee);font-size:14.5px;line-height:1.85;color:var(--ink-2,#c2d0e6)}
.callout strong{color:var(--brand,#22d3ee)}
.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-soft,#18243a)}
.related h2{font-size:17.5px;margin-bottom:14px;color:#fff}
.related-list li{padding:11px 0;border-bottom:1px dashed var(--line-soft,#18243a);font-size:14.5px}
.related-list li:last-child{border-bottom:none}
.related-list a{color:var(--ink,#e8eefb)}
.related-list a:hover{color:var(--brand,#22d3ee)}
.related-list span{display:block;font-size:12.6px;color:var(--muted,#8194b3);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-soft,#18243a);color:var(--ink-2,#c2d0e6)}
.article-tags a:hover{background:var(--brand,#22d3ee);color:#06202b;border-color:transparent}

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