/* ============================================================
   home-dark.css
   索引页深色模式覆盖样式（固定模式 + 智能模式）
   由 home_template.html 直接引入，通过 data-unified-mode 属性生效
   ============================================================ */

/* ----- 固定深色模式 ----- */
[data-unified-mode="fixed"] body { color: #b8bfc6 !important; }
[data-unified-mode="fixed"] .header { background: #12121a !important; border-bottom-color: #2a2a3a !important; }
[data-unified-mode="fixed"] .header h1 { color: #dedede !important; }
[data-unified-mode="fixed"] .header p { color: #666 !important; }
[data-unified-mode="fixed"] .sidebar { background: #12121a !important; border-right-color: #2a2a3a !important; }
[data-unified-mode="fixed"] .tree-item { color: #888 !important; }
[data-unified-mode="fixed"] .tree-item:hover { background: rgba(255,255,255,0.04) !important; }
[data-unified-mode="fixed"] .tree-item.active { background: rgba(100,120,150,0.12) !important; color: #b8bfc6 !important; }
[data-unified-mode="fixed"] .tree-count { color: #555 !important; }
[data-unified-mode="fixed"] .sidebar-title { color: #555 !important; }
[data-unified-mode="fixed"] .file-card { background: #1a1a28 !important; border-color: #2a2a3a !important; color: #b8bfc6 !important; }
[data-unified-mode="fixed"] .file-card:hover { border-color: #444 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important; }
[data-unified-mode="fixed"] .file-name { color: #dedede !important; }
[data-unified-mode="fixed"] .file-meta { color: #555 !important; }
[data-unified-mode="fixed"] .stats { color: #666 !important; }
[data-unified-mode="fixed"] .sidebar-search .search-box,
[data-unified-mode="fixed"] .sidebar-search input { background: #1a1a28 !important; border-color: #2a2a3a !important; color: #b8bfc6 !important; }
[data-unified-mode="fixed"] .section-title { color: #b8bfc6 !important; border-bottom-color: #2a2a3a !important; }
[data-unified-mode="fixed"] .sidebar-search .search-box:focus { border-color: #555 !important; box-shadow: 0 0 0 2px rgba(100,120,150,0.15) !important; }
[data-unified-mode="fixed"] .sidebar-search input::placeholder { color: #555 !important; }
[data-unified-mode="fixed"] .footer { color: #444 !important; border-top-color: #2a2a3a !important; }

@media (max-width: 768px) {
    [data-unified-mode="fixed"] .sidebar { border-bottom-color: #2a2a3a !important; }
    [data-unified-mode="fixed"] .sidebar-search .search-box,
    [data-unified-mode="fixed"] .sidebar-search input { width: 100% !important; }
}

/* ----- 智能深色模式 ----- */
[data-unified-mode="smart"] body { color: #b8bfc6 !important; }
[data-unified-mode="smart"] .header { background: #12121a !important; border-bottom-color: #2a2a3a !important; }
[data-unified-mode="smart"] .header h1 { color: #dedede !important; }
[data-unified-mode="smart"] .header p { color: #666 !important; }
[data-unified-mode="smart"] .sidebar { background: #12121a !important; border-right-color: #2a2a3a !important; }
[data-unified-mode="smart"] .tree-item { color: #888 !important; }
[data-unified-mode="smart"] .tree-item:hover { background: rgba(255,255,255,0.04) !important; }
[data-unified-mode="smart"] .tree-item.active { background: rgba(100,120,150,0.12) !important; color: #b8bfc6 !important; }
[data-unified-mode="smart"] .tree-count { color: #555 !important; }
[data-unified-mode="smart"] .sidebar-title { color: #555 !important; }
[data-unified-mode="smart"] .file-card { background: #1a1a28 !important; border-color: #2a2a3a !important; color: #b8bfc6 !important; }
[data-unified-mode="smart"] .file-card:hover { border-color: #444 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important; }
[data-unified-mode="smart"] .file-name { color: #dedede !important; }
[data-unified-mode="smart"] .file-meta { color: #555 !important; }
[data-unified-mode="smart"] .stats { color: #666 !important; }
[data-unified-mode="smart"] .sidebar-search .search-box,
[data-unified-mode="smart"] .sidebar-search input { background: #1a1a28 !important; border-color: #2a2a3a !important; color: #b8bfc6 !important; }
[data-unified-mode="smart"] .section-title { color: #b8bfc6 !important; border-bottom-color: #2a2a3a !important; }
[data-unified-mode="smart"] .sidebar-search .search-box:focus { border-color: #555 !important; box-shadow: 0 0 0 2px rgba(100,120,150,0.15) !important; }
[data-unified-mode="smart"] .sidebar-search input::placeholder { color: #555 !important; }
[data-unified-mode="smart"] .footer { color: #444 !important; border-top-color: #2a2a3a !important; }

@media (max-width: 768px) {
    [data-unified-mode="smart"] .sidebar { border-bottom-color: #2a2a3a !important; }
    [data-unified-mode="smart"] .sidebar-search .search-box,
    [data-unified-mode="smart"] .sidebar-search input { width: 100% !important; }
}