/* ============================================================
   模板：暗夜护眼（深色护眼方案）
   低对比、偏暖的深夜配色，减少眼部疲劳。data-bs-theme="dark"
   时生效，并覆盖原 [data-bs-theme="dark"] 的默认变量。
   布局变量与各模板一致 → 切换不错位。
   ============================================================ */

[data-theme-template="dark-eye"] {
    --theme-bg: #0e1622;
    --theme-bg-secondary: #172230;
    --theme-bg-tertiary: #1f2d3f;
    --theme-card-bg: #161f2c;
    --theme-card-bg-hover: #1d2938;

    --theme-text-primary: #e6ecf5;
    --theme-text-secondary: #bcc9da;
    --theme-text-muted: #8fa0b6;
    --theme-text-weak: #5e6f85;

    --theme-border: #2a3a4f;
    --theme-border-light: #233244;

    --theme-primary: #5aa9e6;
    --theme-primary-hover: #4a96d6;
    --theme-primary-light: rgba(90, 169, 230, 0.14);
    --theme-primary-dark: #3c79b8;

    --theme-accent: #7fc4ec;
    --theme-accent-light: rgba(127, 196, 236, 0.12);
    --theme-accent2: #67b38b;
    --theme-accent2-light: rgba(103, 179, 139, 0.12);

    --theme-success: #5fc79a;
    --theme-info: #5fb3d6;
    --theme-warning: #d7b063;
    --theme-danger: #de7b82;

    --theme-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
    --theme-shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.45), 0 2px 6px -2px rgba(0, 0, 0, 0.3);
    --theme-shadow-lg: 0 14px 30px -6px rgba(0, 0, 0, 0.5), 0 6px 16px -4px rgba(0, 0, 0, 0.4);
    --theme-shadow-xl: 0 22px 44px -8px rgba(0, 0, 0, 0.55), 0 10px 22px -6px rgba(0, 0, 0, 0.45);

    --primary-gradient: linear-gradient(135deg, #3c79b8 0%, #5a3e7a 100%);
    --primary-gradient-soft: linear-gradient(135deg, #3f5a8c 0%, #475080 100%);
    --bg-gradient: radial-gradient(ellipse at 15% 0%, rgba(90, 169, 230, 0.08) 0%, transparent 50%), radial-gradient(ellipse at 85% 0%, rgba(103, 140, 200, 0.05) 0%, transparent 45%);

    --navbar-bg: rgba(14, 22, 34, 0.78);
    --navbar-border: rgba(42, 58, 79, 0.8);

    /* 导航/网址卡的品牌色 */
    --theme-nav-primary: #4f9de0;
    --theme-nav-primary-deep: #378bb8;
    --theme-nav-soft: rgba(79, 157, 224, 0.12);
    --theme-nav-soft-strong: rgba(79, 157, 224, 0.18);
    --theme-nav-shadow: rgba(79, 157, 224, 0.2);
    --theme-nav-border-soft: rgba(79, 157, 224, 0.35);

    /* 公告区域（深色下可见） */
    --announce-top-bg: linear-gradient(135deg, #3a3417, #4a3f1a);
    --announce-top-border: #d7b063;
    --announce-top-icon: #d7b063;
    --announce-bg: rgba(79, 157, 224, 0.1);
    --announce-border: #4f9de0;
    --announce-icon: #4f9de0;

    /* 布局变量：三套模板保持完全一致，避免切换错位 */
    --theme-radius-sm: 10px;
    --theme-radius-md: 14px;
    --theme-radius-lg: 18px;
    --theme-radius-xl: 24px;
    --theme-radius-full: 9999px;

    --theme-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --theme-transition-bounce: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

    --theme-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;

    --card-shadow: var(--theme-shadow-sm);
    --card-hover-shadow: var(--theme-shadow-md);
    --border-radius: var(--theme-radius-md);
    --transition: var(--theme-transition);
}

/* 导航栏：深色护眼磨砂 */
[data-theme-template="dark-eye"][data-bs-theme="dark"] .navbar {
    background-color: var(--navbar-bg) !important;
    border-bottom: 1px solid var(--navbar-border) !important;
    backdrop-filter: blur(18px) saturate(1.1);
    -webkit-backdrop-filter: blur(18px) saturate(1.1);
}

[data-theme-template="dark-eye"] footer {
    background: linear-gradient(180deg, transparent 0%, rgba(23, 34, 48, 0.6) 100%);
}

/* 用户中心头像条：覆盖默认紫色渐变，改为护眼深蓝 */
[data-theme-template="dark-eye"] .user-profile-header {
    background: linear-gradient(135deg, var(--theme-primary-dark) 0%, #22324a 100%);
}

[data-theme-template="dark-eye"] .stat-icon,
[data-theme-template="dark-eye"] [class*="stat-icon-"] {
    background: rgba(90, 169, 230, 0.16);
    color: var(--theme-primary);
}