@charset "utf-8";
/* ============================================================================
   LM 主题 · 专业夜间模式覆盖层（html.dark）
   ---------------------------------------------------------------------------
   设计原则：
   1. 分层表面：页面底 #0b111e < 卡片 #131b2b < 浮层 #182236，层级靠明度差
   2. 文字不用纯白：主文字 #e2e8f0，正文 #b6c2d4，弱化 #667691，保护对比
   3. 主色提亮：#5f7a8c → #7e9eb4，暗底上链接 / 图标清晰可辨
   4. 状态色低饱和：半透明底 + 提亮文字，不刺眼
   5. 阴影加深、边框用深蓝灰：暗色下优先靠边框而非阴影分卡片
   6. 仅覆盖前台；后台 wp-admin 不受影响
   色板令牌统一在 style.css 的 html.dark 块维护，本文件只保留全站通用覆盖；
   页面/插件专属夜间规则已下沉到各自模板的 <style> 块（就近维护）
   ============================================================================ */

/* ==================== 1. 基础元素 ==================== */

/* 通用链接：浅色态硬编码 #334155 */
html.dark a {
    color: #c5d0df;
}
html.dark a:hover {
    color: var(--primary-color);
}

/* 实底主色按钮（<a> 类）：夜间必须保持 --primary-on 文字色（如 slate 反白按钮深字），
   不能被上方全局 a 链接色覆盖。与 html.dark a 同特异性 0,1,1 但定义在后，胜出。 */
html.dark a.intro-more:not(.intro-more--ghost),
html.dark a.hero-btn-primary,
html.dark a.ov-btn-primary,
html.dark a.final-btn,
html.dark a.sg-btn-primary,
html.dark a.lm-btn-primary {
    color: var(--primary-on, #fff);
}

/* 表单控件：浅色态多为白底 / 浅灰边 */
html.dark input[type="text"],
html.dark input[type="search"],
html.dark input[type="email"],
html.dark input[type="url"],
html.dark input[type="password"],
html.dark input[type="number"],
html.dark input[type="tel"],
html.dark textarea,
html.dark select {
    background: var(--c-input);
    border-color: var(--c-line);
    color: var(--c-text);
}
html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #5d6b82;
}
html.dark input:focus,
html.dark textarea:focus,
html.dark select:focus {
    border-color: var(--primary-color);
}
/* 下拉选项原生弹层跟随 color-scheme:dark，无需额外处理 */

/* 分割线 hr */
html.dark hr {
    border-color: var(--c-line);
}

/* ==================== 2. 通用文章 .article 内部 ====================
   注：single.php 已重构为 sg-* 类名，其夜间覆盖内联在 single.php 内；
   本节仅保留 .article 通用规则（article-page / article-single 共用）。 */

/* 文章正文标题 / 正文（多数走全局变量，兜底硬编码深色） */
html.dark .article h1,
html.dark .article h2,
html.dark .article h3,
html.dark .article h4 { color: var(--c-text); }
html.dark .article { color: var(--c-body); }
/* 文章内浅底卡片（引用 / 信息盒） */
html.dark .article blockquote {
    background: var(--c-soft);
    border-left-color: var(--primary-color);
    color: var(--c-body);
}
/* 文章摘要 .lm-p-e：浅色态 rgba(243,245,247,.7) 半透浅灰板，暗下转柔色表面 */
html.dark .lm-p-e {
    background: var(--c-soft);
    color: var(--c-body);
}
/* 文末版权声明（无底色，仅文字色稍提亮） */
html.dark .article .article-copyright {
    color: var(--c-text-2);
}
/* 作者信息卡（同款半透浅灰底） */
html.dark .lm-post-author { background: var(--c-soft); }
html.dark .lm-post-author .author-name { color: var(--c-text); }
html.dark .lm-post-author .author-detail { color: var(--c-text-2); }
/* 古腾堡预格式化 / 诗歌块（#f3f5f7 浅底） */
html.dark .article-content pre.wp-block-preformatted,
html.dark .article-content pre.wp-block-verse {
    background: var(--c-soft);
    color: var(--c-body);
}
html.dark .article table th {
    background: var(--c-soft);
    border-color: var(--c-line);
}
html.dark .article table td {
    border-color: var(--c-line);
}
/* 文章内代码：行内 code 浅底；pre 代码块交给 Enlighter 主题，仅兜底容器 */
html.dark .article :not(pre) > code {
    background: var(--c-soft);
    color: #e0b379;
}

