/* ========================================
   light.css - 浅色主题（Glassmorphism风格）
   ======================================== */
:root,
[data-theme="light"] {
    --bg-color: #eef1f8;
    --bg-secondary: #e6eaf4;
    --bg-gradient: linear-gradient(160deg, #eef1f8 0%, #f7f9fc 50%, #edf1fa 100%);

    --text-color: #1f2a4a;
    --text-secondary: #3f4a6b;
    --text-muted: #6a7592;

    --card-bg: rgba(255, 255, 255, 0.82);
    --card-border: rgba(23, 35, 90, 0.10);
    --card-shadow: 0 6px 24px rgba(35, 55, 110, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    --card-hover-shadow: 0 14px 40px rgba(35, 55, 110, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);

    --primary-color: #3f66d4;
    --primary-hover: #334fc2;
    --primary-light: rgba(63, 102, 212, 0.10);
    --primary-glow: rgba(63, 102, 212, 0.25);

    --success-color: #16a34a;
    --danger-color: #dc2626;
    --warning-color: #d97706;
    --info-color: #2563eb;

    --input-bg: rgba(255, 255, 255, 0.92);
    --input-border: rgba(23, 35, 90, 0.20);
    --input-focus: #3f66d4;
    --nav-bg: rgba(255, 255, 255, 0.78);
    --sidebar-bg: rgba(255, 255, 255, 0.9);
}

/* 浅色特殊样式覆盖 */
[data-theme="light"] body {
    background: var(--bg-gradient);
}

/* 浅色模式装饰光球（减弱，避免刺眼） */
[data-theme="light"] body::before {
    background: radial-gradient(circle, rgba(120, 140, 220, 0.20) 0%, transparent 70%);
    opacity: 0.5;
}
[data-theme="light"] body::after {
    background: radial-gradient(circle, rgba(120, 140, 220, 0.16) 0%, transparent 70%);
    opacity: 0.4;
}

[data-theme="light"] .card {
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(24px) saturate(200%);
    -webkit-backdrop-filter: blur(24px) saturate(200%);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(30px) saturate(200%);
    -webkit-backdrop-filter: blur(30px) saturate(200%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .mobile-tab {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(30px) saturate(200%);
    -webkit-backdrop-filter: blur(30px) saturate(200%);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(99, 102, 241, 0.25);
    color: #1e1b4b;
}

[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus {
    background: rgba(255, 255, 255, 0.7);
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.2);
}

[data-theme="light"] .btn {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.95), rgba(79, 70, 229, 0.95));
    color: #fff;
}

[data-theme="light"] .btn-outline {
    background: transparent !important;
    border: 2px solid rgba(99, 102, 241, 0.5) !important;
    color: #4f46e5 !important;
}

[data-theme="light"] .btn-outline:hover {
    background: rgba(99, 102, 241, 0.1) !important;
    border-color: #6366f1 !important;
}

[data-theme="light"] .stat-card,
[data-theme="light"] .quick-item {
    background: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.6);
}

[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.85) 0%, rgba(139, 92, 246, 0.85) 50%, rgba(236, 72, 153, 0.85) 100%);
}

[data-theme="light"] .mat-card {
    background: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.6);
}

[data-theme="light"] .mat-card:hover {
    background: rgba(255, 255, 255, 0.55);
}

[data-theme="light"] .auth-card {
    background: rgba(255, 255, 255, 0.45);
    border-color: rgba(255, 255, 255, 0.6);
}

