/**
 * 站点主题变量：style / dashboard / admin 共用（固定深空黑主题）。
 */

:root,
[data-theme="dark"] {
    --bg-deep: #030712;
    --bg-base: #0a0f1a;
    --bg-elevated: rgba(12, 20, 38, 0.85);
    --bg-glass: rgba(15, 25, 45, 0.6);
    --border-subtle: rgba(0, 212, 255, 0.12);
    --border-glow: rgba(0, 212, 255, 0.35);
    --accent-cyan: #00d4ff;
    --accent-blue: #0080ff;
    --accent-purple: #7c3aed;
    --accent-green: #10b981;
    --gradient-tech: linear-gradient(135deg, #00d4ff 0%, #0080ff 50%, #7c3aed 100%);
    --gradient-btn: linear-gradient(135deg, #00b4d8 0%, #0077ff 100%);
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --shadow-glow: 0 0 30px rgba(0, 212, 255, 0.15);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
    --header-bg: rgba(5, 10, 20, 0.85);
    --body-grid-color: rgba(0, 212, 255, 0.03);
    --body-glow-1: rgba(0, 128, 255, 0.15);
    --body-glow-2: rgba(124, 58, 237, 0.08);
    --dash-container-bg: linear-gradient(165deg, #070b14 0%, #0c1222 45%, #0a0f1a 100%);
    --dash-sidebar-bg: linear-gradient(180deg, rgba(8, 12, 22, 0.98) 0%, rgba(11, 17, 32, 0.96) 100%);
    --dash-surface: rgba(15, 23, 42, 0.72);
    --dash-surface-2: rgba(30, 41, 59, 0.55);
    --dash-border: rgba(148, 163, 184, 0.14);
    --dash-accent: #60a5fa;
    --admin-bg: #0f1419;
    --admin-sidebar: #151b23;
    --admin-card: #1a222d;
    --admin-border: #2a3544;
    --admin-text: #e8edf4;
    --admin-muted: #8b9cb3;
    --admin-accent: #f59e0b;
    --admin-accent-hover: #fbbf24;
}

body::before {
    background:
        radial-gradient(ellipse 80% 50% at 50% -20%, var(--body-glow-1), transparent),
        radial-gradient(ellipse 60% 40% at 100% 50%, var(--body-glow-2), transparent),
        linear-gradient(var(--body-grid-color) 1px, transparent 1px),
        linear-gradient(90deg, var(--body-grid-color) 1px, transparent 1px) !important;
    background-size: 100% 100%, 100% 100%, 48px 48px, 48px 48px !important;
}

.header {
    background: var(--header-bg) !important;
}

.dashboard-container {
    background: var(--dash-container-bg) !important;
}

.sidebar {
    background: var(--dash-sidebar-bg) !important;
}

.admin-login-page {
    position: relative;
}

.admin-topbar-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}