/* ========================================
   light.css - 浅色主题（Glassmorphism风格）
   ======================================== */
:root,
[data-theme="light"] {
    --bg-color: #EEF2F7;
    --bg-secondary: #E2E8F0;
    --bg-gradient: linear-gradient(135deg, #eef2f7 0%, #e2e8f0 50%, #dbe4f0 100%);

    --text-color: #0F172A;
    --text-secondary: #334155;
    --text-muted: #64748B;

    --card-bg: rgba(255, 255, 255, 0.92);
    --card-border: rgba(148, 163, 184, 0.35);
    --card-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    --card-hover-shadow: 0 16px 40px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 1);

    --primary-color: #4F46E5;
    --primary-hover: #4338CA;
    --primary-light: rgba(79, 70, 229, 0.10);
    --primary-glow: rgba(79, 70, 229, 0.25);

    --success-color: #15803D;
    --danger-color: #DC2626;
    --warning-color: #B45309;
    --info-color: #2563EB;

    --input-bg: #FFFFFF;
    --input-border: rgba(148, 163, 184, 0.55);
    --input-focus: #4F46E5;
    --nav-bg: rgba(255, 255, 255, 0.92);
    --sidebar-bg: rgba(255, 255, 255, 0.92);
}

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

/* 浅色模式装饰光球 */
[data-theme="light"] body::before {
    background: radial-gradient(circle, rgba(167, 139, 250, 0.4) 0%, transparent 70%);
    opacity: 0.7;
}
[data-theme="light"] body::after {
    background: radial-gradient(circle, rgba(251, 207, 232, 0.35) 0%, transparent 70%);
    opacity: 0.6;
}

[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(148, 163, 184, 0.12); border-radius: 4px; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, 0.35); border-radius: 4px; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(100, 116, 139, 0.55); }

/* ==========================================================
   浅色主题可读性修复（2026-11-08）
   主样式 main.css 中大量文字写死为白色，浅色背景下不可见，
   此处统一覆盖为深色文字 + 高不透明度卡片。
   ========================================================== */