/* ---- Enlighter 代码块（插件 classic 主题）夜间适配：整块压深、令牌换暗色映射 ---- */
/* 容器 / 边框 / 基础文字 */
html.dark .enlighter-t-classic {
    background-color: #101a2c;
    border-color: var(--c-line);
}
html.dark .enlighter-t-classic div.enlighter > div {
    color: #b6c2d4;
}
/* 斑马纹偶数行 / 悬停行：极淡的白色叠层，避免灰泥感 */
html.dark .enlighter-t-classic div.enlighter > div:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.025);
}
html.dark .enlighter-t-classic.enlighter-hover div.enlighter > div:hover {
    background-color: rgba(255, 255, 255, 0.05);
}
/* 行号列：弱白底 + 暗灰字 */
html.dark .enlighter-t-classic.enlighter-linenumbers div.enlighter > div::before {
    color: #5d6f8a;
    background-color: rgba(255, 255, 255, 0.03);
}
/* 左缘绿色定位线 → 主题色弱化 */
html.dark .enlighter-t-classic div.enlighter > div > div {
    border-left-color: rgba(var(--primary-rgb, 126, 158, 180), 0.45);
}
/* 高亮特殊行：主色淡染 */
html.dark .enlighter-t-classic div.enlighter > div.enlighter-special {
    background-color: rgba(var(--primary-rgb, 126, 158, 180), 0.12);
    border-left-color: rgba(var(--primary-rgb, 126, 158, 180), 0.8);
}
/* 令牌配色：注释灰蓝 / 关键字蓝 / 字符串绿 / 数字琥珀 / 方法暖橙，全部低饱和 */
html.dark .enlighter-t-classic .enlighter-text { color: #b6c2d4; }
html.dark .enlighter-t-classic .enlighter-c0,
html.dark .enlighter-t-classic .enlighter-c1,
html.dark .enlighter-t-classic .enlighter-c2,
html.dark .enlighter-t-classic .enlighter-c9 { color: #5d6f8a; }
html.dark .enlighter-t-classic .enlighter-k0,
html.dark .enlighter-t-classic .enlighter-k1 { color: #7fb0d8; }
html.dark .enlighter-t-classic .enlighter-k2,
html.dark .enlighter-t-classic .enlighter-k4 { color: #94a8c4; }
html.dark .enlighter-t-classic .enlighter-k3 { color: #94a8c4; background-color: rgba(255, 255, 255, 0.06); }
html.dark .enlighter-t-classic .enlighter-k5,
html.dark .enlighter-t-classic .enlighter-k6,
html.dark .enlighter-t-classic .enlighter-k7,
html.dark .enlighter-t-classic .enlighter-k8,
html.dark .enlighter-t-classic .enlighter-k9,
html.dark .enlighter-t-classic .enlighter-k10,
html.dark .enlighter-t-classic .enlighter-k11 { color: #7fb0d8; }
html.dark .enlighter-t-classic .enlighter-s0,
html.dark .enlighter-t-classic .enlighter-s1,
html.dark .enlighter-t-classic .enlighter-s2,
html.dark .enlighter-t-classic .enlighter-s3,
html.dark .enlighter-t-classic .enlighter-s4,
html.dark .enlighter-t-classic .enlighter-s5 { color: #9ecb93; }
html.dark .enlighter-t-classic .enlighter-n0,
html.dark .enlighter-t-classic .enlighter-n1,
html.dark .enlighter-t-classic .enlighter-n2,
html.dark .enlighter-t-classic .enlighter-n3,
html.dark .enlighter-t-classic .enlighter-n4,
html.dark .enlighter-t-classic .enlighter-n5 { color: #d9b47c; }
html.dark .enlighter-t-classic .enlighter-m0,
html.dark .enlighter-t-classic .enlighter-m1,
html.dark .enlighter-t-classic .enlighter-m2,
html.dark .enlighter-t-classic .enlighter-m3 { color: #d8a68a; }
html.dark .enlighter-t-classic .enlighter-t0,
html.dark .enlighter-t-classic .enlighter-t1,
html.dark .enlighter-t-classic .enlighter-t2,
html.dark .enlighter-t-classic .enlighter-t3,
html.dark .enlighter-t-classic .enlighter-t4,
html.dark .enlighter-t-classic .enlighter-t5,
html.dark .enlighter-t-classic .enlighter-t6,
html.dark .enlighter-t-classic .enlighter-t7,
html.dark .enlighter-t-classic .enlighter-t8 { color: #7fb0d8; }
html.dark .enlighter-t-classic .enlighter-e0,
html.dark .enlighter-t-classic .enlighter-e1,
html.dark .enlighter-t-classic .enlighter-e2,
html.dark .enlighter-t-classic .enlighter-e3,
html.dark .enlighter-t-classic .enlighter-e4,
html.dark .enlighter-t-classic .enlighter-g0,
html.dark .enlighter-t-classic .enlighter-g1 { color: #b6c2d4; }
html.dark .enlighter-t-classic .enlighter-x1,
html.dark .enlighter-t-classic .enlighter-x2,
html.dark .enlighter-t-classic .enlighter-x10,
html.dark .enlighter-t-classic .enlighter-x11,
html.dark .enlighter-t-classic .enlighter-x12,
html.dark .enlighter-t-classic .enlighter-x13,
html.dark .enlighter-t-classic .enlighter-x14,
html.dark .enlighter-t-classic .enlighter-x15 { color: #94a8c4; }
/* 查看源码 / 工具栏按钮 / 代码组切换：随夜间卡片 */
html.dark .enlighter-t-classic .enlighter-raw {
    color: #b6c2d4;
}
html.dark .enlighter-t-classic .enlighter-btn {
    background-color: var(--c-card, #131b2b);
    border-color: var(--c-line);
    color: #a3b0c3;
}
html.dark .enlighter-t-classic .enlighter-btn:hover {
    border-color: rgba(var(--primary-rgb, 126, 158, 180), 0.5);
}
html.dark .enlighter-t-classic .enlighter-codegroup-switch {
    background-color: var(--c-card, #131b2b);
    border-color: var(--c-line);
    color: #a3b0c3;
}
/* JS 未接管前的原始 pre（EnlighterJSRAW）兜底 */
html.dark pre.EnlighterJSRAW {
    background: #101a2c;
    border-color: var(--c-line);
    color: #b6c2d4;
}

/* ==================== 3. 侧栏 / 小工具 / 分页 ==================== */

html.dark .sidebar .widget,
html.dark .sidebar .widget .widget-title,
html.dark .index-top {
    color: var(--c-text);
}
html.dark .sidebar .widget a { color: var(--c-text-2); }
html.dark .sidebar .widget a:hover { color: var(--primary-color); }
/* 分页 / 翻页（浅灰底数字） */
html.dark .page-numbers {
    background: var(--c-card);
    border-color: var(--c-line);
    color: var(--c-text-2);
}
html.dark .page-numbers:hover {
    background: var(--c-hover);
    color: var(--primary-color);
}
html.dark .page-numbers.current {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}
/* 侧栏古腾堡引用块（#f3f5f7 浅底 + 更浅左边线） */
html.dark .widget_block .wp-block-quote {
    background: var(--c-soft);
    border-left-color: var(--c-line);
    color: var(--c-body);
}
/* 日历小工具表头（#f3f5f7） */
html.dark .widget_calendar thead th { background: var(--c-soft); }
/* 热门文章榜：前三名彩标保留，第 4+ 名默认灰标 #cbd5e1 转暗石板色（含下方三角）。
   用 nth-child(n+4) 限定，特异性不触碰前三名各自的彩色规则 */
html.dark .widget-post-list.layout-hot .post-item:nth-child(n+4) .hot-index,
html.dark .widget-post-list.layout-hot .post-item:nth-child(n+4) .hot-index:after {
    background: #33415c;
    border-top-color: #33415c;
}
/* 博文列表行 hover 浅块（#f8fafc） */
html.dark .post-list.layout-default .post-item:hover { background: var(--c-hover); }
/* 分类页头图横幅容器白底 */
html.dark .lm-cat-banner { background: var(--c-card); }

/* ==================== 4. 头部导航 / 移动端菜单 ==================== */

html.dark .header .lm-top-menu a {
    color: var(--c-text);
}
html.dark .header .lm-top-menu a:hover {
    color: var(--primary-color);
}
/* 移动端展开菜单：抽屉面板已走 var(--c-card)，仅加深阴影与遮罩 */
@media (max-width: 1100px) {
    html.dark .lm-top-menu {
        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6);
    }
    html.dark body.menu-open .lm-menu-mask {
        background: rgba(4, 8, 16, 0.6);
    }
    /* 移动端面包屑条：浅色态 rgba(243,245,247,.7) */
    html.dark .lm-crumbs { background: var(--c-card); }
}
html.dark .header .icon-menu,
html.dark .header .lm-ha-btn {
    color: var(--c-text-2);
}
/* PC 端 hover 下拉子菜单：浅色阴影太轻，暗下补边与重影 */
html.dark .lm-top-menu .sub-menu {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
    outline: 1px solid var(--c-line);
}

/* ==================== 5. 全局兜底：浅色态通用淡底块 ==================== */

/* 常见浅灰底（#f8fafc / #f1f5f9 / #f6f8fa / #fafbfc / #f3f5f7）在暗底统一压暗，
   覆盖未逐一声明的边角小块；限定在主要内容容器内，避免误伤彩色实底 */
html.dark .article .lm-soft,
html.dark .lm-cp .lm-soft,
html.dark .lm-hub .lm-soft {
    background: var(--c-soft);
    color: var(--c-body);
    border-color: var(--c-line);
}

/* ==================== 6. 响应式微调 ==================== */

@media (max-width: 768px) {
    /* 移动端卡片阴影进一步减弱，避免暗色下脏污感 */
    html.dark .pc-card,
    html.dark .cat-card,
    html.dark .cp-card,
    html.dark .hub-card,
    html.dark .lr-card,
    html.dark .pn-card,
    html.dark .lmsw-card,
    html.dark .lm-share-page-card {
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.32);
    }
}