/* ===== themes.css — 全站主题定义 ===== */
/* 默认主题即为 :root 中定义的暗黑赛博风，无需 class */

/* 默认主题 nav 常驻样式（所有非浅色页面通用） */
body:not(.theme-light-simple) nav {
    background: rgba(10, 10, 15, 0.92) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(0, 245, 212, 0.15) !important;
}

/* ==============================
   主题一：简约浅色 (light-simple)
   ============================== */
body.theme-light-simple,
.theme-light-simple body {
    --bg-primary: #f5f5f7;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --accent-cyan: #0891b2;
    --accent-magenta: #be185d;
    --accent-purple: #7c3aed;
    --text-primary: #1e1e2e;
    --text-muted: #6b7280;
    --glow-cyan: 0 0 10px rgba(8,145,178,0.15);
    --btn-primary-bg: var(--accent-cyan);
    --btn-primary-text: #fff;
    --btn-primary-hover: #0e7490;
    --btn-danger-bg: rgba(220,38,38,0.85);
    --btn-danger-text: #fff;
    --btn-danger-hover: rgba(220,38,38,1);
    --btn-success-bg: rgba(5,150,105,0.85);
    --btn-success-text: #fff;
    --btn-success-hover: rgba(5,150,105,1);
    --btn-default-bg: rgba(0,0,0,0.06);
    --btn-default-text: var(--text-muted);
    --btn-default-hover: rgba(0,0,0,0.12);
    background-color: #f5f5f7 !important;
    color: #1e1e2e !important;
}

body.theme-light-simple::before {
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(8,145,178,0.04) 2px,
        rgba(8,145,178,0.04) 4px
    ) !important;
}

.theme-light-simple .grid-bg {
    background-image:
        linear-gradient(rgba(8,145,178,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8,145,178,0.06) 1px, transparent 1px) !important;
}

.theme-light-simple .scanline,
.theme-light-simple .scanlines {
    opacity: 0.04 !important;
}

.theme-light-simple nav {
    background: rgba(255,255,255,0.95) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

.theme-light-simple .logo {
    color: var(--accent-cyan) !important;
    text-shadow: var(--glow-cyan) !important;
}

.theme-light-simple .back-btn,
.theme-light-simple .user-btn,
.theme-light-simple .btn.btn-default {
    background: rgba(0,0,0,0.06) !important;
    color: var(--text-primary) !important;
    border-color: rgba(0,0,0,0.1) !important;
}

.theme-light-simple .back-btn:hover,
.theme-light-simple .user-btn:hover,
.theme-light-simple .btn.btn-default:hover {
    background: rgba(0,0,0,0.12) !important;
    color: var(--accent-cyan) !important;
}

.theme-light-simple .auth-btn,
.theme-light-simple .submit-btn,
.theme-light-simple .btn.btn-primary {
    background: var(--accent-cyan) !important;
    color: #fff !important;
}

.theme-light-simple .auth-btn:hover,
.theme-light-simple .submit-btn:hover,
.theme-light-simple .btn.btn-primary:hover {
    background: var(--btn-primary-hover) !important;
}

.theme-light-simple .btn.btn-danger {
    background: var(--btn-danger-bg) !important;
    color: var(--btn-danger-text) !important;
}

.theme-light-simple .btn.btn-success {
    background: var(--btn-success-bg) !important;
    color: var(--btn-success-text) !important;
}

.theme-light-simple .card,
.theme-light-simple .modal-content,
.theme-light-simple .panel {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.1) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
}

.theme-light-simple input[type="text"],
.theme-light-simple input[type="password"],
.theme-light-simple input[type="email"],
.theme-light-simple input[type="number"],
.theme-light-simple textarea,
.theme-light-simple select {
    background: #ffffff !important;
    color: #1e1e2e !important;
    border-color: rgba(0,0,0,0.2) !important;
}

.theme-light-simple input::placeholder,
.theme-light-simple textarea::placeholder {
    color: #9ca3af !important;
}

.theme-light-simple table thead {
    background: rgba(8,145,178,0.08) !important;
}

.theme-light-simple table tr:nth-child(even) {
    background: rgba(0,0,0,0.02) !important;
}

.theme-light-simple table tr:hover {
    background: rgba(8,145,178,0.06) !important;
}

.theme-light-simple .toast {
    background: #ffffff !important;
    border-color: var(--accent-cyan) !important;
    color: #1e1e2e !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
}

.theme-light-simple .modal-overlay {
    background: rgba(0,0,0,0.4) !important;
}

.theme-light-simple .leaderboard-item {
    background: rgba(0,0,0,0.03) !important;
    border-color: rgba(0,0,0,0.08) !important;
}

.theme-light-simple a {
    color: var(--accent-cyan) !important;
}


/* ==============================
   主题二：暗夜金 (night-gold)
   奢华暗黑风 + 金色流光
   ============================== */
body.theme-night-gold,
.theme-night-gold body {
    --accent-cyan: #f59e0b;
    --accent-magenta: #d97706;
    --accent-purple: #fbbf24;
    --glow-cyan: 0 0 16px rgba(245,158,11,0.35);
    --btn-primary-bg: linear-gradient(135deg, #f59e0b, #d97706);
    --btn-primary-text: #0a0a0f;
    --btn-primary-hover: #b45309;
    --btn-success-bg: rgba(5,150,105,0.85);
    --btn-success-text: #fff;
    --btn-success-hover: rgba(5,150,105,1);
}

.theme-night-gold .logo {
    color: #f59e0b !important;
    text-shadow: 0 0 16px rgba(245,158,11,0.5) !important;
}

.theme-night-gold nav .nav-link:hover,
.theme-night-gold nav .nav-link.active {
    color: #f59e0b !important;
}

.theme-night-gold a {
    color: #f59e0b !important;
}

/* 暗夜金 — 顶部栏常驻 */
.theme-night-gold nav {
    background: rgba(10, 10, 15, 0.94) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(245, 158, 11, 0.25) !important;
}

/* 暗夜金 — 用户按钮用户名文字颜色 */
.theme-night-gold .user-btn {
    color: #0a0a0f !important;
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
}


/* ==============================
   主题三：深林绿 (forest-green)
   暗黑护眼风 + 翡翠幽光
   ============================== */
body.theme-forest-green,
.theme-forest-green body {
    --accent-cyan: #10b981;
    --accent-magenta: #059669;
    --accent-purple: #34d399;
    --glow-cyan: 0 0 16px rgba(16,185,129,0.35);
    --btn-primary-bg: linear-gradient(135deg, #10b981, #059669);
    --btn-primary-text: #0a0a0f;
    --btn-primary-hover: #047857;
    --btn-success-bg: rgba(16,185,129,0.85);
    --btn-success-text: #fff;
    --btn-success-hover: rgba(16,185,129,1);
}

.theme-forest-green .logo {
    color: #10b981 !important;
    text-shadow: 0 0 16px rgba(16,185,129,0.5) !important;
}

.theme-forest-green nav .nav-link:hover,
.theme-forest-green nav .nav-link.active {
    color: #10b981 !important;
}

.theme-forest-green a {
    color: #10b981 !important;
}

/* 深林绿 — 顶部栏常驻 */
.theme-forest-green nav {
    background: rgba(10, 10, 15, 0.94) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(16, 185, 129, 0.25) !important;
}

/* 深林绿 — 用户按钮用户名文字颜色 */
.theme-forest-green .user-btn {
    color: #0a0a0f !important;
    background: linear-gradient(135deg, #10b981, #059669) !important;
}