@tailwind base;
@tailwind components;
@tailwind utilities;

/* ===== 基础变量 & 字体 ===== */
html, body {
    font-family: 'pingfang SC', system-ui, -apple-system, sans-serif !important;
    scroll-behavior: smooth;
}
body { line-height: 1.6; }
main li { margin: .2rem 0; }

/* ===== 默认主题变量 ===== */
:root {
    --bg-body: #0f172a;
    --bg-card: rgba(15, 23, 42, 0.6);
    --bg-card-hover: rgba(30, 41, 59, 0.7);
    --border-card: rgba(51, 65, 85, 0.4);
    --border-glow: rgba(59, 130, 246, 0.5);
    --text-primary: #e2e8f0;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --accent: #3b82f6;
    --accent-glow: rgba(59, 130, 246, 0.3);
    --nav-bg: rgba(0, 0, 0, 0.7);
    --sidebar-bg: rgba(15, 23, 42, 0.3);
    --scrollbar-track: #0f172a;
    --scrollbar-thumb: #334155;
    --scrollbar-thumb-hover: #475569;
}

/* ===== 赛博主题变量 ===== */
[data-theme="cyber"] {
    --bg-body: #0B0E17;
    --bg-card: rgba(11, 14, 23, 0.55);
    --bg-card-hover: rgba(11, 14, 23, 0.75);
    --border-card: rgba(6, 182, 212, 0.15);
    --border-glow: rgba(6, 182, 212, 0.5);
    --text-primary: #e2e8f0;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --accent: #06b6d4;
    --accent-glow: rgba(6, 182, 212, 0.35);
    --nav-bg: rgba(3, 5, 10, 0.8);
    --sidebar-bg: rgba(3, 5, 10, 0.4);
    --scrollbar-track: #03050A;
    --scrollbar-thumb: #06b6d4;
    --scrollbar-thumb-hover: #22d3ee;
}

/* ===== 赛博主题·背景 ===== */
[data-theme="cyber"] body,
[data-theme="cyber"].bg-slate-950 {
    background-color: #03050A !important;
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(6, 182, 212, 0.12), transparent),
        radial-gradient(ellipse 60% 40% at 100% 60%, rgba(168, 85, 247, 0.05), transparent),
        radial-gradient(ellipse 50% 30% at 0% 40%, rgba(239, 68, 68, 0.04), transparent),
        linear-gradient(rgba(6, 182, 212, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(6, 182, 212, 0.025) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 100% 100%, 32px 32px, 32px 32px;
}

/* ===== 赛博主题·导航栏 ===== */
[data-theme="cyber"] nav,
[data-theme="cyber"] .bg-black\/70 {
    background: rgba(3, 5, 10, 0.82) !important;
    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
    border-bottom: 1px solid rgba(6, 182, 212, 0.15) !important;
    box-shadow: 0 1px 20px rgba(6, 182, 212, 0.06);
}

/* ===== 赛博主题·侧边栏 ===== */
[data-theme="cyber"] aside {
    background: rgba(3, 5, 10, 0.45) !important;
    backdrop-filter: blur(16px) saturate(110%);
    -webkit-backdrop-filter: blur(16px) saturate(110%);
    border-right: 1px solid rgba(6, 182, 212, 0.1) !important;
}

/* ===== 赛博主题·卡片通用 ===== */
[data-theme="cyber"] .bg-slate-900\/60 {
    background: rgba(11, 14, 23, 0.5) !important;
    backdrop-filter: blur(14px) saturate(110%);
    -webkit-backdrop-filter: blur(14px) saturate(110%);
    border-color: rgba(6, 182, 212, 0.12) !important;
    border-radius: 1.25rem !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    position: relative;
}
[data-theme="cyber"] .bg-slate-900\/60:hover {
    background: rgba(11, 14, 23, 0.7) !important;
    border-color: rgba(6, 182, 212, 0.4) !important;
    box-shadow: 0 8px 32px rgba(6, 182, 212, 0.15), 0 0 0 1px rgba(6, 182, 212, 0.15);
    transform: translateY(-4px);
}

/* ===== 赛博主题·快速导航卡片 ===== */
[data-theme="cyber"] .quick-nav-item {
    background: rgba(11, 14, 23, 0.4) !important;
    backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    border-color: rgba(6, 182, 212, 0.08) !important;
    border-radius: 1rem !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-theme="cyber"] .quick-nav-item:hover {
    background: rgba(11, 14, 23, 0.65) !important;
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 12px 30px rgba(6, 182, 212, 0.12), 0 0 0 1px rgba(6, 182, 212, 0.25);
}

/* ===== 赛博主题·提示卡片 ===== */
[data-theme="cyber"] .bg-gradient-to-r,
[data-theme="cyber"] [class*="bg-gradient-to-r"] {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* ===== 赛博主题·底部提示卡片 ===== */
[data-theme="cyber"] .from-blue-950\/40 {
    --tw-gradient-from: rgba(6, 182, 212, 0.08) !important;
    --tw-gradient-stops: var(--tw-gradient-from), rgba(168, 85, 247, 0.08) !important;
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(168, 85, 247, 0.08), rgba(239, 68, 68, 0.04)) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(6, 182, 212, 0.2) !important;
}

/* ===== 赛博主题·侧边栏提示卡片 ===== */
[data-theme="cyber"] aside .from-blue-600\/10 {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.12), rgba(168, 85, 247, 0.08)) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-color: rgba(6, 182, 212, 0.2) !important;
}

