.dark {
    background: #121212;
    color: #999;
}
.dark a {
    color: #999;
}
.dark .header{
    background: #232323;
    border-bottom: 1px solid #414243;
}
.dark .header .layui-nav .layui-nav-item a {
    color: #999;
}
.dark .header .layui-nav .layui-nav-item .layui-nav-child {
    border: 1px solid #414243;
    background-color: #232323;
}
.dark .header .layui-nav .layui-nav-item .layui-nav-child a:hover {
    background-color: #303030;
}
.dark .title-article,.dark .text,.dark .tags-text,.dark .copy-text,.dark .page-text,.dark .comment-text,.dark .post,.dark .archives {
    background: #232323;
}
.dark .copy-text div {
    background: #303030;
}
.dark .copy-text div p {
    color: #777;
}
.dark .component,.dark .column,.dark .ads,.dark .dynamic,.dark .tags,.dark .link,.dark .timeline-menu {
    background: #232323;
}
.dark .title-sidebar {
    border-bottom: 1px solid #414243;
    color: #999;
}
.dark input, .dark textarea {
    border: 1px solid #414243;
    background: #414243;
}
.dark .layui-btn-primary, .dark .layui-btn-primary:hover {
    border-color: #515253;
    color: #999;
}
.dark .layui-bg-gray {
    background-color: #515253!important;
    color: #999!important;
}
.dark .layui-timeline-axis {
    background-color: #232323;
}
.dark .layui-timeline-item:before {
    background-color: #414243;
}
.dark .timeline-wrap {
    border-color: #414243;
}
.dark .timeline-wrap:before {
    box-shadow: 0 0 0 4px #414243;
}
.dark .dynamic ul li {
    border-left: 2px solid #414243;
}
.dark .dynamic ul li span {
    border: 5px solid #232323;
}
.dark .dynamic ul li p {
    color: #999;
    border-bottom: 1px solid #414243;
}
.dark .link div a {
    border-bottom: 1px solid #414243;
    background-color: #232323;
    color: #999;
}
.dark .title-life {
    background: #232323;
    border-bottom: 1px #414243 solid;
}
.dark .about-life,.dark .mylife {
    background: #232323;
}
.dark .about-life .t-w {
    background: #303030;
}
.dark .mylife .t-r {
    border-bottom: 1px #414243 solid;
    color: #999;
}
.dark .page-navigator a {
    background-color: #303030;
    color: #aaa;
}
.dark .page-navigator .current {
    background: #232323;
    color: #fff;
}
.dark .layui-laypage a,.dark  .layui-laypage button,.dark  .layui-laypage input,.dark  .layui-laypage select,.dark  .layui-laypage span {
    border: 1px solid #414243;
}

.dark pre {
    background: #000;
}

.dark pre code {
    color: #c9d1d9;
    background: transparent;
}


/* ===== 文章页护眼暖底 —— 暗色模式还原 (2026-08-13) ===== */
.dark .post-content .title-article,
.dark .post-content #preview,
.dark .post-content .tags-text,
.dark .post-content .copy-text,
.dark .post-content .page-text {
    background-color: #232323;
}
.dark .post-content #preview {
    color: #999;
}

/* ===== 文章页暗色护眼文字配色 (2026-08-13) ===== */
/* 修复：dark.css 原本只改背景没改正文文字色，导致暗色模式正文仍是深灰 #3f3f3f 看不清 */
.dark .post-content #preview,
.dark .post-content #preview p {
    color: #a3c9b3; /* 柔和浅绿白，久读护眼 */
}
.dark .post-content #preview h1,
.dark .post-content #preview h2,
.dark .post-content #preview h3,
.dark .post-content #preview h4,
.dark .post-content #preview h5,
.dark .post-content #preview h6 {
    color: #e2efc9;
}
.dark .post-content #preview a {
    color: #8fd0a8;
}
.dark #preview blockquote {
    border-left-color: #3f7a5f;
    background: rgba(63,122,95,0.14);
    color: #b8c4b0;
}
.dark #preview code {
    background: rgba(255,255,255,0.08);
    color: #e0b3b3;
}
/* 列表、加粗、斜体等继承 body 的浅色，保证整篇清晰 */
.dark #preview li,
.dark #preview strong,
.dark #preview em {
    color: #a3c9b3;
}

/* ===== 文章页顶部标题暗色可见 (2026-08-13) ===== */
/* 修复：.title-article h1 默认 #222，暗色下背景变深但标题色没变，导致标题看不见 */
.dark .title-article h1 {
    color: #f0ecd8; /* 暖白，清晰不刺眼 */
}
.dark .title-article .title-msg {
    color: #a8a894;
}

