/* ============================================
   四时科技主题系统
   ============================================ */

/* ===== 凌晨 00:00–06:00｜深空科技主题 ===== */
[data-theme="dawn"] {
    --bg-primary: #050510;
    --bg-secondary: #0a0a1f;
    --text-primary: #e0e0ff;
    --text-secondary: rgba(224, 224, 255, 0.7);
    --text-muted: rgba(224, 224, 255, 0.4);
    --accent: #6366f1;
    --accent-secondary: #8b5cf6;
    --accent-glow: rgba(99, 102, 241, 0.4);
    --border: rgba(99, 102, 241, 0.15);
    --border-hover: rgba(99, 102, 241, 0.5);
    --card-bg: rgba(20, 20, 50, 0.4);
    --card-bg-hover: rgba(30, 30, 70, 0.5);
    --navbar-bg: rgba(5, 5, 16, 0.7);
    --grid-color: rgba(99, 102, 241, 0.04);
    --input-bg: rgba(20, 20, 50, 0.5);
}

[data-theme="dawn"] body {
    background: radial-gradient(ellipse at 20% 20%, #0f0f2e 0%, #050510 50%, #020208 100%);
}

/* ===== 上午 06:00–12:00｜晨光科技主题 ===== */
[data-theme="morning"] {
    --bg-primary: #f0f4f8;
    --bg-secondary: #e6f0ff;
    --text-primary: #1a1a2e;
    --text-secondary: rgba(26, 26, 46, 0.7);
    --text-muted: rgba(26, 26, 46, 0.45);
    --accent: #0ea5e9;
    --accent-secondary: #38bdf8;
    --accent-glow: rgba(14, 165, 233, 0.3);
    --border: rgba(14, 165, 233, 0.15);
    --border-hover: rgba(14, 165, 233, 0.5);
    --card-bg: rgba(255, 255, 255, 0.6);
    --card-bg-hover: rgba(255, 255, 255, 0.85);
    --navbar-bg: rgba(240, 244, 248, 0.7);
    --grid-color: rgba(14, 165, 233, 0.06);
    --input-bg: rgba(255, 255, 255, 0.7);
}

[data-theme="morning"] body {
    background: linear-gradient(135deg, #f0f4f8 0%, #e0f2fe 40%, #f0f9ff 100%);
}

[data-theme="morning"] .loading-box {
    background: #f0f4f8;
}

[data-theme="morning"] .loading-text {
    color: #1a1a2e;
}

/* ===== 下午 12:00–18:00｜白昼科技主题 ===== */
[data-theme="afternoon"] {
    --bg-primary: #f5faff;
    --bg-secondary: #e0f7fa;
    --text-primary: #0f172a;
    --text-secondary: rgba(15, 23, 42, 0.7);
    --text-muted: rgba(15, 23, 42, 0.45);
    --accent: #06b6d4;
    --accent-secondary: #10b981;
    --accent-glow: rgba(6, 182, 212, 0.3);
    --border: rgba(6, 182, 212, 0.15);
    --border-hover: rgba(6, 182, 212, 0.5);
    --card-bg: rgba(255, 255, 255, 0.55);
    --card-bg-hover: rgba(255, 255, 255, 0.8);
    --navbar-bg: rgba(245, 250, 255, 0.65);
    --grid-color: rgba(6, 182, 212, 0.05);
    --input-bg: rgba(255, 255, 255, 0.65);
}

[data-theme="afternoon"] body {
    background: linear-gradient(160deg, #f5faff 0%, #ecfeff 30%, #f0fdfa 70%, #f5faff 100%);
}

[data-theme="afternoon"] .loading-box {
    background: #f5faff;
}

[data-theme="afternoon"] .loading-text {
    color: #0f172a;
}

/* ===== 夜晚 18:00–24:00｜赛博科技主题（默认） ===== */
[data-theme="night"] {
    --bg-primary: #0a0a1a;
    --bg-secondary: #121230;
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --text-muted: rgba(255, 255, 255, 0.45);
    --accent: #00d4ff;
    --accent-secondary: #7b2cbf;
    --accent-glow: rgba(0, 212, 255, 0.4);
    --border: rgba(0, 212, 255, 0.12);
    --border-hover: rgba(0, 212, 255, 0.5);
    --card-bg: rgba(255, 255, 255, 0.04);
    --card-bg-hover: rgba(255, 255, 255, 0.08);
    --navbar-bg: rgba(10, 10, 26, 0.65);
    --grid-color: rgba(0, 212, 255, 0.035);
    --input-bg: rgba(255, 255, 255, 0.05);
}

[data-theme="night"] body {
    background: radial-gradient(ellipse at 70% 30%, #1a1a4a 0%, #0a0a1a 50%, #050510 100%);
}

/* ============================================
   暗黑模式强制覆盖（独立于四时主题）
   ============================================ */
[data-dark="true"] {
    --bg-primary: #000000 !important;
    --bg-secondary: #0a0a0a !important;
    --text-primary: #f0f0f0 !important;
    --text-secondary: rgba(240, 240, 240, 0.7) !important;
    --text-muted: rgba(240, 240, 240, 0.4) !important;
    --accent: #00d4ff !important;
    --accent-secondary: #7b2cbf !important;
    --accent-glow: rgba(0, 212, 255, 0.5) !important;
    --border: rgba(0, 212, 255, 0.2) !important;
    --border-hover: rgba(0, 212, 255, 0.6) !important;
    --card-bg: rgba(15, 15, 30, 0.6) !important;
    --card-bg-hover: rgba(25, 25, 50, 0.7) !important;
    --navbar-bg: rgba(0, 0, 0, 0.8) !important;
    --grid-color: rgba(0, 212, 255, 0.05) !important;
    --input-bg: rgba(20, 20, 40, 0.6) !important;
}

[data-dark="true"] body {
    background: #000000 !important;
}

[data-dark="true"] .loading-box {
    background: #000000 !important;
}

/* ===== 主题切换时 body 过渡 ===== */
body {
    background: var(--bg-primary);
    color: var(--text-primary);
}

/* ===== 亮色主题下的加载环适配 ===== */
[data-theme="morning"] .loading-ring,
[data-theme="afternoon"] .loading-ring {
    border-color: rgba(0, 0, 0, 0.08);
    border-top-color: var(--accent);
}

[data-theme="morning"] .loading-ring.ring2,
[data-theme="afternoon"] .loading-ring.ring2 {
    border-color: rgba(0, 0, 0, 0.05);
    border-bottom-color: var(--accent-secondary);
}

[data-theme="morning"] .loading-bar,
[data-theme="afternoon"] .loading-bar {
    background: rgba(0, 0, 0, 0.08);
}