/* ===== 赛博主题·渐变文字 ===== */
[data-theme="cyber"] .gradient-text {
    background: linear-gradient(135deg, #06b6d4 0%, #a855f7 50%, #0ea5e9 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ===== 赛博主题·标题区卡片 ===== */
[data-theme="cyber"] .badge-rec {
    background: rgba(6, 182, 212, 0.18) !important;
    color: #22d3ee !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
[data-theme="cyber"] .badge-min {
    background: rgba(249, 115, 22, 0.18) !important;
    color: #fb923c !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* ===== 赛博主题·颜色重映射 ===== */
[data-theme="cyber"] .text-gray-200 { color: #e2e8f0 !important; }
[data-theme="cyber"] .text-gray-300 { color: #cbd5e1 !important; }
[data-theme="cyber"] .text-gray-400 { color: #94a3b8 !important; }
[data-theme="cyber"] .text-gray-500 { color: #7891a8 !important; }
[data-theme="cyber"] .text-slate-500 { color: #7891a8 !important; }
[data-theme="cyber"] .text-blue-400 { color: #22d3ee !important; }
[data-theme="cyber"] .text-blue-500 { color: #06b6d4 !important; }
[data-theme="cyber"] .text-blue-600 { color: #0891b2 !important; }
[data-theme="cyber"] .text-green-400 { color: #4ade80 !important; }
[data-theme="cyber"] .text-green-600 { color: #22c55e !important; }
[data-theme="cyber"] .text-red-400 { color: #f87171 !important; }
[data-theme="cyber"] .text-yellow-400 { color: #facc15 !important; }
[data-theme="cyber"] .text-purple-400 { color: #a855f7 !important; }
[data-theme="cyber"] .text-purple-600 { color: #9333ea !important; }
[data-theme="cyber"] .text-indigo-600 { color: #818cf8 !important; }
[data-theme="cyber"] .text-orange-400 { color: #fb923c !important; }
[data-theme="cyber"] .text-pink-300 { color: #f9a8d4 !important; }
[data-theme="cyber"] .text-pink-400 { color: #f472b6 !important; }
[data-theme="cyber"] .text-rose-400 { color: #fb7185 !important; }
[data-theme="cyber"] .text-amber-400 { color: #fbbf24 !important; }
[data-theme="cyber"] .text-cyan-400 { color: #22d3ee !important; }
[data-theme="cyber"] .text-cyan-300 { color: #67e8f9 !important; }
[data-theme="cyber"] .text-emerald-400 { color: #34d399 !important; }
[data-theme="cyber"] .text-fuchsia-400 { color: #e879f9 !important; }
[data-theme="cyber"] .text-sky-400 { color: #38bdf8 !important; }
[data-theme="cyber"] .text-violet-400 { color: #a78bfa !important; }
[data-theme="cyber"] .text-teal-400 { color: #2dd4bf !important; }
[data-theme="cyber"] .text-indigo-400 { color: #818cf8 !important; }
[data-theme="cyber"] .text-indigo-300 { color: #a5b4fc !important; }

/* 背景色重映射 */
[data-theme="cyber"] .bg-slate-950 { background-color: #03050A !important; }
[data-theme="cyber"] .bg-slate-900\/40 { background: rgba(11, 14, 23, 0.4) !important; }
[data-theme="cyber"] .bg-slate-900\/30 { background: rgba(11, 14, 23, 0.3) !important; }
[data-theme="cyber"] .bg-slate-900\/60 { background: rgba(11, 14, 23, 0.5) !important; }
[data-theme="cyber"] .bg-slate-950\/98 { background: rgba(3, 5, 10, 0.95) !important; }
[data-theme="cyber"] .bg-black\/90 { background: rgba(3, 5, 10, 0.88) !important; }
[data-theme="cyber"] .bg-gray-800\/50 { background: rgba(6, 182, 212, 0.08) !important; }
[data-theme="cyber"] .bg-blue-600\/10 { background: rgba(6, 182, 212, 0.1) !important; }
[data-theme="cyber"] .bg-blue-600\/20 { background: rgba(6, 182, 212, 0.18) !important; }
[data-theme="cyber"] .bg-purple-600\/10 { background: rgba(168, 85, 247, 0.1) !important; }
[data-theme="cyber"] .bg-red-600\/10 { background: rgba(239, 68, 68, 0.1) !important; }
[data-theme="cyber"] .bg-green-600\/10 { background: rgba(34, 197, 94, 0.1) !important; }
[data-theme="cyber"] .bg-yellow-600\/10 { background: rgba(234, 179, 8, 0.1) !important; }
[data-theme="cyber"] .bg-pink-600\/10 { background: rgba(236, 72, 153, 0.1) !important; }
[data-theme="cyber"] .bg-orange-600\/10 { background: rgba(249, 115, 22, 0.1) !important; }
[data-theme="cyber"] .bg-amber-600\/10 { background: rgba(245, 158, 11, 0.1) !important; }
[data-theme="cyber"] .bg-rose-600\/10 { background: rgba(225, 29, 72, 0.1) !important; }
[data-theme="cyber"] .bg-sky-600\/10 { background: rgba(14, 165, 233, 0.1) !important; }
[data-theme="cyber"] .bg-emerald-600\/10 { background: rgba(16, 185, 129, 0.1) !important; }
[data-theme="cyber"] .bg-fuchsia-600\/10 { background: rgba(217, 70, 239, 0.1) !important; }
[data-theme="cyber"] .bg-indigo-600\/10 { background: rgba(99, 102, 241, 0.1) !important; }
[data-theme="cyber"] .bg-violet-600\/10 { background: rgba(124, 58, 237, 0.1) !important; }
[data-theme="cyber"] .bg-teal-600\/10 { background: rgba(20, 184, 166, 0.1) !important; }
[data-theme="cyber"] .bg-gray-600\/10 { background: rgba(107, 114, 128, 0.1) !important; }
[data-theme="cyber"] .bg-white\/5 { background: rgba(255, 255, 255, 0.04) !important; }

/* 赛博主题·Badge 背景色 */
[data-theme="cyber"] .bg-cyan-900\/40 { background: rgba(6, 182, 212, 0.15) !important; }
[data-theme="cyber"] .bg-purple-900\/40 { background: rgba(168, 85, 247, 0.15) !important; }
[data-theme="cyber"] .bg-red-900\/40 { background: rgba(239, 68, 68, 0.15) !important; }
[data-theme="cyber"] .bg-indigo-900\/40 { background: rgba(99, 102, 241, 0.15) !important; }
[data-theme="cyber"] .bg-green-900\/40 { background: rgba(34, 197, 94, 0.15) !important; }
[data-theme="cyber"] .bg-yellow-900\/40 { background: rgba(234, 179, 8, 0.15) !important; }
[data-theme="cyber"] .bg-blue-900\/40 { background: rgba(6, 182, 212, 0.15) !important; }
[data-theme="cyber"] .bg-orange-900\/40 { background: rgba(249, 115, 22, 0.15) !important; }
[data-theme="cyber"] .bg-pink-900\/40 { background: rgba(236, 72, 153, 0.15) !important; }
[data-theme="cyber"] .bg-amber-900\/40 { background: rgba(245, 158, 11, 0.15) !important; }
[data-theme="cyber"] .bg-rose-900\/40 { background: rgba(225, 29, 72, 0.15) !important; }
[data-theme="cyber"] .bg-sky-900\/40 { background: rgba(14, 165, 233, 0.15) !important; }
[data-theme="cyber"] .bg-emerald-900\/40 { background: rgba(16, 185, 129, 0.15) !important; }
[data-theme="cyber"] .bg-fuchsia-900\/40 { background: rgba(217, 70, 239, 0.15) !important; }
[data-theme="cyber"] .bg-violet-900\/40 { background: rgba(124, 58, 237, 0.15) !important; }
[data-theme="cyber"] .bg-gray-700\/60 { background: rgba(107, 114, 128, 0.15) !important; }

/* ===== 赛博主题·边框重映射 ===== */
[data-theme="cyber"] .border-gray-700\/40 { border-color: rgba(6, 182, 212, 0.12) !important; }
[data-theme="cyber"] .border-gray-800\/50 { border-color: rgba(6, 182, 212, 0.08) !important; }
[data-theme="cyber"] .border-slate-700\/30 { border-color: rgba(6, 182, 212, 0.08) !important; }
[data-theme="cyber"] .border-indigo-500\/30 { border-color: rgba(6, 182, 212, 0.2) !important; }
[data-theme="cyber"] .border-blue-500\/20 { border-color: rgba(6, 182, 212, 0.15) !important; }
[data-theme="cyber"] .border-white\/10 { border-color: rgba(6, 182, 212, 0.1) !important; }
[data-theme="cyber"] .border-white\/20 { border-color: rgba(255, 255, 255, 0.1) !important; }
[data-theme="cyber"] .border-white\/5 { border-color: rgba(255, 255, 255, 0.04) !important; }
[data-theme="cyber"] .border-purple-500\/20 { border-color: rgba(168, 85, 247, 0.15) !important; }
[data-theme="cyber"] .border-red-500\/20 { border-color: rgba(239, 68, 68, 0.15) !important; }
[data-theme="cyber"] .border-green-500\/20 { border-color: rgba(34, 197, 94, 0.15) !important; }
[data-theme="cyber"] .border-yellow-500\/20 { border-color: rgba(234, 179, 8, 0.15) !important; }
[data-theme="cyber"] .border-pink-500\/20 { border-color: rgba(236, 72, 153, 0.15) !important; }
[data-theme="cyber"] .border-orange-500\/20 { border-color: rgba(249, 115, 22, 0.15) !important; }
[data-theme="cyber"] .border-amber-500\/20 { border-color: rgba(245, 158, 11, 0.15) !important; }
[data-theme="cyber"] .border-rose-500\/20 { border-color: rgba(225, 29, 72, 0.15) !important; }
[data-theme="cyber"] .border-sky-500\/20 { border-color: rgba(14, 165, 233, 0.15) !important; }
[data-theme="cyber"] .border-emerald-500\/20 { border-color: rgba(16, 185, 129, 0.15) !important; }
[data-theme="cyber"] .border-fuchsia-500\/20 { border-color: rgba(217, 70, 239, 0.15) !important; }
[data-theme="cyber"] .border-indigo-500\/20 { border-color: rgba(99, 102, 241, 0.15) !important; }
[data-theme="cyber"] .border-violet-500\/20 { border-color: rgba(124, 58, 237, 0.15) !important; }
[data-theme="cyber"] .border-teal-500\/20 { border-color: rgba(20, 184, 166, 0.15) !important; }
[data-theme="cyber"] .border-gray-500\/20 { border-color: rgba(107, 114, 128, 0.15) !important; }

/* hover 边框颜色 */
[data-theme="cyber"] .hover\:border-purple-500\/40:hover { border-color: rgba(168, 85, 247, 0.4) !important; }
[data-theme="cyber"] .hover\:border-red-500\/40:hover { border-color: rgba(239, 68, 68, 0.4) !important; }
[data-theme="cyber"] .hover\:border-indigo-500\/40:hover { border-color: rgba(6, 182, 212, 0.4) !important; }
[data-theme="cyber"] .hover\:border-gray-500\/40:hover { border-color: rgba(107, 114, 128, 0.4) !important; }
[data-theme="cyber"] .hover\:border-green-500\/40:hover { border-color: rgba(34, 197, 94, 0.4) !important; }
[data-theme="cyber"] .hover\:border-yellow-500\/40:hover { border-color: rgba(234, 179, 8, 0.4) !important; }
[data-theme="cyber"] .hover\:border-blue-500\/40:hover { border-color: rgba(6, 182, 212, 0.4) !important; }
[data-theme="cyber"] .hover\:border-orange-500\/40:hover { border-color: rgba(249, 115, 22, 0.4) !important; }
[data-theme="cyber"] .hover\:border-pink-500\/40:hover { border-color: rgba(236, 72, 153, 0.4) !important; }
[data-theme="cyber"] .hover\:border-cyan-500\/40:hover { border-color: rgba(6, 182, 212, 0.4) !important; }
[data-theme="cyber"] .hover\:border-amber-500\/40:hover { border-color: rgba(245, 158, 11, 0.4) !important; }
[data-theme="cyber"] .hover\:border-rose-500\/40:hover { border-color: rgba(225, 29, 72, 0.4) !important; }
[data-theme="cyber"] .hover\:border-sky-500\/40:hover { border-color: rgba(14, 165, 233, 0.4) !important; }
[data-theme="cyber"] .hover\:border-emerald-500\/40:hover { border-color: rgba(16, 185, 129, 0.4) !important; }
[data-theme="cyber"] .hover\:border-fuchsia-500\/40:hover { border-color: rgba(217, 70, 239, 0.4) !important; }
[data-theme="cyber"] .hover\:border-violet-500\/40:hover { border-color: rgba(124, 58, 237, 0.4) !important; }
[data-theme="cyber"] .hover\:border-indigo-500\/40:hover { border-color: rgba(6, 182, 212, 0.4) !important; }

/* ===== 赛博主题·hover 背景 ===== */
[data-theme="cyber"] .hover\:bg-slate-800\/60:hover { background: rgba(11, 14, 23, 0.6) !important; }
[data-theme="cyber"] .hover\:bg-white\/10:hover { background: rgba(255, 255, 255, 0.06) !important; }
[data-theme="cyber"] .hover\:bg-blue-600\/20:hover { background: rgba(6, 182, 212, 0.18) !important; }

/* ===== 赛博主题·按钮 ===== */
[data-theme="cyber"] .bg-blue-600 {
    background: linear-gradient(135deg, #06b6d4, #0ea5e9) !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(6, 182, 212, 0.25);
}
[data-theme="cyber"] .bg-blue-600:hover {
    box-shadow: 0 4px 20px rgba(6, 182, 212, 0.4);
    transform: translateY(-1px);
}
[data-theme="cyber"] .bg-pink-600 {
    background: linear-gradient(135deg, #a855f7, #ec4899) !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(168, 85, 247, 0.25);
}
[data-theme="cyber"] .bg-pink-600:hover {
    box-shadow: 0 4px 20px rgba(168, 85, 247, 0.4);
    transform: translateY(-1px);
}
[data-theme="cyber"] .hover\:bg-blue-700:hover { box-shadow: 0 4px 20px rgba(6, 182, 212, 0.45) !important; }
[data-theme="cyber"] .hover\:bg-pink-700:hover { box-shadow: 0 4px 20px rgba(168, 85, 247, 0.45) !important; }

/* ===== 赛博主题·分割线 ===== */
[data-theme="cyber"] hr {
    border-color: rgba(6, 182, 212, 0.1) !important;
}

/* ===== 赛博主题·sidebar-item 交互 ===== */
[data-theme="cyber"] .sidebar-item {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0.625rem;
}
[data-theme="cyber"] .sidebar-item:hover {
    transform: translateX(4px);
    box-shadow: 0 0 16px rgba(6, 182, 212, 0.12);
}
[data-theme="cyber"] .sidebar-item.active {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(6, 182, 212, 0.3), rgba(168, 85, 247, 0.2)) !important;
    border: 1px solid rgba(6, 182, 212, 0.25) !important;
    box-shadow: 0 0 20px rgba(6, 182, 212, 0.15);
}
[data-theme="cyber"] .sidebar-item.active i {
    color: #22d3ee !important;
}

/* ===== 赛博主题·sidebar hover 颜色组 ===== */
[data-theme="cyber"] .hover\:bg-blue-800:hover,
[data-theme="cyber"] .hover\:bg-blue-800\/60:hover { background: rgba(6, 182, 212, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-purple-800:hover { background: rgba(168, 85, 247, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-red-800:hover { background: rgba(239, 68, 68, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-green-800:hover { background: rgba(34, 197, 94, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-yellow-800:hover { background: rgba(234, 179, 8, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-pink-800:hover { background: rgba(236, 72, 153, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-orange-800:hover { background: rgba(249, 115, 22, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-amber-800:hover { background: rgba(245, 158, 11, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-rose-800:hover { background: rgba(225, 29, 72, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-sky-800:hover { background: rgba(14, 165, 233, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-emerald-800:hover { background: rgba(16, 185, 129, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-fuchsia-800:hover { background: rgba(217, 70, 239, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-indigo-800:hover { background: rgba(6, 182, 212, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-violet-800:hover { background: rgba(124, 58, 237, 0.18) !important; }
[data-theme="cyber"] .hover\:bg-gray-700\/50:hover { background: rgba(107, 114, 128, 0.15) !important; }

/* ===== 赛博主题·hover 文字颜色 ===== */
[data-theme="cyber"] .hover\:text-blue-400:hover { color: #22d3ee !important; }
[data-theme="cyber"] .hover\:text-blue-500:hover { color: #06b6d4 !important; }
[data-theme="cyber"] .hover\:text-white:hover { color: #fff !important; }

/* ===== 赛博主题·手机菜单 ===== */
[data-theme="cyber"] #mobile-menu {
    background: rgba(3, 5, 10, 0.96) !important;
    backdrop-filter: blur(20px) saturate(130%);
    -webkit-backdrop-filter: blur(20px) saturate(130%);
}

/* ===== 赛博主题·手机底部选项卡 ===== */
[data-theme="cyber"] #mobile-bottom-tab {
    background: rgba(3, 5, 10, 0.85) !important;
    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
    border-top: 1px solid rgba(6, 182, 212, 0.12) !important;
}

/* ===== 赛博主题·strong/yellow 文字 ===== */
[data-theme="cyber"] strong.text-yellow-400,
[data-theme="cyber"] .text-yellow-400 strong { color: #22d3ee !important; }

/* ===== 赛博主题·h2 (Windows/MacOS 标题) ===== */
[data-theme="cyber"] h2 .text-blue-400 { color: #22d3ee !important; }

/* ===== 赛博主题·主菜单项 ===== */
[data-theme="cyber"] .main-menu-item {
    transition: all 0.3s ease;
    border-radius: 0.5rem;
}
[data-theme="cyber"] .main-menu-item:hover {
    transform: translateY(-2px);
}

/* ===== 赛博主题·移动端链接卡片 ===== */
[data-theme="cyber"] .mobile-link {
    transition: all 0.3s ease;
}
[data-theme="cyber"] .mobile-link:hover {
    transform: translateX(4px);
}

/* ===== 赛博主题·自定义滚动条 ===== */
[data-theme="cyber"] ::-webkit-scrollbar { width: 8px; }
[data-theme="cyber"] ::-webkit-scrollbar-track {
    background: #03050A;
    border-radius: 4px;
}
[data-theme="cyber"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #06b6d4, #0ea5e9);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
[data-theme="cyber"] ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #22d3ee, #38bdf8);
}
[data-theme="cyber"] {
    scrollbar-color: #06b6d4 #03050A;
    scrollbar-width: thin;
}

/* ===== 移动端菜单动画 ===== */
#mobile-menu {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
}
#mobile-menu.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.sidebar-item { transition: all 0.3s ease; }
.sidebar-item.active {
    color: #fff;
    background: #1e40af;
    background: linear-gradient(to right, #0ea5e9, #1e40af);
}
.sidebar-item.active i { color: #fff!important; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* 默认滚动条 */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background-color: #0f172a; }
::-webkit-scrollbar-thumb { background-color: #334155; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background-color: #475569; }

.gradient-text {
    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.config-card { transition: all 0.2s ease; }
.config-card:hover {
    border-color: rgba(59, 130, 246, 0.5);
    box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.5);
}

.badge-min { background: rgba(245, 158, 11, 0.2); color: #fbbf24; }
.badge-rec { background: rgba(34, 197, 94, 0.2); color: #4ade80; }

.mobile-tab-item:active { transform: scale(0.95); }
.mobile-tab-item { transition: transform 0.1s ease; }

/* ===== 主题切换过渡动画 ===== */
*, *::before, *::after {
    transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}

/* ===== 主题切换按钮样式 ===== */
#themeToggle {
    position: relative;
    overflow: hidden;
}
#themeToggle i {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#themeToggle:active i {
    transform: rotate(180deg) scale(0.8);
}
[data-theme="cyber"] #themeToggle i {
    color: #22d3ee;
}


/* ===== 赛博主题 quick-nav-item hover 文字 ===== */
[data-theme="cyber"] .group:hover .group-hover\:text-white { color: #e2e8f0 !important; }

/* ===== 赛博主题 video 元素 ===== */
[data-theme="cyber"] video {
    border-radius: 0.75rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}