/* 深色模式样式 */

[data-theme="dark"] {
    --color-bg: #111827;
    --color-bg-secondary: #1f2937;
    --color-text: #f9fafb;
    --color-text-secondary: #9ca3af;
    --color-border: #374151;
}

/* 背景反转 */
[data-theme="dark"] body,
[data-theme="dark"] .site-header,
[data-theme="dark"] .card,
[data-theme="dark"] .sidebar-widget,
[data-theme="dark"] .featured-card,
[data-theme="dark"] .ad-slot,
[data-theme="dark"] .search-input,
[data-theme="dark"] .filter-select,
[data-theme="dark"] .filter-bar,
[data-theme="dark"] .page-header {
    background-color: var(--color-bg);
    border-color: var(--color-border);
}

/* 文字颜色 */
[data-theme="dark"] .site-logo,
[data-theme="dark"] .main-nav a,
[data-theme="dark"] .card-title,
[data-theme="dark"] .post-card-title,
[data-theme="dark"] .tool-header-title {
    color: var(--color-text);
}

/* 次要文字 */
[data-theme="dark"] .card-excerpt,
[data-theme="dark"] .breadcrumb,
[data-theme="dark"] .search-result-meta,
[data-theme="dark"] .stat-count,
[data-theme="dark"] .page-header-desc {
    color: var(--color-text-secondary);
}

/* 输入框 */
[data-theme="dark"] .search-input,
[data-theme="dark"] .filter-select {
    background-color: var(--color-bg-secondary);
    color: var(--color-text);
    border-color: var(--color-border);
}

[data-theme="dark"] .search-input::placeholder {
    color: var(--color-text-secondary);
}

/* 按钮样式 */
[data-theme="dark"] .btn-secondary {
    background-color: var(--color-bg-secondary);
    color: var(--color-text);
    border-color: var(--color-border);
}

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

/* 分类按钮 */
[data-theme="dark"] .category-btn {
    background-color: var(--color-bg);
    border-color: var(--color-border);
    color: var(--color-text);
}

/* 收藏按钮 */
[data-theme="dark"] .favorite-btn {
    background-color: var(--color-bg-secondary);
    border-color: var(--color-border);
    color: var(--color-text);
}

/* 工具详情页优缺点 */
[data-theme="dark"] .pros-list {
    background: rgba(16, 185, 129, 0.15);
    border-color: rgba(16, 185, 129, 0.3);
}

[data-theme="dark"] .cons-list {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
}

/* 广告位背景 */
[data-theme="dark"] .ad-slot-horizontal,
[data-theme="dark"] .ad-slot-rectangle {
    background-color: var(--color-bg-secondary);
}

/* 分页 */
[data-theme="dark"] .pagination a,
[data-theme="dark"] .pagination span {
    background-color: var(--color-bg);
    border-color: var(--color-border);
    color: var(--color-text);
}

[data-theme="dark"] .pagination a:hover {
    background-color: var(--color-bg-secondary);
}

/* 轮播导航 */
[data-theme="dark"] .carousel-nav {
    background-color: var(--color-bg);
    border-color: var(--color-border);
    color: var(--color-text);
}

/* 移动端菜单 */
[data-theme="dark"] .mobile-menu-toggle {
    background-color: var(--color-bg-secondary);
    border-color: var(--color-border);
    color: var(--color-text);
}

/* 加载动画 */
[data-theme="dark"] .loading {
    border-color: var(--color-border);
    border-top-color: var(--color-primary);
}

/* 阴影调整 */
[data-theme="dark"] .card:hover,
[data-theme="dark"] .post-card:hover,
[data-theme="dark"] .featured-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

/* 头部滚动效果 */
[data-theme="dark"] .site-header.scrolled {
    background-color: rgba(17, 24, 39, 0.95);
    backdrop-filter: blur(10px);
}

/* 搜索下拉 */
[data-theme="dark"] .search-dropdown {
    background-color: var(--color-bg);
    border-color: var(--color-border);
}

[data-theme="dark"] .search-result-item:hover {
    background-color: var(--color-bg-secondary);
}

/* 深色模式切换按钮 */
[data-theme="dark"] .theme-toggle {
    background-color: var(--color-bg-secondary);
    border-color: var(--color-border);
}

/* 悬浮咨询按钮 */
[data-theme="dark"] .float-consult-btn {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

/* 标签样式 */
[data-theme="dark"] .tag {
    background-color: var(--color-bg-secondary);
    color: var(--color-text-secondary);
}

[data-theme="dark"] .tag:hover {
    background-color: var(--color-primary);
}

/* 编辑器样式 */
[data-theme="dark"] .entry-content {
    color: var(--color-text);
}

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

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

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