/**
 * ITPON Docs 暗色模式样式
 * 
 * @package ITPON_Docs
 * @since 1.0.0
 */

/* ========================================
   暗色模式变量覆盖
   ======================================== */

body.dark-mode {
    /* 背景色 */
    --bg-color: #1a1a2e;
    --bg-secondary: #16213e;
    --bg-tertiary: #0f1729;
    
    /* 文字颜色 */
    --text-color: #e4e4e4;
    --text-secondary: #b8b8b8;
    --text-tertiary: #8a8a8a;
    
    /* 边框颜色 */
    --border-color: #2d3748;
    --border-hover: #4a5568;
    
    /* 阴影 */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
    
    /* 主题色（暗色模式下稍微调亮） */
    --primary-color: #3d8eff;
    --primary-hover: #5ca2ff;
    --primary-light: rgba(61, 142, 255, 0.15);
}

/* ========================================
   特定元素暗色模式调整
   ======================================== */

/* 头部 */
body.dark-mode .site-header {
    border-bottom-color: var(--border-color);
    background-color: rgba(26, 26, 46, 0.95);
}

/* 搜索模态框 */
body.dark-mode .search-modal {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Hero 区域 */
body.dark-mode .hero-section {
    background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-color) 100%);
}

/* 卡片 */
body.dark-mode .category-card,
body.dark-mode .post-card {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
}

body.dark-mode .category-card:hover,
body.dark-mode .post-card:hover {
    border-color: var(--primary-color);
}

/* 文档中心入口区块 */
body.dark-mode .doc-entry-card {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
}

body.dark-mode .doc-entry-card:hover {
    border-color: var(--primary-color);
}

body.dark-mode .doc-entry-icon {
    background-color: var(--primary-light);
}

body.dark-mode .doc-entry-title {
    color: var(--text-color);
}

body.dark-mode .doc-entry-meta {
    color: var(--text-secondary);
}

/* 代码块 — 同时适配普通文章页（.article-content）和 weDocs 文档页（.entry-content.article-content） */
body.dark-mode .article-content code,
body.dark-mode .wedocs-single-content .entry-content code {
    background-color: var(--bg-tertiary);
    color: var(--primary-color);
}