/* ---------- 全局文字 ---------- */
[data-theme="light"] body { color: #0F172A; }
[data-theme="light"] body::before,
[data-theme="light"] body::after { opacity: 0.18; }
[data-theme="light"] a { color: #4F46E5; }
[data-theme="light"] a:hover { color: #4338CA; }
[data-theme="light"] .text-muted { color: #64748B; }
[data-theme="light"] .text-success { color: #15803D; }
[data-theme="light"] .text-danger { color: #B91C1C; }

/* ---------- 卡片 / 容器 ---------- */
[data-theme="light"] .card {
    background: #FFFFFF;
    border-color: #E2E8F0;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}
[data-theme="light"] .card:hover,
[data-theme="light"] .card-static:hover {
    background: #FFFFFF;
    border-color: #CBD5E1;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.10);
}
[data-theme="light"] .glass {
    background: rgba(255, 255, 255, 0.9);
    border-color: #E2E8F0;
}

/* ---------- 顶部导航 ---------- */
[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid #E2E8F0;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
}
[data-theme="light"] .navbar.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
}
[data-theme="light"] .navbar-brand { color: #0F172A; text-shadow: none; }
[data-theme="light"] .navbar-links a { color: #475569; }
[data-theme="light"] .navbar-links a:hover {
    color: #4F46E5;
    background: rgba(79, 70, 229, 0.08);
    text-shadow: none;
}
[data-theme="light"] .navbar-links a.active {
    color: #4338CA;
    background: rgba(79, 70, 229, 0.12);
    box-shadow: none;
}
[data-theme="light"] .navbar-user {
    color: #0F172A;
    background: #F1F5F9;
    border-color: #E2E8F0;
    box-shadow: none;
}
[data-theme="light"] .navbar-user a { color: #0F172A; }
[data-theme="light"] .theme-toggle {
    color: #334155;
    background: #FFFFFF;
    border-color: #E2E8F0;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}
[data-theme="light"] .theme-toggle:hover { background: #F1F5F9; }
[data-theme="light"] .mobile-tab {
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid #E2E8F0;
}
[data-theme="light"] .mobile-tab a { color: #64748B; }
[data-theme="light"] .mobile-tab a.active,
[data-theme="light"] .mobile-tab a:hover { color: #4F46E5; }

/* ---------- 标题 / 统计 ---------- */
[data-theme="light"] .page-header { border-bottom-color: #E2E8F0; }
[data-theme="light"] .page-header h2 { color: #0F172A; text-shadow: none; }
[data-theme="light"] .page-header h2 i {
    background: none;
    -webkit-text-fill-color: #4F46E5;
    color: #4F46E5;
}
[data-theme="light"] .stats-pill {
    background: #FFFFFF;
    color: #1E293B;
    border-color: #E2E8F0;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}
[data-theme="light"] .stat-card {
    background: #FFFFFF;
    border-color: #E2E8F0;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
}
[data-theme="light"] .stat-card:hover { background: #FFFFFF; border-color: #CBD5E1; }
[data-theme="light"] .stat-card .stat-value { color: #0F172A; text-shadow: none; }
[data-theme="light"] .stat-card .stat-label { color: #64748B; }

/* ---------- 素材卡片 ---------- */
[data-theme="light"] .mat-card {
    background: #FFFFFF;
    border-color: #E2E8F0;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
}
[data-theme="light"] .mat-card:hover {
    background: #FFFFFF;
    border-color: #C7D2FE;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.10);
}
[data-theme="light"] .mat-card .mat-title { color: #0F172A; text-shadow: none; }
[data-theme="light"] .mat-card .mat-desc { color: #475569; }
[data-theme="light"] .mat-thumb { color: #94A3B8; border-color: #E2E8F0; }
[data-theme="light"] .mat-tag {
    background: #EEF2FF;
    color: #4338CA;
    border-color: #C7D2FE;
}
[data-theme="light"] .mat-card .mat-footer { border-top-color: #E2E8F0; }
[data-theme="light"] .mat-card .mat-time { color: #64748B; }

/* ---------- 分页 ---------- */
[data-theme="light"] .pagination button {
    background: #FFFFFF;
    border-color: #E2E8F0;
    color: #334155;
}
[data-theme="light"] .pagination button:hover:not(:disabled) { background: #F1F5F9; }
[data-theme="light"] .pagination .page-info { color: #64748B; }

/* ---------- 徽章 / 提示 ---------- */
[data-theme="light"] .badge-success { background: #DCFCE7; color: #15803D; border-color: #86EFAC; }
[data-theme="light"] .badge-danger { background: #FEE2E2; color: #B91C1C; border-color: #FCA5A5; }
[data-theme="light"] .badge-warning { background: #FEF3C7; color: #B45309; border-color: #FCD34D; }
[data-theme="light"] .badge-info,
[data-theme="light"] .badge-secondary { background: #E0E7FF; color: #4338CA; border-color: #A5B4FC; }
[data-theme="light"] .msg-success { background: #DCFCE7; color: #15803D; border-color: #86EFAC; }
[data-theme="light"] .msg-error { background: #FEE2E2; color: #B91C1C; border-color: #FCA5A5; }

/* ---------- 公告 / 历史 / 提现 ---------- */
[data-theme="light"] .announcement-card .ann-title { color: #0F172A; }
[data-theme="light"] .announcement-card .ann-content { color: #475569; }
[data-theme="light"] .announcement-card .ann-time { color: #64748B; }
[data-theme="light"] .history-item .his-title { color: #0F172A; }
[data-theme="light"] .history-item .his-meta { color: #64748B; }
[data-theme="light"] .wd-record .wd-amount {
    background: none;
    -webkit-text-fill-color: #0F172A;
    color: #0F172A;
}
[data-theme="light"] .wd-record .wd-meta { color: #64748B; }
[data-theme="light"] .divider { background: #E2E8F0; }

/* ---------- 空状态 / 错误状态 / 骨架屏 ---------- */
[data-theme="light"] .empty-state {
    background: #F8FAFC;
    border-color: #E2E8F0;
    color: #64748B;
}
[data-theme="light"] .empty-state i {
    background: none;
    -webkit-text-fill-color: #CBD5E1;
    color: #CBD5E1;
}
[data-theme="light"] .empty-state p { color: #64748B; }
[data-theme="light"] .error-state { background: #F8FAFC; border-color: #E2E8F0; }
[data-theme="light"] .error-state h3 { color: #0F172A; }
[data-theme="light"] .error-state p { color: #64748B; }
[data-theme="light"] .skeleton-card { background: #FFFFFF; border-color: #E2E8F0; }
[data-theme="light"] .skeleton-img,
[data-theme="light"] .skeleton-line {
    background: linear-gradient(90deg, #EEF2F7 25%, #E2E8F0 50%, #EEF2F7 75%);
    background-size: 200% 100%;
}

/* ---------- 快捷入口 ---------- */
[data-theme="light"] .quick-item {
    background: #FFFFFF;
    color: #1E293B;
    border-color: #E2E8F0;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
}
[data-theme="light"] .quick-item:hover { background: #FFFFFF; border-color: #C7D2FE; }
[data-theme="light"] .quick-item i {
    background: none;
    -webkit-text-fill-color: #4F46E5;
    color: #4F46E5;
}

/* ---------- 表单 ---------- */
[data-theme="light"] label { color: #334155; text-shadow: none; }
[data-theme="light"] .form-label { color: #334155; }
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="password"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="number"],
[data-theme="light"] input[type="url"],
[data-theme="light"] input[type="tel"],
[data-theme="light"] select,
[data-theme="light"] textarea,
[data-theme="light"] .form-input {
    background-color: #FFFFFF;
    color: #0F172A;
    border-color: #CBD5E1;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder { color: #94A3B8; }
[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] .form-input:focus {
    background-color: #FFFFFF;
    border-color: #4F46E5;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12);
}
[data-theme="light"] .input-icon-wrap i { color: #64748B; }
[data-theme="light"] .input-icon-wrap:focus-within i { color: #4F46E5; }

/* ---------- 按钮 ---------- */
[data-theme="light"] .btn,
[data-theme="light"] button,
[data-theme="light"] input[type="submit"] {
    background: linear-gradient(135deg, #4F46E5, #4338CA);
    color: #FFFFFF;
    box-shadow: 0 6px 16px rgba(79, 70, 229, 0.22);
}
[data-theme="light"] .btn:hover,
[data-theme="light"] button:hover,
[data-theme="light"] input[type="submit"]:hover {
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.28);
}
[data-theme="light"] .btn-outline {
    background: transparent !important;
    border-color: rgba(79, 70, 229, 0.45) !important;
    color: #4338CA !important;
    box-shadow: none;
}
[data-theme="light"] .btn-outline:hover {
    background: rgba(79, 70, 229, 0.08) !important;
    border-color: #4F46E5 !important;
}
[data-theme="light"] .spinner {
    border-color: rgba(79, 70, 229, 0.2);
    border-top-color: #4F46E5;
}

/* ---------- 信息展示 ---------- */
[data-theme="light"] .info-item {
    background: #F8FAFC;
    border-color: #E2E8F0;
}
[data-theme="light"] .info-label { color: #64748B; }
[data-theme="light"] .info-value { color: #0F172A; }

/* ---------- 登录/注册卡片 ---------- */
[data-theme="light"] .auth-card {
    background: #FFFFFF;
    border-color: #E2E8F0;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.10);
}
[data-theme="light"] .auth-tabs {
    background: #F1F5F9;
    border-color: #E2E8F0;
}
[data-theme="light"] .auth-tab { color: #475569; }
[data-theme="light"] .auth-tab.active {
    background: #FFFFFF;
    color: #4F46E5;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}
[data-theme="light"] .auth-tab:not(.active):hover {
    color: #4338CA;
    background: #E2E8F0;
}
[data-theme="light"] .auth-footer { color: #64748B; }
[data-theme="light"] .modal-content {
    background: #FFFFFF;
    border-color: #E2E8F0;
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.18);
}

/* ---------- 首页 Hero（保持白字，加深底色保证对比） ---------- */
[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #DB2777 100%);
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: 0 18px 40px rgba(79, 70, 229, 0.22);
    color: #FFFFFF;
}
[data-theme="light"] .hero-section p { opacity: 0.92; }
[data-theme="light"] .hero-actions .btn {
    background: #FFFFFF;
    color: #4338CA;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
}
[data-theme="light"] .hero-actions .btn.btn-outline {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.75) !important;
    color: #FFFFFF !important;
}

/* ==========================================================
   登录页主题统一（与后台同一套靛蓝→紫→粉）
   ========================================================== */
[data-theme="light"] .auth-brand { color: #0F172A; text-shadow: none; }
[data-theme="light"] .auth-brand h1 { color: #0F172A; text-shadow: none; }
[data-theme="light"] .auth-brand p { color: #475569; opacity: 1; }
[data-theme="light"] .auth-brand-icon {
    background: linear-gradient(135deg, #4F46E5, #7C3AED 55%, #DB2777);
    border: none;
    color: #FFFFFF;
    box-shadow: 0 12px 30px rgba(79, 70, 229, 0.28);
}
[data-theme="light"] .auth-card::before {
    background: linear-gradient(90deg, #4F46E5, #7C3AED, #DB2777, #F43F5E);
}
[data-theme="light"] .auth-tab.active {
    background: linear-gradient(135deg, #4F46E5, #7C3AED);
    color: #FFFFFF;
    box-shadow: 0 8px 20px rgba(79, 70, 229, 0.28);
}
[data-theme="light"] .auth-tab:not(.active):hover {
    color: #4338CA;
    background: #E2E8F0;
}
[data-theme="light"] .btn-primary {
    background: linear-gradient(135deg, #4F46E5, #7C3AED);
    color: #FFFFFF;
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.28);
}
[data-theme="light"] .btn-primary::after {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent);
}
[data-theme="light"] .btn-primary:hover {
    box-shadow: 0 14px 32px rgba(79, 70, 229, 0.35);
}
[data-theme="light"] .msg-success {
    background: #DCFCE7;
    color: #15803D;
    border-color: #86EFAC;
}
[data-theme="light"] .msg-error {
    background: #FEE2E2;
    color: #B91C1C;
    border-color: #FCA5A5;
}
[data-theme="light"] .auth-footer { color: #64748B; text-shadow: none; }
[data-theme="light"] .bg-orb { opacity: 0.35; }
[data-theme="light"] .bg-orb-1 { background: radial-gradient(circle, rgba(79, 70, 229, 0.38) 0%, transparent 70%); }
[data-theme="light"] .bg-orb-2 { background: radial-gradient(circle, rgba(124, 58, 237, 0.35) 0%, transparent 70%); }
[data-theme="light"] .bg-orb-3 { background: radial-gradient(circle, rgba(219, 39, 119, 0.28) 0%, transparent 70%); }
[data-theme="light"] .bg-orb-4 { background: radial-gradient(circle, rgba(99, 102, 241, 0.30) 0%, transparent 70%); }

/* ==========================================================
   登录/注册表单文字兜底（防止白字、自动填充、UA 样式）
   ========================================================== */
[data-theme="light"] { color-scheme: light; }
[data-theme="light"] .auth-card { color: #0F172A; }
[data-theme="light"] .auth-card label,
[data-theme="light"] .auth-card .form-group label {
    color: #334155 !important;
    text-shadow: none !important;
}
[data-theme="light"] .auth-card input,
[data-theme="light"] .auth-card textarea,
[data-theme="light"] .auth-card select,
[data-theme="light"] .auth-card .form-input {
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A;
    background: #FFFFFF !important;
    border-color: #CBD5E1 !important;
}
[data-theme="light"] .auth-card input::placeholder,
[data-theme="light"] .auth-card textarea::placeholder,
[data-theme="light"] .auth-card .form-input::placeholder {
    color: #64748B !important;
    -webkit-text-fill-color: #64748B;
    opacity: 1;
}
[data-theme="light"] .auth-card .input-icon-wrap i { color: #64748B !important; }
[data-theme="light"] .auth-card .input-icon-wrap:focus-within i { color: #4F46E5 !important; }
[data-theme="light"] .auth-card input:focus,
[data-theme="light"] .auth-card textarea:focus,
[data-theme="light"] .auth-card select:focus,
[data-theme="light"] .auth-card .form-input:focus {
    border-color: #4F46E5 !important;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12) !important;
}
[data-theme="light"] .auth-card input:-webkit-autofill,
[data-theme="light"] .auth-card input:-webkit-autofill:hover,
[data-theme="light"] .auth-card input:-webkit-autofill:focus {
    -webkit-text-fill-color: #0F172A !important;
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
    caret-color: #0F172A;
}