/* Butterfly主题深色模式自定义样式 */
/* 文件：source/css/darkmode.css */

/* ========== 深色主题变量定义 ========== */
[data-theme="dark"] {
    /* 基础颜色 */
    --global-bg: #1a1a1a;
    --font-color: #e0e0e0;
    --hr-border: #404040;

    /* 卡片和容器 */
    --card-bg: #2d2d2d;
    --card-bg-color: #2d2d2d;
    --card-border-color: #404040;

    /* 侧边栏 */
    --sidebar-bg: #252525;

    /* 导航栏 */
    --nav-bg: rgba(37, 37, 37, 0.95);

    /* 代码块 */
    --code-bg: #252525;
    --code-color: #f8f8f2;

    /* 表格 */
    --table-border-color: #404040;
    --table-bg: #252525;
    --table-header-bg: #2d2d2d;

    /* 按钮 */
    --btn-bg: #363636;
    --btn-hover-bg: #454545;
    --btn-color: #e0e0e0;

    /* 链接 */
    --a-color: #0084ff;
    --a-hover-color: #3eaf7c;

    /* 分页器 */
    --pagination-color: #3eaf7c;
    --pagination-hover-color: #4dbf8c;
    --pagination-active-bg: #3eaf7c;

    /* 滚动条 */
    --scrollbar-color: #555;
    --scrollbar-hover-color: #666;
}

/* ========== 应用深色样式 ========== */
[data-theme="dark"] body {
    background-color: var(--global-bg);
    color: var(--font-color);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 文章卡片 */
[data-theme="dark"] .post-card,
[data-theme="dark"] .recent-post-item,
[data-theme="dark"] .card,
[data-theme="dark"] .card-widget {
    background-color: var(--card-bg);
    border-color: var(--card-border-color);
    color: var(--font-color);
}

/* 文章内容 */
[data-theme="dark"] .post-content {
    color: var(--font-color);
}

[data-theme="dark"] .post-content h1,
[data-theme="dark"] .post-content h2,
[data-theme="dark"] .post-content h3,
[data-theme="dark"] .post-content h4,
[data-theme="dark"] .post-content h5,
[data-theme="dark"] .post-content h6 {
    color: var(--font-color);
    border-bottom-color: var(--hr-border);
}

/* 代码高亮 */
[data-theme="dark"] code,
[data-theme="dark"] pre {
    background-color: var(--code-bg);
    color: var(--code-color);
}

[data-theme="dark"] .highlight pre {
    background-color: var(--code-bg);
}

/* 侧边栏 */
[data-theme="dark"] #aside-content .card-widget {
    background-color: var(--sidebar-bg);
}

/* 导航栏 */
[data-theme="dark"] #nav,
[data-theme="dark"] .navbar {
    background-color: var(--nav-bg);
    backdrop-filter: blur(10px);
}

[data-theme="dark"] #nav a,
[data-theme="dark"] .navbar a {
    color: var(--font-color);
}

/* 页脚 */
[data-theme="dark"] #footer {
    background-color: var(--global-bg);
    color: var(--font-color);
    border-top-color: var(--hr-border);
}

/* 引用块 */
[data-theme="dark"] blockquote {
    background-color: var(--card-bg);
    border-left-color: var(--a-color);
    color: var(--font-color);
}

/* 表格 */
[data-theme="dark"] table {
    background-color: var(--table-bg);
    border-color: var(--table-border-color);
}

[data-theme="dark"] th {
    background-color: var(--table-header-bg);
}

[data-theme="dark"] td,
[data-theme="dark"] th {
    border-color: var(--table-border-color);
    color: var(--font-color);
}

/* 按钮 */
[data-theme="dark"] button,
[data-theme="dark"] .btn {
    background-color: var(--btn-bg);
    color: var(--btn-color);
    border-color: var(--card-border-color);
}

[data-theme="dark"] button:hover,
[data-theme="dark"] .btn:hover {
    background-color: var(--btn-hover-bg);
}

/* 链接 */
[data-theme="dark"] a {
    color: var(--a-color);
}

[data-theme="dark"] a:hover {
    color: var(--a-hover-color);
}

/* 分页器 */
[data-theme="dark"] .pagination .page-number,
[data-theme="dark"] .pagination .extend {
    color: var(--pagination-color);
}

[data-theme="dark"] .pagination .page-number:hover,
[data-theme="dark"] .pagination .extend:hover {
    color: var(--pagination-hover-color);
}

[data-theme="dark"] .pagination .page-number.current {
    background-color: var(--pagination-active-bg);
    color: white;
}

/* 标签和分类 */
[data-theme="dark"] .tag-cloud-list a,
[data-theme="dark"] .category-list a {
    background-color: var(--card-bg);
    color: var(--font-color);
    border-color: var(--card-border-color);
}

/* 滚动条 */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--global-bg);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-color);
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-hover-color);
}

/* 响应式调整 */
@media screen and (max-width: 768px) {
    [data-theme="dark"] #aside-content .card-widget {
        background-color: var(--global-bg);
    }
}

/* 动画过渡 */
* {
    transition: background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}