body.dark-mode .article-content pre,
body.dark-mode .wedocs-single-content .entry-content pre {
    background-color: #1e1e1e;
    border: 1px solid #333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

body.dark-mode .article-content pre code,
body.dark-mode .wedocs-single-content .entry-content pre code {
    color: #d4d4d4;
}

body.dark-mode .article-content pre code::-webkit-scrollbar-track,
body.dark-mode .wedocs-single-content .entry-content pre code::-webkit-scrollbar-track {
    background: #2d2d2d;
}

body.dark-mode .article-content pre code::-webkit-scrollbar-thumb,
body.dark-mode .wedocs-single-content .entry-content pre code::-webkit-scrollbar-thumb {
    background: #4d4d4d;
}

body.dark-mode .article-content pre code::-webkit-scrollbar-thumb:hover,
body.dark-mode .wedocs-single-content .entry-content pre code::-webkit-scrollbar-thumb:hover {
    background: #5d5d5d;
}

body.dark-mode .article-content pre[class*="language-"]::before,
body.dark-mode .wedocs-single-content .entry-content pre[class*="language-"]::before {
    color: #d4d4d4;
    background-color: #2d2d2d;
}

body.dark-mode .article-content pre[class*="language-"],
body.dark-mode .wedocs-single-content .entry-content pre[class*="language-"] {
    background-color: #1e1e1e;
    border: 1px solid #333;
}

body.dark-mode .article-content code[class*="language-"],
body.dark-mode .article-content pre[class*="language-"],
body.dark-mode .wedocs-single-content .entry-content code[class*="language-"],
body.dark-mode .wedocs-single-content .entry-content pre[class*="language-"] {
    color: #d4d4d4;
}

/* 引用块 */
body.dark-mode .article-content blockquote,
body.dark-mode .wedocs-single-content .entry-content blockquote {
    background-color: var(--bg-tertiary);
    border-left-color: var(--primary-color);
}

/* 表格 */
body.dark-mode .article-content table th,
body.dark-mode .wedocs-single-content .entry-content table th {
    background-color: var(--bg-tertiary);
}

body.dark-mode .article-content table th,
body.dark-mode .article-content table td,
body.dark-mode .wedocs-single-content .entry-content table th,
body.dark-mode .wedocs-single-content .entry-content table td {
    border-color: var(--border-color);
}

/* 侧边栏 */
body.dark-mode .sidebar-inner,
body.dark-mode .toc-sticky {
    background-color: var(--bg-secondary);
}

/* 目录导航 */
body.dark-mode .toc-nav a {
    color: var(--text-color);
}

body.dark-mode .toc-nav a:hover {
    background-color: var(--bg-tertiary);
    color: var(--text-color);
}

body.dark-mode .toc-nav a.active {
    color: #FFFFFF;
    background-color: var(--primary-color);
    border-left-color: var(--primary-color);
}

/* 标签 */
body.dark-mode .tag {
    background-color: var(--bg-tertiary);
    color: var(--text-secondary);
}

body.dark-mode .tag:hover {
    background-color: var(--primary-light);
    color: var(--primary-color);
}

/* 导航项 */
body.dark-mode .nav-previous,
body.dark-mode .nav-next {
    background-color: var(--bg-secondary);
}

body.dark-mode .nav-previous:hover,
body.dark-mode .nav-next:hover {
    background-color: var(--primary-light);
}

/* 页脚 */
body.dark-mode .site-footer {
    background-color: var(--bg-tertiary);
}

body.dark-mode .footer-main {
    border-bottom-color: var(--border-color);
}

body.dark-mode .footer-column-title {
    color: var(--text-color);
}

body.dark-mode .footer-about-content {
    color: var(--text-secondary);
}

body.dark-mode .footer-link-list a,
body.dark-mode .footer-recent-list a {
    color: var(--text-secondary);
}

body.dark-mode .footer-link-list a:hover,
body.dark-mode .footer-recent-list a:hover {
    color: var(--primary-color);
}

body.dark-mode .footer-info {
    color: var(--text-secondary);
}

body.dark-mode .footer-info a {
    color: var(--text-secondary);
}

body.dark-mode .footer-info a:hover {
    color: var(--primary-color);
}

/* 侧边栏切换按钮 */
body.dark-mode .sidebar-toggle-btn {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

body.dark-mode .sidebar-toggle-btn:hover {
    background-color: var(--primary-light);
    color: var(--primary-color);
    border-color: var(--primary-color);
}

/* 侧边栏展开按钮 */
body.dark-mode .sidebar-expand-btn {
    /*background-color: var(--primary-color);*/
    border-color: var(--border-color);
    color: #FFFFFF;
}

body.dark-mode .sidebar-expand-btn:hover {
    background-color: var(--primary-hover);
}

/* 字体大小控制 */
body.dark-mode .font-size-trigger {
    color: var(--text-color);
}

body.dark-mode .font-size-trigger:hover {
    background-color: var(--bg-tertiary);
}

body.dark-mode .font-size-popup {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
}

body.dark-mode .font-size-option {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-color);
}

body.dark-mode .font-size-option:hover {
    background-color: var(--primary-light);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

body.dark-mode .font-size-option.active {
    background-color: var(--primary-color);
    color: #FFFFFF;
    border-color: var(--primary-color);
}

/* 文章导航 */
body.dark-mode .nav-previous:hover,
body.dark-mode .nav-next:hover {
    background-color: var(--bg-tertiary);
}

/* 表格暗色主题 — 同时适配 weDocs 文档页 */
body.dark-mode .article-content table,
body.dark-mode .wedocs-single-content .entry-content table {
    background-color: var(--bg-secondary);
}

body.dark-mode .article-content table caption,
body.dark-mode .wedocs-single-content .entry-content table caption {
    background-color: var(--bg-tertiary);
}

body.dark-mode .article-content table tbody tr:nth-child(even),
body.dark-mode .wedocs-single-content .entry-content table tbody tr:nth-child(even) {
    background-color: var(--bg-tertiary);
}

body.dark-mode .article-content table tbody tr:hover,
body.dark-mode .wedocs-single-content .entry-content table tbody tr:hover {
    background-color: rgba(0, 102, 255, 0.2);
}

/* 回到顶部按钮 */
body.dark-mode .back-to-top {
    background-color: var(--primary-color);
}

body.dark-mode .back-to-top:hover {
    background-color: var(--primary-hover);
}

/* 分页 */
body.dark-mode .pagination .page-numbers {
    background-color: var(--bg-secondary);
    color: var(--text-secondary);
}

body.dark-mode .pagination .page-numbers:hover,
body.dark-mode .pagination .page-numbers.current {
    background-color: var(--primary-color);
    color: #ffffff;
}

/* 搜索结果 */
body.dark-mode .search-result-item:hover {
    background-color: var(--bg-tertiary);
}

/* 快捷链接 */
body.dark-mode .quick-link {
    background-color: var(--bg-secondary);
}

body.dark-mode .quick-link:hover {
    background-color: var(--primary-light);
}

/* 移动菜单 */
body.dark-mode .mobile-menu {
    background-color: var(--bg-color);
}

/* 左侧导航选中状态（暗色模式） */
body.dark-mode .doc-nav-item.current-doc a {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

body.dark-mode .doc-nav-item a:hover {
    background-color: var(--bg-tertiary);
    color: var(--text-color);
}

/* 分类导航选中状态（暗色模式） */
body.dark-mode .category-item.current-category a {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

body.dark-mode .category-item a:hover {
    background-color: var(--primary-light);
    color: var(--primary-color);
}

/* ========================================
   评论区暗色模式
   ======================================== */

/* 评论区容器 */
body.dark-mode .comments-area {
    border-top-color: var(--border-color);
}

/* 评论内容 */
body.dark-mode .comment-body {
    background-color: var(--bg-secondary);
    border-left-color: var(--border-color);
}

body.dark-mode .comment-body:hover {
    border-left-color: var(--primary-color);
}

/* 评论表单 */
body.dark-mode .comment-respond {
    background-color: var(--bg-secondary);
}

body.dark-mode .comment-form input[type="text"],
body.dark-mode .comment-form input[type="email"],
body.dark-mode .comment-form input[type="url"],
body.dark-mode .comment-form textarea {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-color);
}

body.dark-mode .comment-form input[type="text"]:focus,
body.dark-mode .comment-form input[type="email"]:focus,
body.dark-mode .comment-form input[type="url"]:focus,
body.dark-mode .comment-form textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px var(--primary-light);
}

/* 提交按钮 */
body.dark-mode .submit {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

body.dark-mode .submit:hover {
    background-color: var(--primary-hover);
}

/* 回复按钮 */
body.dark-mode .comment-reply-link {
    background-color: var(--bg-tertiary);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

body.dark-mode .comment-reply-link:hover {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

/* 待审核提示 */
body.dark-mode .comment-awaiting-moderation {
    background-color: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
}

/* ========================================
   过渡动画优化
   ======================================== */

/* 移除全局过渡，避免闪烁问题 */
/* 只对特定需要平滑过渡的元素应用动画 */

body.dark-mode .category-card,
body.dark-mode .post-card,
body.dark-mode .search-modal,
body.dark-mode .hero-section {
    transition: all var(--transition);
}