/* 深色模式 - 与 @media (prefers-color-scheme: dark) 等效，由 js/dark-mode.js 注入 html.dark 时生效 */
html.dark body {
    background: linear-gradient(135deg, #0b1220 0%, #111827 55%, #1f2937 100%) !important;
    color: #e5e7eb !important;
}
html.dark .glass {
    background: rgba(17, 24, 39, 0.9) !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
}
html.dark aside.glass,
html.dark header.glass {
    background: rgba(15, 23, 42, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}
html.dark .nav-item:not(.gradient-bg),
html.dark .nav-item:not(.gradient-bg) span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html.dark .nav-item:not(.gradient-bg):hover {
    background: rgba(148, 163, 184, 0.15) !important;
    color: #ffffff !important;
}
html.dark .border-gray-200\/50 {
    border-color: rgba(100, 116, 139, 0.5) !important;
}
html.dark .dark-force-white {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}
/* 侧边栏 Logo 下方、主内容区标题等 */
html.dark aside .text-gray-500,
html.dark header .text-gray-500 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* 主内容区 gray 文本（Quick Actions、表格、描述等） */
html.dark .text-gray-800 {
    color: #e5e7eb !important;
}
html.dark .text-gray-600 {
    color: #d1d5db !important;
}
html.dark .text-gray-500 {
    color: #d1d5db !important;
}
html.dark .text-gray-400 {
    color: #9ca3af !important;
}