/**
 * 长文排版引擎 - 模块样式
 *
 * 主要做两件事：
 * 1. 给文章正文容器留出安全边距，让各排版引擎样式自然呈现；
 * 2. 处理暗色主题下容器背景、代码块等细节，避免与站点默认样式冲突。
 */

/* ========================================
   通用：文章正文容器过渡与边距
   ======================================== */

.ls-article-body,
.ls-article-hidden-body {
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* ========================================
   GitHub Markdown 引擎兼容性修正
   ======================================== */

.ls-article-body.markdown-body,
.ls-article-hidden-body.markdown-body {
    box-sizing: border-box;
    background-color: transparent;
    color: inherit;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

.ls-article-body.markdown-body[data-color-mode="light"],
.ls-article-hidden-body.markdown-body[data-color-mode="light"] {
    background-color: #ffffff;
    color: #1f2328;
}

.ls-article-body.markdown-body[data-color-mode="dark"],
.ls-article-hidden-body.markdown-body[data-color-mode="dark"] {
    background-color: #0d1117;
    color: #c9d1d9;
}

.ls-article-body.markdown-body[data-color-mode="dark"] img,
.ls-article-hidden-body.markdown-body[data-color-mode="dark"] img {
    background-color: transparent;
}

.ls-article-body.markdown-body[data-color-mode="dark"] pre,
.ls-article-hidden-body.markdown-body[data-color-mode="dark"] pre {
    background-color: #161b22;
}

.ls-article-body.markdown-body code,
.ls-article-hidden-body.markdown-body code {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}

.ls-article-body.markdown-body table,
.ls-article-hidden-body.markdown-body table {
    display: table;
    max-width: 100%;
}

/* ========================================
   Typo.css 引擎兼容性修正
   ======================================== */

.ls-article-body.typo,
.ls-article-hidden-body.typo {
    /* typo.css 本身已非常完整，这里只做容器级兜底 */
    box-sizing: border-box;
    background-color: #ffffff;
    color: #333333;
    padding: 1em;
}

.ls-article-body.typo[data-color-mode="dark"],
.ls-article-hidden-body.typo[data-color-mode="dark"] {
    background-color: #1a1a1a;
    color: #e6e6e6;
}

/* 暗色下覆盖 typo.css 的 html color */
.ls-article-body.typo[data-color-mode="dark"] a,
.ls-article-hidden-body.typo[data-color-mode="dark"] a {
    color: #58a6ff;
}

/* ========================================
   轻量技术博客样式容器修正
   ======================================== */

.ls-article-body.article-tech-simple,
.ls-article-hidden-body.article-tech-simple {
    box-sizing: border-box;
    padding: 1em;
}

/* ========================================
   赫蹏引擎保留（主要样式由 heti.min.css 提供）
   ======================================== */

.ls-article-body.heti[data-darkmode="dark"],
.ls-article-hidden-body.heti[data-darkmode="dark"] {
    background-color: #1a1a1a;
    color: #e6e6e6;
}

.ls-article-body.heti--ancient,
.ls-article-hidden-body.heti--ancient {
    background-color: #f7f3e8;
    color: #2b2b2b;
}