/* ===== 文章页标题/正文接缝分隔阴影 —— 暗色版 (2026-08-13) ===== */
.dark .title-article {
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.dark .title-article::after {
    background: linear-gradient(to bottom, rgba(255,255,255,0.06), rgba(255,255,255,0));
}

/* ===== 文章页右侧栏自动隐藏·暗色版 (2026-08-13) ===== */
.dark .main.peek-sidebar .sidebar.layui-col-md3,
.dark .main.peek-sidebar .sidebar.layui-col-lg3 {
    background: #1e1e1e;
    box-shadow: -8px 0 28px rgba(0,0,0,0.6);
}

/* ===== 侧栏动感效果·暗色悬停色 (2026-08-13) ===== */
.dark .main.peek-sidebar .sidebar .sidebar-box:hover .title-sidebar,
.dark .main.peek-sidebar .sidebar a:hover {
    color: #e0b878; /* 暗色下用更亮的金色 */
}

/* ===== 通用修复：暗色下搜索结果/首页/归档等列表页标题可见 (2026-08-13 21:19) ===== */
/* 原修复仅覆盖含 #preview 的预览页，列表页 .title-article h1 仍为 #222，暗色下不可见 */
.dark .title-article h1 {
    color: #f0ecd8;
}
.dark .title-article h1 a {
    color: #f0ecd8;
}

/* ============================================================
   文章正文 现代排版 v2 - 暗色模式 (2026-08-14)
   ============================================================ */
.dark #preview {
    color: #c9c9c9;
}
.dark #preview h1,
.dark #preview h2,
.dark #preview h3,
.dark #preview h4,
.dark #preview h5,
.dark #preview h6 {
    color: #e8e8e8;
    border-bottom-color: #3a3a3a;
}
.dark #preview pre {
    background: #1b1e24;
    border-color: #2a2d34;
    box-shadow: 0 4px 14px rgba(0,0,0,.35);
}
.dark #preview pre code {
    color: #d5d5d5;
}
.dark #preview code {
    background: rgba(240,246,252,.15);
    color: #ff7b72;
}
.dark #preview th {
    background: #2a2d34;
    color: #d5d5d5;
    border-color: #3a3d45;
}
.dark #preview td {
    border-color: #3a3d45;
    background: #23262d;
}
.dark #preview tbody tr:nth-child(odd) td {
    background: #262930;
}
.dark #preview blockquote {
    background: #1f2937;
    border-left-color: #3b82f6;
    color: #b0b0b0;
}
.dark #preview a {
    color: #7ab3f5;
    border-bottom-color: rgba(122,179,245,.3);
}
.dark #preview a:hover {
    color: #9cc4f8;
}
.dark #preview hr {
    background: #3a3d45;
}

/* ===== 评论区 v3 暗色 (2026-08-14) ===== */
.dark .post-content .comment-text {
    background: linear-gradient(180deg, #2b2b2b 0%, #272421 100%);
    border-color: #3d3a30;
    box-shadow: 0 4px 18px rgba(0,0,0,0.35);
}
.dark .post-content .comment-text h4 {
    color: #e8b45a;
}
.dark .post-content .comment-text h4::before {
    color: #d99a3e;
}
.dark .post-content .comment-text h3 {
    color: #c9b98f;
    border-bottom-color: #3d3a30;
}
.dark .post-content .comment-text .layui-textarea,
.dark .post-content .comment-text .layui-input {
    background: #333333;
    border-color: #4a4a40;
    color: #d5d5d5;
}
.dark .post-content .comment-text .layui-textarea::placeholder,
.dark .post-content .comment-text .layui-input::placeholder {
    color: #8a8268;
}
.dark .post-content .pinglun .comment-body {
    background: #2c2c2c;
    border-color: #3a3a3a;
    border-left-color: #b07121;
}
.dark .post-content .pinglun .comment-body:hover {
    border-left-color: #d99a3e;
    box-shadow: 0 5px 14px rgba(0,0,0,0.4);
}
.dark .post-content .comment-text .layui-btn-normal {
    background: linear-gradient(135deg, #d99a3e 0%, #c06f28 100%);
    color: #1d1a12;
}
.dark .post-content .comment-text .layui-btn-normal:hover {
    background: linear-gradient(135deg, #e5a84c 0%, #cf7a30 100%);
}
.dark .post-content .comment-text .t-btn a {
    color: #d99a3e;
}

/* ===== 栏目分类卡片 v3 彩色版 - 暗色适配 (2026-08-14) ===== */
.dark .column.sidebar-box ul.sidebar-body li a {
    background: #2b2e35;
    border-color: #3a3e48;
}
.dark .column.sidebar-box ul.sidebar-body li a:hover {
    background: #32363f;
    border-color: var(--cat1);
    box-shadow: 0 5px 16px rgba(0,0,0,.4);
}
.dark .column.sidebar-box ul.sidebar-body li a .cat-name { color: #e0e0e6; }