[data-theme="light"] .auth-tabs {
    background: rgba(255, 255, 255, 0.35);
    border-color: rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .theme-toggle {
    background: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .theme-toggle:hover {
    background: rgba(255, 255, 255, 0.6);
}

/* 浅色滚动条 */
[data-theme="light"] ::-webkit-scrollbar { width: 8px; height: 8px; }
[data-theme="light"] ::-webkit-scrollbar-track { background: rgba(63, 102, 212, 0.05); border-radius: 4px; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(63, 102, 212, 0.25); border-radius: 4px; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(63, 102, 212, 0.4); }

/* ========================================
   浅色主题·阅读性增强（文字清晰、低饱和冷静配色）
   仅调整颜色，不改变任何功能与布局
   ======================================== */

/* 导航栏 */
[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.82);
    border-bottom-color: rgba(23, 35, 90, 0.08);
    box-shadow: 0 1px 12px rgba(35, 55, 110, 0.06);
}
[data-theme="light"] .navbar.scrolled { background: rgba(255, 255, 255, 0.92); }
[data-theme="light"] .navbar-brand { color: #1f2a4a; text-shadow: none; }
[data-theme="light"] .navbar-brand i {
    background: linear-gradient(135deg, #3f66d4, #5a6ce0);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
[data-theme="light"] .navbar-links a { color: #3f4a6b; }
[data-theme="light"] .navbar-links a:hover { color: #1f2a4a; background: rgba(63, 102, 212, 0.08); text-shadow: none; }
[data-theme="light"] .navbar-links a.active {
    color: #ffffff; background: linear-gradient(135deg, #3f66d4, #5a6ce0);
    font-weight: 600; box-shadow: 0 4px 14px rgba(63, 102, 212, 0.25);
}
[data-theme="light"] .navbar-user { color: #1f2a4a; background: rgba(255, 255, 255, 0.92); border-color: rgba(23, 35, 90, 0.10); }
[data-theme="light"] .navbar-user a { color: #1f2a4a; }
[data-theme="light"] .theme-toggle { color: #3f4a6b; background: rgba(255, 255, 255, 0.82); border-color: rgba(23, 35, 90, 0.12); }
[data-theme="light"] .mobile-tab { background: rgba(255, 255, 255, 0.86); border-top-color: rgba(23, 35, 90, 0.08); }
[data-theme="light"] .mobile-tab a { color: #6a7592; }
[data-theme="light"] .mobile-tab a.active, [data-theme="light"] .mobile-tab a:hover { color: #1f2a4a; }
[data-theme="light"] .mobile-tab a.active::before { background: #3f66d4; box-shadow: 0 2px 8px rgba(63, 102, 212, 0.3); }

/* 卡片与通用文字 */
[data-theme="light"] .card,
[data-theme="light"] .glass { background: #ffffff; border-color: rgba(23, 35, 90, 0.08); }
[data-theme="light"] .card:hover { background: #ffffff; border-color: rgba(23, 35, 90, 0.14); }
[data-theme="light"] .card-static:hover { background: #ffffff; }
[data-theme="light"] .divider { background: linear-gradient(90deg, transparent, rgba(23, 35, 90, 0.16), transparent); }
[data-theme="light"] label, [data-theme="light"] .form-label { color: #3f4a6b; text-shadow: none; }
[data-theme="light"] input::placeholder, [data-theme="light"] textarea::placeholder { color: #9aa3bd; }

/* 统计与快捷入口 */
[data-theme="light"] .stats-pill {
    background: #ffffff; color: #3f4a6b; border-color: rgba(23, 35, 90, 0.12);
    box-shadow: 0 2px 8px rgba(35, 55, 110, 0.05);
}
[data-theme="light"] .stat-card { background: #ffffff; border-color: rgba(23, 35, 90, 0.08); box-shadow: 0 6px 20px rgba(35, 55, 110, 0.05); }
[data-theme="light"] .stat-card:hover { background: #ffffff; box-shadow: 0 14px 36px rgba(35, 55, 110, 0.10); }
[data-theme="light"] .stat-card .stat-value { color: #1f2a4a; text-shadow: none; }
[data-theme="light"] .stat-card .stat-label { color: #6a7592; }

/* 素材卡片 */
[data-theme="light"] .mat-card { background: #ffffff; border-color: rgba(23, 35, 90, 0.08); box-shadow: 0 6px 20px rgba(35, 55, 110, 0.05); }
[data-theme="light"] .mat-card:hover { background: #ffffff; border-color: rgba(23, 35, 90, 0.14); box-shadow: 0 14px 40px rgba(35, 55, 110, 0.10); }
[data-theme="light"] .mat-thumb { background: #eef1f9; border-color: rgba(23, 35, 90, 0.06); color: #8a93ab; }
[data-theme="light"] .mat-card .mat-title { color: #1f2a4a; text-shadow: none; }
[data-theme="light"] .mat-card .mat-desc { color: #4b5678; }
[data-theme="light"] .mat-tag { background: rgba(63, 102, 212, 0.08); color: #3f4a6b; border-color: rgba(63, 102, 212, 0.18); }
[data-theme="light"] .mat-card .mat-footer { border-top-color: rgba(23, 35, 90, 0.08); }
[data-theme="light"] .mat-card .mat-time { color: #8a93ab; }

/* 分页 */
[data-theme="light"] .pagination button { background: #ffffff; border-color: rgba(23, 35, 90, 0.15); color: #3f4a6b; }
[data-theme="light"] .pagination button:hover:not(:disabled) { background: rgba(63, 102, 212, 0.10); color: #1f2a4a; }
[data-theme="light"] .pagination .page-info { color: #6a7592; }

/* 公告 / 历史 / 提现记录 */
[data-theme="light"] .announcement-card .ann-title { color: #1f2a4a; }
[data-theme="light"] .announcement-card .ann-content { color: #45506f; }
[data-theme="light"] .announcement-card .ann-time { color: #8a93ab; }
[data-theme="light"] .history-item .his-title { color: #1f2a4a; }
[data-theme="light"] .history-item .his-meta { color: #6a7592; }
[data-theme="light"] .wd-record .wd-amount { color: #1f2a4a; -webkit-text-fill-color: #1f2a4a; }
[data-theme="light"] .wd-record .wd-meta { color: #6a7592; }

/* 页头 / 信息 / 空态 */
[data-theme="light"] .page-header h2 { color: #1f2a4a; text-shadow: none; }
[data-theme="light"] .page-header h2 i { color: #3f66d4; background: none; -webkit-text-fill-color: currentColor; }
[data-theme="light"] .info-item { background: #ffffff; border-color: rgba(23, 35, 90, 0.08); }
[data-theme="light"] .info-label { color: #6a7592; }
[data-theme="light"] .info-value { color: #1f2a4a; }
[data-theme="light"] .empty-state, [data-theme="light"] .empty-state p { color: #6a7592; }
[data-theme="light"] .error-state { background: rgba(255, 255, 255, 0.7); border-color: rgba(23, 35, 90, 0.10); }
[data-theme="light"] .error-state h3 { color: #1f2a4a; }
[data-theme="light"] .error-state p { color: #6a7592; }
[data-theme="light"] .text-muted { color: #6a7592; }
[data-theme="light"] .quick-item { background: #ffffff; color: #3f4a6b; border-color: rgba(23, 35, 90, 0.08); box-shadow: 0 6px 18px rgba(35, 55, 110, 0.05); }
[data-theme="light"] .quick-item:hover { background: #ffffff; border-color: rgba(63, 102, 212, 0.25); }
[data-theme="light"] .quick-item i { color: #3f66d4; -webkit-text-fill-color: #3f66d4; }

/* 品牌区 / 登录卡 / 弹窗 */
[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, #4356d8 0%, #5467dd 55%, #5a6ce0 100%);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 20px 48px rgba(63, 102, 212, 0.28);
}
[data-theme="light"] .auth-brand h1 { color: #1f2a4a; }
[data-theme="light"] .auth-brand p { color: #6a7592; }
[data-theme="light"] .auth-card { background: rgba(255, 255, 255, 0.94); border-color: rgba(23, 35, 90, 0.10); }
[data-theme="light"] .auth-tabs { background: #eef1f8; border-color: rgba(23, 35, 90, 0.08); }
[data-theme="light"] .auth-footer p { color: #6a7592; }
[data-theme="light"] .modal-content { background: #ffffff; border-color: rgba(23, 35, 90, 0.10); }
[data-theme="light"] .modal-overlay { background: rgba(23, 34, 60, 0.35); }

/* 描边按钮 / 提示 / 徽标（加深对比） */
[data-theme="light"] .btn-outline { background: transparent !important; border: 2px solid rgba(63, 102, 212, 0.5) !important; color: #3f66d4 !important; }
[data-theme="light"] .btn-outline:hover { background: rgba(63, 102, 212, 0.10) !important; border-color: #3f66d4 !important; }
[data-theme="light"] .msg-success { color: #15803d; }
[data-theme="light"] .msg-error { color: #b91c1c; }
[data-theme="light"] .badge-success { color: #15803d; }
[data-theme="light"] .badge-danger { color: #b91c1c; }
[data-theme="light"] .badge-warning { color: #b45309; }

/* 通用链接 / 正文（浅色下保持深色可读） */
[data-theme="light"] body { color: var(--text-color); }
[data-theme="light"] a { color: #3f66d4; }
[data-theme="light"] a:hover { color: #334fc2; }
[data-theme="light"] .text-primary { color: #3f66d4; }
[data-theme="light"] .text-success { color: #15803d; }
[data-theme="light"] .text-danger { color: #b91c1c; }

/* 表单输入框（浅色下深色文字） */
[data-theme="light"] .form-input {
    background: #ffffff;
    color: #1f2a4a;
    border-color: rgba(23, 35, 90, 0.20);
}
[data-theme="light"] .form-input::placeholder { color: #9aa3bd; }
[data-theme="light"] .form-input:focus { border-color: #3f66d4; box-shadow: 0 0 0 4px rgba(63, 102, 212, 0.16); }