/* ==================== theme-light.css ==================== */
/* 浅色模式覆盖样式 */
/* 包含：所有 [data-theme="light"] 规则，从 common.css 中提取 */
/* 此文件应在 common.css 及其他模块文件之后加载 */

/* ==================== 浅色主题 ==================== */
[data-theme="light"] body {
    background: #f5f5f5;
}

[data-theme="light"] #app {
    background: #f5f5f5;
}

/* 顶部导航栏 */
[data-theme="light"] .top-header-new {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .top-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .top-header h1 {
    color: #333333;
}

[data-theme="light"] .page-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .site-name {
    color: #333333;
}

[data-theme="light"] .site-domain {
    color: #999999;
}

[data-theme="light"] .menu-line {
    background: #333333;
}

[data-theme="light"] .auth-btn.register-btn {
    background: rgba(0, 0, 0, 0.06);
    color: #333;
    border: 1px solid #e0e0e0;
}

[data-theme="light"] .auth-btn.login-btn {
    color: #333;
}

[data-theme="light"] .withdraw-btn {
    background: rgba(0, 0, 0, 0.06);
    color: #333;
    border: 1px solid #e0e0e0;
}

[data-theme="light"] .deposit-btn {
    color: #333;
}

/* 二级导航栏 */
[data-theme="light"] .secondary-nav-wrapper {
    background: #ffffff;
}

[data-theme="light"] .secondary-nav {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

[data-theme="light"] .user-name {
    color: #333333;
}

[data-theme="light"] .user-level,
[data-theme="light"] .user-id {
    color: #666666;
}

[data-theme="light"] .balance-container {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid #e0e0e0;
}

[data-theme="light"] .balance-text {
    color: #e6a800;
}

[data-theme="light"] .refresh-btn svg {
    stroke: #333;
}

/* 底部导航栏 - 浅色模式 */
[data-theme="light"] .bottom-nav {
    background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 50%, #f0f0f0 100%) !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .nav-item {
    color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .nav-item.active {
    color: #4CAF50 !important;
}

[data-theme="light"] .nav-item i {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)) !important;
}

[data-theme="light"] .nav-item.active i {
    filter: drop-shadow(0 0 8px rgba(76, 175, 80, 0.5)) !important;
}

[data-theme="light"] .nav-item i svg {
    fill: currentColor !important;
}

/* 轮播图 */
[data-theme="light"] .banner {
    background: #e0e0e0;
}

/* 跑马灯 */
[data-theme="light"] .marquee {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .marquee-content {
    color: #e6a800;
}

/* 中奖滚动条 */
[data-theme="light"] .win-scroll-section {
    background: rgba(245, 245, 245, 0.8);
}

[data-theme="light"] .win-scroll-name {
    color: #666666;
}

/* 热门游戏 */
[data-theme="light"] .hot-games-section {
    background: #ffffff;
}

[data-theme="light"] .hot-games-title {
    color: #333333;
}

[data-theme="light"] .hot-game-name {
    color: #666666;
}

/* 最近玩过 */
[data-theme="light"] .recent-games-section {
    background: #ffffff;
}

[data-theme="light"] .recent-games-title {
    color: #333333;
}

[data-theme="light"] .recent-game-icon {
    background: #f0f0f0;
}

[data-theme="light"] .recent-game-name {
    color: #666666;
}

/* 分类游戏标题 */
[data-theme="light"] .category-games-title {
    background: #ffffff;
}

[data-theme="light"] .category-games-title > span {
    color: #333333;
}

/* 游戏分类网格 */
[data-theme="light"] .game-categories {
    background: #ffffff;
}

[data-theme="light"] .category-item {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
}

[data-theme="light"] .category-name {
    color: #333333;
}

[data-theme="light"] .category-desc {
    color: #999999;
}

/* 排行榜 */
[data-theme="light"] .leaderboard-section {
    background: #ffffff;
}

[data-theme="light"] .leaderboard-title {
    color: #333333;
}

[data-theme="light"] .leaderboard-tabs {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .leaderboard-tab {
    color: #999999;
}

[data-theme="light"] .leaderboard-list {
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .leaderboard-row {
    border-bottom: 1px solid #f0f0f0;
}

[data-theme="light"] .leaderboard-row-name {
    color: #333333;
}

[data-theme="light"] .podium-name {
    color: #333333;
}

/* 底部认证信息 */
[data-theme="light"] .footer-certification {
    background: #ffffff;
}

[data-theme="light"] .cert-text {
    color: #666666;
}

[data-theme="light"] .copyright-row {
    color: #999999;
}

/* 侧边栏 */
[data-theme="light"] .sidebar-menu {
    background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .sidebar-header {
    background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%);
    border-bottom: 1px solid #e0e0e0;
}

[data-theme="light"] .sidebar-user-name {
    color: #333333;
}

[data-theme="light"] .sidebar-user-id {
    color: #666666;
}

[data-theme="light"] .sidebar-close-btn {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .sidebar-menu-item {
    color: #333333;
    border-left-color: transparent;
}

[data-theme="light"] .sidebar-menu-item:hover {
    background: rgba(0, 0, 0, 0.04);
    border-left-color: #ffd700;
}

[data-theme="light"] .sidebar-divider {
    background: #e0e0e0;
}

[data-theme="light"] .sidebar-footer {
    border-top: 1px solid #e0e0e0;
}

/* 游戏卡片 */
[data-theme="light"] .game-card-name {
    color: #333333;
}

/* 分类标签导航 */
[data-theme="light"] .category-tabs {
    background: #ffffff;
    border-bottom: 2px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .category-tab {
    color: #999999;
}

[data-theme="light"] .category-tab:hover {
    background: #f5f5f5;
    color: #333333;
}

/* 游戏内容区域 */
[data-theme="light"] .games-area {
    background: #f5f5f5;
}

[data-theme="light"] .search-box {
    background: #f5f5f5;
}

[data-theme="light"] .search-input {
    background: #ffffff;
    border-color: #e0e0e0;
    color: #333333;
}

[data-theme="light"] .search-input::placeholder {
    color: #bbbbbb;
}

/* 子分类侧边栏 */
[data-theme="light"] .subcategory-sidebar {
    background: #ffffff;
    border-right: 1px solid #e0e0e0;
}

[data-theme="light"] .subcategory-item {
    color: #666666;
    border-bottom: 1px solid #f0f0f0;
}

[data-theme="light"] .subcategory-item:hover {
    background: #f5f5f5;
    color: #333333;
}

/* 下拉菜单 */
[data-theme="light"] .header-dropdown-menu {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .header-dropdown-item {
    color: #666666;
    border-bottom: 1px solid #f0f0f0;
}

[data-theme="light"] .header-dropdown-item:hover {
    background: #f5f5f5;
    color: #333333;
}

[data-theme="light"] .category-dropdown {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .dropdown-item {
    color: #666666;
    border-bottom: 1px solid #f0f0f0;
}

[data-theme="light"] .dropdown-item:hover {
    background: #f5f5f5;
    color: #333333;
}

/* 暗色卡片 */
[data-theme="light"] .dark-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .dark-card-title {
    color: #e6a800;
}

/* 卡片组件 */
[data-theme="light"] .card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .card-title {
    color: #333333;
}

/* 列表项 */
[data-theme="light"] .list-item {
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .list-item.clickable:hover {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .list-title {
    color: #333333;
}

[data-theme="light"] .list-subtitle {
    color: #999999;
}

/* 统计卡片 */
[data-theme="light"] .stat-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
}

[data-theme="light"] .stat-title {
    color: #999999;
}

/* 加载遮罩 */
[data-theme="light"] .loading-overlay {
    background: rgba(245, 245, 245, 0.95);
}

[data-theme="light"] .loading-text {
    color: #666666;
}

/* 全局加载 */
[data-theme="light"] .global-loading {
    background: rgba(245, 245, 245, 0.95);
}

/* 空状态 */
[data-theme="light"] .empty-state {
    color: #999999;
}

/* 主题切换按钮 */
[data-theme="light"] #themeToggleBtn {
    background: rgba(0, 0, 0, 0.06);
    border: 1px solid #e0e0e0;
}

[data-theme="light"] #themeToggleBtn:hover {
    background: rgba(0, 0, 0, 0.1);
}

/* ==================== 浅色模式全局适配 ==================== */
/* 强制覆盖所有内联样式的对比度问题 */

/* 1. 按钮样式优化 */
[data-theme="light"] button,
[data-theme="light"] .btn,
[data-theme="light"] [class*="btn"] {
    color: var(--text-primary) !important;
}

/* 2. 退出登录按钮 */
[data-theme="light"] button[onclick*="logout"],
[data-theme="light"] .logout-btn {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3) !important;
}

/* 3. 主题切换按钮（补充） */
[data-theme="light"] #themeToggleBtn {
    background: rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #e0e0e0 !important;
}

/* 4. 弹窗和对话框 */
[data-theme="light"] .el-message-box,
[data-theme="light"] .el-dialog,
[data-theme="light"] [class*="dialog"],
[data-theme="light"] [class*="modal"] {
    background: #ffffff !important;
    color: var(--text-primary) !important;
}

/* 5. 文本颜色优化 - 提高对比度 */
[data-theme="light"] span[style*="color: #999"],
[data-theme="light"] div[style*="color: #999"],
[data-theme="light"] p[style*="color: #999"],
[data-theme="light"] td[style*="color: #999"] {
    color: #6b7280 !important; /* 从 #999 提升到 #6b7280，提高对比度 */
}

[data-theme="light"] span[style*="color: #666"],
[data-theme="light"] div[style*="color: #666"],
[data-theme="light"] p[style*="color: #666"] {
    color: #4a4a4a !important; /* 从 #666 提升到 #4a4a4a */
}

/* 6. 背景色优化 */
[data-theme="light"] div[style*="background:#fff"],
[data-theme="light"] div[style*="background: #fff"],
[data-theme="light"] div[style*="background:#ffffff"],
[data-theme="light"] div[style*="background: #ffffff"] {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

/* 7. 系统设置弹窗优化 */
[data-theme="light"] .system-settings-dialog {
    background: #ffffff !important;
}

[data-theme="light"] .system-settings-dialog .el-message-box__header {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
}

[data-theme="light"] .system-settings-dialog .el-message-box__title {
    color: #ffffff !important;
}

[data-theme="light"] .system-settings-dialog .el-message-box__content {
    color: var(--text-primary) !important;
}

/* 8. 链接和可点击元素 */
[data-theme="light"] a,
[data-theme="light"] [onclick] {
    color: var(--text-primary) !important;
}

/* 9. 表单元素 */
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
    background: #ffffff !important;
    color: var(--text-primary) !important;
    border: 1px solid #d1d5db !important;
}

/* 10. 卡片和容器 */
[data-theme="light"] .card,
[data-theme="light"] [class*="card"],
[data-theme="light"] .container,
[data-theme="light"] [class*="container"] {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

/* 11. 图标和SVG */
[data-theme="light"] svg[fill="#FFD700"],
[data-theme="light"] svg[fill="#ffd700"] {
    fill: #d4a017 !important; /* 金色在浅色背景下需要更深 */
}

/* 12. 提示文字 */
[data-theme="light"] [style*="font-size: 12px"][style*="color: #999"] {
    color: #6b7280 !important;
}

/* 13. 红色标记（必填项等） */
[data-theme="light"] span[style*="color:red"],
[data-theme="light"] span[style*="color: red"] {
    color: #dc2626 !important; /* 更深的红色 */
}

/* 14. 渐变按钮通用优化 */
[data-theme="light"] button[style*="linear-gradient"],
[data-theme="light"] .btn[style*="linear-gradient"] {
    filter: brightness(0.95) !important;
}

/* 15. 遮罩层优化 */
[data-theme="light"] [style*="background:rgba(0,0,0,0.5)"],
[data-theme="light"] [style*="background: rgba(0,0,0,0.5)"] {
    background: rgba(0, 0, 0, 0.4) !important;
}

/* ==================== 游戏详情弹窗 - 浅色主题 ==================== */
[data-theme="light"] .game-detail-card {
    background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .game-detail-icon {
    background: #f0f0f0;
}

[data-theme="light"] .game-detail-name {
    color: #333333;
}

[data-theme="light"] .game-detail-platform {
    color: #666666;
}

[data-theme="light"] .game-detail-btn.favorite-btn {
    background: rgba(0, 0, 0, 0.04);
    color: #666666;
    border: 1px solid #e0e0e0;
}

[data-theme="light"] .game-detail-btn.favorite-btn:hover {
    background: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .game-detail-close {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .game-detail-close:hover {
    background: rgba(0, 0, 0, 0.1);
}

/* 侧边栏 - 最近玩过和收藏区域 - 浅色主题 */
[data-theme="light"] .sidebar-section {
    border-bottom: 1px solid #e0e0e0;
}

[data-theme="light"] .sidebar-section-title {
    color: #e6a800;
}

[data-theme="light"] .sidebar-section-title svg {
    stroke: #e6a800;
}

[data-theme="light"] .sidebar-mini-game {
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .sidebar-mini-game:hover {
    background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .sidebar-mini-game-icon {
    background: #f0f0f0;
}

[data-theme="light"] .sidebar-mini-game-name {
    color: #666666;
}

[data-theme="light"] .sidebar-mini-game-icon-placeholder {
    background: #f0f0f0;
}

/* 维护中遮罩层 - 浅色主题 */
[data-theme="light"] .maintenance-time {
    color: #e6a800;
}

/* ==================== SVG图标主题适配 ==================== */
/* Logo星标 */
[data-theme="light"] .logo-star {
    fill: #333333;
}

/* 刷新按钮图标 */
[data-theme="light"] .refresh-btn-icon {
    stroke: #333333;
}

/* 侧边栏默认头像图标 */
[data-theme="light"] .sidebar-avatar-icon {
    fill: #333333;
}

/* 侧边栏关闭按钮图标 */
[data-theme="light"] .sidebar-close-icon {
    fill: #333333;
    stroke: #333333;
}

/* 侧边栏金色图标（推广、团队、登录） */
[data-theme="light"] .sidebar-gold-icon {
    stroke: #e6a800;
}

/* 侧边栏白色图标（首页、游戏大厅） */
[data-theme="light"] .sidebar-white-icon {
    stroke: #333333;
}

/* ==================== 钱包页面 - 浅色主题 ==================== */
[data-theme="light"] .wallet-header {
    background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .balance-card {
    background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .balance-icon {
    background: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .balance-icon svg {
    fill: #e6a800;
}

[data-theme="light"] .balance-label {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .wallet-section .balance-amount {
    color: #e6a800;
    text-shadow: none;
}

[data-theme="light"] .balance-amount .currency {
    color: rgba(0, 0, 0, 0.5);
}

[data-theme="light"] .action-btn.withdraw {
    background: rgba(0, 0, 0, 0.06);
    color: #333333;
    border: 1px solid #e0e0e0;
}

[data-theme="light"] .action-btn.withdraw:hover {
    background: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .quick-item {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .quick-item .icon svg {
    fill: #e6a800;
}

[data-theme="light"] .quick-item .text {
    color: #333333;
}

[data-theme="light"] .record-list {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .record-item {
    border-bottom: 1px solid #f0f0f0;
}

[data-theme="light"] .record-item:hover {
    background: rgba(0, 0, 0, 0.03);
}

[data-theme="light"] .record-icon svg {
    fill: #e6a800;
}

[data-theme="light"] .record-title {
    color: #333333;
}

[data-theme="light"] .record-time {
    color: #999999;
}

/* ==================== 充值/提现页面 - 浅色主题 ==================== */
/* 使用 :has() 限定作用域，避免影响 refer.html 等其他页面的 .card-title */
[data-theme="light"] .content:has(.payment-methods) .card-title,
[data-theme="light"] .content:has(.withdraw-methods) .card-title {
    color: #e6a800;
}

[data-theme="light"] .content:has(.payment-methods) .card-title::before,
[data-theme="light"] .content:has(.withdraw-methods) .card-title::before {
    background: linear-gradient(180deg, #e6a800 0%, #cc8c00 100%);
}

/* 充值页面余额 - 浅色主题 */
[data-theme="light"] .content:has(.payment-methods) .balance-amount {
    color: #e6a800;
    text-shadow: none;
}

/* 充值页面金额按钮 - 浅色主题（提现页面绿色按钮无需调整） */
[data-theme="light"] .content:has(.payment-methods) .amount-btn {
    background: rgba(230, 168, 0, 0.08);
    border: 2px solid rgba(230, 168, 0, 0.2);
    color: #e6a800;
}

[data-theme="light"] .content:has(.payment-methods) .amount-btn:hover {
    background: rgba(230, 168, 0, 0.12);
    border-color: rgba(230, 168, 0, 0.4);
}

[data-theme="light"] .content:has(.payment-methods) .amount-btn.active {
    background: linear-gradient(135deg, rgba(230, 168, 0, 0.2) 0%, rgba(230, 168, 0, 0.08) 100%);
    border-color: #e6a800;
    box-shadow: 0 0 20px rgba(230, 168, 0, 0.2);
}

[data-theme="light"] .payment-method {
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .payment-method:hover {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(230, 168, 0, 0.3);
}

[data-theme="light"] .payment-method.active {
    background: rgba(230, 168, 0, 0.06);
    border-color: #e6a800;
    box-shadow: 0 0 15px rgba(230, 168, 0, 0.15);
}

[data-theme="light"] .payment-label {
    color: #333333;
}

[data-theme="light"] .instruction-list div::before {
    background: #e6a800;
}

/* ==================== 提现页面 - 浅色主题 ==================== */
[data-theme="light"] .withdraw-method {
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="light"] .withdraw-method:hover {
    background: rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .method-label {
    color: #333333;
}

/* ==================== 转入/转出页面 - 浅色主题 ==================== */
[data-theme="light"] .header {
    background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
    color: #333333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* ==================== 子页面浅色主题适配 ==================== */
/* messages.html / security.html / withdraw-bind.html / withdraw-records.html / deposit-records.html 等 */

/* --- 通用页面body浅色适配 --- */
[data-theme="light"] .messages-container body,
[data-theme="light"] body {
    background: #f5f5f5 !important;
    color: #333333 !important;
}

/* --- 通用页面标题浅色适配 --- */
[data-theme="light"] .page-title {
    color: #333333 !important;
}

/* --- 通用返回按钮浅色适配 --- */
[data-theme="light"] .back-btn {
    color: #333333 !important;
}
[data-theme="light"] .back-btn:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

/* --- 通用卡片/容器浅色适配 --- */
[data-theme="light"] .security-card,
[data-theme="light"] .bank-card,
[data-theme="light"] .record-card,
[data-theme="light"] .filter-bar,
[data-theme="light"] .device-list {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* --- 通用模态框浅色适配 --- */
[data-theme="light"] .modal-content {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
}
[data-theme="light"] .modal-header {
    border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .modal-title {
    color: #333333 !important;
}
[data-theme="light"] .modal-close {
    color: #666666 !important;
}
[data-theme="light"] .modal-close:hover {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #333333 !important;
}
[data-theme="light"] .modal-footer {
    border-top-color: #e0e0e0 !important;
}

/* --- 通用表单浅色适配 --- */
[data-theme="light"] .form-label {
    color: #333333 !important;
}
[data-theme="light"] .form-input,
[data-theme="light"] .form-select {
    background: #ffffff !important;
    color: #333333 !important;
    border-color: #d0d0d0 !important;
}
[data-theme="light"] .form-input:focus,
[data-theme="light"] .form-select:focus {
    border-color: #4CAF50 !important;
}
[data-theme="light"] .form-input::placeholder {
    color: #999999 !important;
}

/* --- 通用SVG图标浅色适配 --- */
[data-theme="light"] .item-icon svg {
    fill: #e6a800 !important;
}
[data-theme="light"] .bank-icon svg {
    fill: #333333 !important;
}
[data-theme="light"] .device-icon svg {
    fill: rgba(0, 0, 0, 0.5) !important;
}
[data-theme="light"] .device-icon {
    background: rgba(0, 0, 0, 0.06) !important;
}

/* ==================== messages.html 浅色主题 ==================== */
[data-theme="light"] .messages-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .header-title {
    color: #333333 !important;
}
[data-theme="light"] .tab-bar {
    background: #ffffff !important;
    border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .tab-item {
    color: #999999 !important;
}
[data-theme="light"] .message-item {
    border-bottom-color: #f0f0f0 !important;
}
[data-theme="light"] .message-item:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}
[data-theme="light"] .message-item.unread {
    background: rgba(102, 126, 234, 0.05) !important;
}
[data-theme="light"] .message-title {
    color: #333333 !important;
}
[data-theme="light"] .message-time {
    color: #999999 !important;
}
[data-theme="light"] .message-text {
    color: #666666 !important;
}
[data-theme="light"] .empty-text {
    color: #999999 !important;
}
[data-theme="light"] .load-more {
    color: #999999 !important;
}
[data-theme="light"] .detail-card {
    background: #ffffff !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}
[data-theme="light"] .detail-title {
    color: #333333 !important;
}
[data-theme="light"] .detail-close {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #666666 !important;
}
[data-theme="light"] .detail-close:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    color: #333333 !important;
}
[data-theme="light"] .detail-time {
    color: #999999 !important;
}
[data-theme="light"] .detail-body {
    color: #4a4a4a !important;
}
[data-theme="light"] .detail-footer {
    border-top-color: #e0e0e0 !important;
}

/* ==================== security.html 浅色主题 ==================== */
[data-theme="light"] .section-title {
    color: #666666 !important;
}
[data-theme="light"] .security-item {
    border-bottom-color: #f0f0f0 !important;
}
[data-theme="light"] .security-item:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}
[data-theme="light"] .item-title {
    color: #1a1a1a !important;
}
[data-theme="light"] .item-desc {
    color: #999999 !important;
}
[data-theme="light"] .item-arrow {
    color: #aaaaaa !important;
}
[data-theme="light"] .item-status.disabled {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #999999 !important;
}
[data-theme="light"] .tips-content {
    color: #666666 !important;
}
[data-theme="light"] .device-item {
    border-bottom-color: #f0f0f0 !important;
}
[data-theme="light"] .device-name {
    color: #1a1a1a !important;
}
[data-theme="light"] .device-time {
    color: #999999 !important;
}
[data-theme="light"] .device-ip,
[data-theme="light"] .device-location {
    color: #aaaaaa !important;
}
[data-theme="light"] .device-empty {
    color: #999999 !important;
}
[data-theme="light"] .loading {
    color: #888888 !important;
}
[data-theme="light"] .logout-btn {
    background: rgba(244, 67, 54, 0.08) !important;
    border-color: rgba(244, 67, 54, 0.3) !important;
}

/* ==================== terms.html 浅色主题 ==================== */
[data-theme="light"] .terms-page body,
[data-theme="light"] .content-wrapper .page-title {
    color: #333333 !important;
}
[data-theme="light"] .content-wrapper .page-title {
    border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .article-section .section-title {
    color: #e6a800 !important;
    border-left-color: #e6a800 !important;
}
[data-theme="light"] .section-content {
    color: #4a4a4a !important;
}
[data-theme="light"] .article-footer {
    border-top-color: #e0e0e0 !important;
    color: #999999 !important;
}
[data-theme="light"] .highlight {
    color: #e6a800 !important;
}

/* ==================== privacy.html 浅色主题 ==================== */
[data-theme="light"] .privacy-page body {
    background: #f5f5f5 !important;
}

/* ==================== login.html 浅色主题 ==================== */
[data-theme="light"] .login-page {
    background: #f5f5f5 !important;
}
[data-theme="light"] .remember-me :deep(.el-checkbox__label) {
    color: #666666 !important;
}
[data-theme="light"] .forgot-link {
    color: #e6a800 !important;
}
[data-theme="light"] .forgot-link:hover {
    color: #cc9600 !important;
}
[data-theme="light"] .register-link {
    border-top-color: #e0e0e0 !important;
}
[data-theme="light"] .register-link span {
    color: #666666 !important;
}
[data-theme="light"] .register-link a {
    color: #e6a800 !important;
}
[data-theme="light"] .register-link a:hover {
    color: #cc9600 !important;
}

/* ==================== register.html 浅色主题 ==================== */
[data-theme="light"] .register-page {
    background: #f5f5f5 !important;
}
[data-theme="light"] .strength-bar {
    background: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .invite-benefit {
    background: rgba(230, 168, 0, 0.06) !important;
    border-color: rgba(230, 168, 0, 0.15) !important;
}
[data-theme="light"] .invite-benefit-title {
    color: #e6a800 !important;
}
[data-theme="light"] .invite-benefit-content {
    color: #666666 !important;
}
[data-theme="light"] .agreement :deep(.el-checkbox__label) {
    color: #666666 !important;
}
[data-theme="light"] .agreement a {
    color: #e6a800 !important;
}
[data-theme="light"] .link-text {
    color: #e6a800 !important;
}
[data-theme="light"] .link-text:hover {
    color: #cc9600 !important;
}
[data-theme="light"] .dialog-content {
    background: #ffffff !important;
}
[data-theme="light"] .dialog-content h3 {
    color: #e6a800 !important;
    border-left-color: #e6a800 !important;
}
[data-theme="light"] .dialog-content p,
[data-theme="light"] .dialog-content li {
    color: #4a4a4a !important;
}
[data-theme="light"] .dialog-content strong {
    color: #e6a800 !important;
}
[data-theme="light"] .el-dialog {
    background: #ffffff !important;
}
[data-theme="light"] .el-dialog__header {
    background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%) !important;
    border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .el-dialog__title {
    color: #333333 !important;
}
[data-theme="light"] .el-dialog__close {
    color: #666666 !important;
}
[data-theme="light"] .login-link {
    border-top-color: #e0e0e0 !important;
}
[data-theme="light"] .login-link span {
    color: #666666 !important;
}
[data-theme="light"] .login-link a {
    color: #e6a800 !important;
}
[data-theme="light"] .login-link a:hover {
    color: #cc9600 !important;
}

/* ==================== withdraw-bind.html 浅色主题 ==================== */
[data-theme="light"] .add-btn {
    color: #ffffff !important;
}
[data-theme="light"] .bank-header .bank-name {
    color: #1a1a1a !important;
}
[data-theme="light"] .bank-cardno {
    color: #666666 !important;
}
[data-theme="light"] .bank-actions {
    border-top-color: #f0f0f0 !important;
}
[data-theme="light"] .action-btn {
    border-color: #d0d0d0 !important;
    background: rgba(0, 0, 0, 0.04) !important;
    color: #4a4a4a !important;
}
[data-theme="light"] .action-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .empty-state {
    color: #999999 !important;
}
[data-theme="light"] .empty-icon {
    color: #999999 !important;
}

/* ==================== withdraw-records.html 浅色主题 ==================== */
[data-theme="light"] .filter-btn {
    border-color: #d0d0d0 !important;
    background: rgba(0, 0, 0, 0.04) !important;
    color: #4a4a4a !important;
}
[data-theme="light"] .record-title {
    color: #1a1a1a !important;
}
[data-theme="light"] .record-info {
    color: #666666 !important;
}
[data-theme="light"] .record-bank {
    color: #666666 !important;
}
[data-theme="light"] .record-card .bank-icon {
    background: rgba(0, 0, 0, 0.06) !important;
}

/* ==================== deposit-records.html 浅色主题 ==================== */
/* deposit-records uses same classes as withdraw-records, overrides above apply */

/* ==================== pages-common.css 浅色主题补充 ==================== */
[data-theme="light"] .top-header-new {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .page-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .page-title h1 {
    color: #333333 !important;
}
[data-theme="light"] .page-title p {
    color: #666666 !important;
}
[data-theme="light"] .auth-link {
    border-top-color: #e0e0e0 !important;
}
[data-theme="light"] .auth-link span {
    color: #666666 !important;
}
[data-theme="light"] .auth-link a {
    color: #e6a800 !important;
}
[data-theme="light"] .auth-link a:hover {
    color: #cc9600 !important;
}
[data-theme="light"] .form-tip {
    color: #999999 !important;
}
[data-theme="light"] .form-input :deep(.el-input__wrapper) {
    background: #ffffff !important;
    border-color: #d0d0d0 !important;
}
[data-theme="light"] .form-input :deep(.el-input__inner) {
    color: #333333 !important;
}
[data-theme="light"] .form-input :deep(.el-input__inner::placeholder) {
    color: #999999 !important;
}
[data-theme="light"] .balance-amount {
    color: #e6a800 !important;
    text-shadow: none !important;
}
[data-theme="light"] .dark-card {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .dark-card-title {
    color: #e6a800 !important;
}
[data-theme="light"] .form-label {
    color: #e6a800 !important;
}
[data-theme="light"] .secondary-nav {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%) !important;
    border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .secondary-nav-wrapper {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%) !important;
}
[data-theme="light"] .secondary-nav.fixed {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%) !important;
    border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .user-info-nav {
    color: #333333 !important;
}
[data-theme="light"] .balance-container {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: #e0e0e0 !important;
}
[data-theme="light"] .balance-text {
    color: #e6a800 !important;
}
[data-theme="light"] .nav-icon-btn {
    background: rgba(0, 0, 0, 0.06) !important;
    border-color: #e0e0e0 !important;
    color: #333333 !important;
}
[data-theme="light"] .nav-icon-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}
[data-theme="light"] .sidebar-overlay {
    background: rgba(0, 0, 0, 0.4) !important;
}
[data-theme="light"] .sidebar-menu {
    background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%) !important;
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1) !important;
}
[data-theme="light"] .sidebar-header {
    background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 100%) !important;
    border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .sidebar-user-name {
    color: #333333 !important;
}
[data-theme="light"] .sidebar-user-id {
    color: #666666 !important;
}
[data-theme="light"] .sidebar-close-btn {
    background: rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] .sidebar-close-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}
[data-theme="light"] .sidebar-menu-item {
    color: #333333 !important;
}
[data-theme="light"] .sidebar-menu-item:hover {
    background: rgba(230, 168, 0, 0.08) !important;
    border-left-color: #e6a800 !important;
}
[data-theme="light"] .sidebar-divider {
    background: #e0e0e0 !important;
}
[data-theme="light"] .sidebar-footer {
    border-top-color: #e0e0e0 !important;
}
[data-theme="light"] .sidebar-logout-btn {
    background: rgba(255, 71, 87, 0.08) !important;
    border-color: rgba(255, 71, 87, 0.3) !important;
}
[data-theme="light"] .sidebar-logout-btn:hover {
    background: rgba(255, 71, 87, 0.15) !important;
}
[data-theme="light"] .menu-line {
    background: #333333 !important;
}
[data-theme="light"] .menu-icon:hover .menu-line {
    background: #e6a800 !important;
}
[data-theme="light"] .balance-label {
    color: #666666 !important;
}
[data-theme="light"] .register-btn {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #333333 !important;
    border-color: #e0e0e0 !important;
}
[data-theme="light"] .register-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .withdraw-btn {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #333333 !important;
    border-color: #e0e0e0 !important;
}
[data-theme="light"] .withdraw-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .site-name {
    color: #333333 !important;
}
[data-theme="light"] .site-domain {
    color: #999999 !important;
}
[data-theme="light"] .user-level,
[data-theme="light"] .user-id {
    color: #666666 !important;
}
[data-theme="light"] .vip-badge {
    background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%) !important;
    color: #333333 !important;
}
[data-theme="light"] .top-header .site-name {
    color: #333333 !important;
}
[data-theme="light"] .top-header .logo-icon {
    background: linear-gradient(135deg, #ffd700 0%, #ffa500 100%) !important;
}
[data-theme="light"] .btn-gold {
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.2) !important;
}
[data-theme="light"] .btn-green {
    color: #ffffff !important;
}

/* ==================== profile.html 补充浅色主题 ==================== */
[data-theme="light"] .manage-btn {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #333333 !important;
}
[data-theme="light"] .manage-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}
[data-theme="light"] .common-functions {
    background: rgba(0, 0, 0, 0.03) !important;
}
[data-theme="light"] .func-header {
    border-bottom-color: #f0f0f0 !important;
}
[data-theme="light"] .badge-dot {
    border-color: #e8f5e9 !important;
}
[data-theme="light"] .user-avatar-large {
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.15) !important;
}

/* ==================== 优惠页面 - 浅色主题 ==================== */

/* --- 页面背景 --- */
[data-theme="light"] #app {
    background: #f5f5f5 !important;
}

[data-theme="light"] html,
[data-theme="light"] body {
    background: #f5f5f5 !important;
}

/* --- 二级标签导航 --- */
[data-theme="light"] .secondary-tab {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .secondary-tab:hover {
    color: #333333 !important;
}

[data-theme="light"] .secondary-tab.active {
    color: #e6a800 !important;
}

[data-theme="light"] .secondary-tab.active::after {
    background: linear-gradient(90deg, #7c3aed, #e6a800) !important;
}

/* --- 主容器 --- */
[data-theme="light"] .main-container {
    background: #f5f5f5 !important;
}

/* --- 侧边栏导航 --- */
[data-theme="light"] .sidebar-nav {
    background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%) !important;
    border-right-color: #e0e0e0 !important;
}

[data-theme="light"] .nav-tag {
    color: rgba(0, 0, 0, 0.5) !important;
    background: rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .nav-tag svg {
    fill: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .nav-tag:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .nav-tag:hover svg {
    fill: rgba(0, 0, 0, 0.8) !important;
}

[data-theme="light"] .nav-tag.active {
    background: linear-gradient(180deg, #7c3aed 0%, #5b21b6 100%) !important;
    color: white !important;
    border-color: rgba(124, 58, 237, 0.5) !important;
}

[data-theme="light"] .nav-tag.active svg {
    fill: #ffd700 !important;
}

[data-theme="light"] .nav-tag.active .tag-text {
    color: white !important;
}

/* --- 活动卡片 --- */
[data-theme="light"] .activity-img-card {
    background: rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .activity-img-card:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* --- 活动详情全屏 --- */
[data-theme="light"] .detail-fullscreen {
    background: #f5f5f5 !important;
}

[data-theme="light"] .detail-fs-header::after {
    background: linear-gradient(transparent, #f5f5f5) !important;
}

[data-theme="light"] .detail-fs-back {
    background: rgba(0, 0, 0, 0.4) !important;
    color: white !important;
}

[data-theme="light"] .detail-fs-back:hover {
    background: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .detail-fs-type {
    background: rgba(255, 215, 0, 0.9) !important;
    color: #333333 !important;
}

[data-theme="light"] .detail-fs-title {
    color: #333333 !important;
}

[data-theme="light"] .detail-fs-content {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: #e0e0e0 !important;
}

[data-theme="light"] .detail-fs-content h1 {
    color: #e6a800 !important;
}

[data-theme="light"] .detail-fs-content h2 {
    color: #e6a800 !important;
}

[data-theme="light"] .detail-fs-content h3 {
    color: #cc8c00 !important;
}

[data-theme="light"] .detail-fs-content p {
    color: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="light"] .detail-fs-content li {
    color: rgba(0, 0, 0, 0.65) !important;
}

[data-theme="light"] .detail-fs-content strong {
    color: #e6a800 !important;
}

[data-theme="light"] .detail-fs-content a {
    color: #7c3aed !important;
}

[data-theme="light"] .detail-fs-content th {
    background: rgba(230, 168, 0, 0.1) !important;
    color: #e6a800 !important;
    border-color: #e0e0e0 !important;
}

[data-theme="light"] .detail-fs-content td {
    border-color: #e8e8e8 !important;
    color: rgba(0, 0, 0, 0.65) !important;
}

[data-theme="light"] .detail-fs-content tr:hover td {
    background: rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .detail-fs-section-title {
    color: #333333 !important;
    border-left-color: #e6a800 !important;
}

[data-theme="light"] .detail-fs-rules-text {
    color: rgba(0, 0, 0, 0.65) !important;
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: #e8e8e8 !important;
}

[data-theme="light"] .detail-fs-rules-text h1 {
    color: #e6a800 !important;
}

[data-theme="light"] .detail-fs-rules-text h2 {
    color: #cc8c00 !important;
}

[data-theme="light"] .detail-fs-rules-text p {
    color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .detail-fs-rules-text li {
    color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .detail-fs-rules-text strong {
    color: #e6a800 !important;
}

[data-theme="light"] .detail-fs-rules-text th {
    background: rgba(230, 168, 0, 0.08) !important;
    color: #e6a800 !important;
    border-color: #e0e0e0 !important;
}

[data-theme="light"] .detail-fs-rules-text td {
    border-color: #e8e8e8 !important;
    color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .detail-fs-time {
    background: rgba(0, 0, 0, 0.03) !important;
    color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .detail-fs-time span {
    color: #e6a800 !important;
}

[data-theme="light"] .detail-fs-btn-wrap {
    background: linear-gradient(transparent, #f5f5f5 30%) !important;
}

[data-theme="light"] .detail-fs-btn.active {
    background: linear-gradient(135deg, #e6a800 0%, #ffd700 100%) !important;
    color: #333333 !important;
}

[data-theme="light"] .detail-fs-btn.active:hover {
    box-shadow: 0 4px 16px rgba(230, 168, 0, 0.3) !important;
}

[data-theme="light"] .detail-fs-btn.disabled {
    background: rgba(0, 0, 0, 0.06) !important;
    color: rgba(0, 0, 0, 0.25) !important;
}

/* --- VIP 样式 --- */
[data-theme="light"] .vip-card {
    background: linear-gradient(135deg, #f8f6ff 0%, #ffffff 100%) !important;
    border-color: rgba(230, 168, 0, 0.2) !important;
}

[data-theme="light"] .vip-level {
    color: #e6a800 !important;
}

[data-theme="light"] .stat-label {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .stat-value {
    color: #333333 !important;
}

[data-theme="light"] .progress-bar {
    background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .progress-text {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .section-title {
    color: #333333 !important;
}

[data-theme="light"] .privilege-item {
    background: rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .privilege-name {
    color: #333333 !important;
}

[data-theme="light"] .privilege-desc {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .level-list {
    background: rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .level-item {
    border-bottom-color: #f0f0f0 !important;
}

[data-theme="light"] .level-item.active {
    background: rgba(230, 168, 0, 0.06) !important;
}

[data-theme="light"] .level-name {
    color: #333333 !important;
}

[data-theme="light"] .level-require {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .current-tag {
    background: linear-gradient(135deg, #e6a800, #ffd700) !important;
    color: #333333 !important;
}

/* --- 任务样式 --- */
[data-theme="light"] .task-hero {
    background: linear-gradient(135deg, #f0faf4 0%, #e8f5ee 50%, #f0faf4 100%) !important;
    border-color: rgba(34, 197, 94, 0.2) !important;
}

[data-theme="light"] .task-hero::before {
    background: radial-gradient(circle, rgba(34, 197, 94, 0.08) 0%, transparent 70%) !important;
}

[data-theme="light"] .task-hero-title {
    color: #333333 !important;
}

[data-theme="light"] .task-hero-sub {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .task-hero-stats {
    background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .task-hero-stat-label {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .task-tab {
    color: rgba(0, 0, 0, 0.5) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .task-tab:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    color: rgba(0, 0, 0, 0.8) !important;
}

[data-theme="light"] .task-tab.active {
    background: rgba(34, 197, 94, 0.1) !important;
    color: #16a34a !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

[data-theme="light"] .task-item {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
    border-color: #e8e8e8 !important;
}

[data-theme="light"] .task-item:hover {
    border-color: #d0d0d0 !important;
}

[data-theme="light"] .task-item.completed {
    border-color: rgba(34, 197, 94, 0.2) !important;
}

[data-theme="light"] .task-item.completed::before {
    border-color: transparent rgba(34, 197, 94, 0.2) transparent transparent !important;
}

[data-theme="light"] .task-item-name {
    color: #333333 !important;
}

[data-theme="light"] .task-item.completed .task-item-name {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .task-item-category {
    color: rgba(0, 0, 0, 0.4) !important;
    background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .task-item-desc {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .task-item-reward {
    color: #e6a800 !important;
}

[data-theme="light"] .task-action-btn.claim {
    background: linear-gradient(135deg, #e6a800 0%, #cc8c00 100%) !important;
    color: #333333 !important;
    box-shadow: 0 2px 8px rgba(230, 168, 0, 0.2) !important;
}

[data-theme="light"] .task-action-btn.claim:hover {
    box-shadow: 0 4px 12px rgba(230, 168, 0, 0.3) !important;
}

[data-theme="light"] .task-action-btn.done {
    background: rgba(34, 197, 94, 0.1) !important;
    color: #16a34a !important;
}

[data-theme="light"] .task-progress-bar {
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .task-tip {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: #e8e8e8 !important;
}

[data-theme="light"] .task-tip-title {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .task-tip-item {
    color: rgba(0, 0, 0, 0.35) !important;
}

/* --- 签到样式 --- */
[data-theme="light"] .signin-hero {
    background: linear-gradient(135deg, #f8f6ff 0%, #f0edf8 50%, #f5f2ff 100%) !important;
    border-color: rgba(230, 168, 0, 0.2) !important;
}

[data-theme="light"] .signin-hero::before {
    background: radial-gradient(circle, rgba(230, 168, 0, 0.08) 0%, transparent 70%) !important;
}

[data-theme="light"] .signin-hero::after {
    background: radial-gradient(circle, rgba(124, 58, 237, 0.08) 0%, transparent 70%) !important;
}

[data-theme="light"] .signin-hero-title {
    color: #333333 !important;
}

[data-theme="light"] .signin-hero-sub {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .signin-hero-sub span {
    color: #e6a800 !important;
}

[data-theme="light"] .signin-stats {
    background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .signin-stat-num {
    color: #e6a800 !important;
}

[data-theme="light"] .signin-stat-label {
    color: rgba(0, 0, 0, 0.45) !important;
}

[data-theme="light"] .signin-checkin-btn {
    background: linear-gradient(135deg, #e6a800 0%, #cc8c00 50%, #e6a800 100%) !important;
    color: #333333 !important;
    box-shadow: 0 4px 20px rgba(230, 168, 0, 0.2) !important;
}

[data-theme="light"] .signin-checkin-btn:hover {
    box-shadow: 0 6px 24px rgba(230, 168, 0, 0.35) !important;
}

[data-theme="light"] .signin-checkin-btn.checked-btn {
    background: rgba(34, 197, 94, 0.1) !important;
    color: #16a34a !important;
    box-shadow: none !important;
}

/* --- 签到日历 --- */
[data-theme="light"] .signin-calendar-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%) !important;
    border-color: #e0e0e0 !important;
}

[data-theme="light"] .signin-calendar-nav {
    background: rgba(0, 0, 0, 0.06) !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .signin-calendar-nav:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    color: #333333 !important;
}

[data-theme="light"] .signin-calendar-month {
    color: #333333 !important;
}

[data-theme="light"] .signin-calendar-month span {
    color: #e6a800 !important;
}

[data-theme="light"] .signin-weekday {
    color: rgba(0, 0, 0, 0.3) !important;
}

[data-theme="light"] .signin-day-cell {
    background: rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .signin-day-cell.past-missed .signin-day-num {
    color: rgba(0, 0, 0, 0.25) !important;
}

[data-theme="light"] .signin-day-cell.today {
    border-color: rgba(230, 168, 0, 0.6) !important;
    background: rgba(230, 168, 0, 0.06) !important;
    box-shadow: 0 0 12px rgba(230, 168, 0, 0.15) !important;
}

[data-theme="light"] .signin-day-cell.today .signin-day-num {
    color: #e6a800 !important;
}

[data-theme="light"] .signin-day-cell.today .signin-day-reward {
    color: #e6a800 !important;
}

@keyframes todayPulseLight {
    0%, 100% { box-shadow: 0 0 12px rgba(230, 168, 0, 0.15); }
    50% { box-shadow: 0 0 20px rgba(230, 168, 0, 0.3); }
}

[data-theme="light"] .signin-day-cell.today {
    animation: todayPulseLight 2s ease-in-out infinite !important;
}

[data-theme="light"] .signin-day-cell.special {
    border-color: rgba(255, 170, 0, 0.3) !important;
    background: rgba(255, 170, 0, 0.04) !important;
}

[data-theme="light"] .signin-day-num {
    color: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="light"] .signin-day-reward {
    color: #e6a800 !important;
}

[data-theme="light"] .signin-legend {
    border-top-color: #e8e8e8 !important;
}

[data-theme="light"] .signin-legend-item {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .signin-legend-dot.dot-missed {
    background: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .signin-tip {
    background: rgba(0, 0, 0, 0.02) !important;
    border-color: #e8e8e8 !important;
}

[data-theme="light"] .signin-tip-title {
    color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .signin-tip-item {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .signin-tip-item span {
    color: #e6a800 !important;
}

/* --- 签到成功弹窗 --- */
[data-theme="light"] .checkin-success-overlay {
    background: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .checkin-success-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8f6ff 100%) !important;
    border-color: rgba(230, 168, 0, 0.3) !important;
}

[data-theme="light"] .checkin-success-title {
    color: #333333 !important;
}

[data-theme="light"] .checkin-success-amount {
    color: #e6a800 !important;
}

[data-theme="light"] .checkin-success-day {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .checkin-success-btn {
    background: linear-gradient(135deg, #e6a800, #cc8c00) !important;
    color: #333333 !important;
}

/* --- 领取记录样式 --- */
[data-theme="light"] .record-item {
    background: rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .record-name {
    color: #333333 !important;
}

[data-theme="light"] .record-time {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .empty-state {
    color: rgba(0, 0, 0, 0.3) !important;
}

/* --- 分类区域 --- */
[data-theme="light"] .category-section {
    background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%) !important;
    border-color: #e0e0e0 !important;
}

[data-theme="light"] .category-tag {
    color: rgba(0, 0, 0, 0.5) !important;
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .category-tag:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    color: #333333 !important;
}

[data-theme="light"] .category-tag.active {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
    color: white !important;
    border-color: #7c3aed !important;
}

/* --- 限时热抢区域 --- */
[data-theme="light"] .featured-section {
    background: #ffffff !important;
    border-color: rgba(230, 168, 0, 0.15) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

[data-theme="light"] .featured-label {
    color: #e6a800 !important;
}

[data-theme="light"] .featured-card {
    border-color: #e0e0e0 !important;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.06) 0%, rgba(91, 33, 182, 0.06) 100%) !important;
}

[data-theme="light"] .featured-card:hover {
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.15) !important;
}

/* --- 加载动画 --- */
[data-theme="light"] .spinner {
    border-color: rgba(0, 0, 0, 0.08) !important;
    border-top-color: #e6a800 !important;
}

/* --- 滚动条（promotion页面内联覆盖了全局滚动条隐藏） --- */
[data-theme="light"] .content-area::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
    display: block !important;
}

[data-theme="light"] .content-area::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.04) !important;
    border-radius: 2px !important;
}

[data-theme="light"] .content-area::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15) !important;
    border-radius: 2px !important;
}

[data-theme="light"] .content-area::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25) !important;
}

/* ==================== 推广页面 - 浅色主题 ==================== */

[data-theme="light"] .top-header {
    background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .top-header h1 {
    color: #333333 !important;
}

[data-theme="light"] .top-header .back-arrow,
[data-theme="light"] .top-header div[onclick] {
    color: #333333 !important;
}

[data-theme="light"] .sub-header {
    background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%) !important;
    border-bottom: 1px solid rgba(230, 168, 0, 0.2) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .back-btn {
    background: rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .back-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(230, 168, 0, 0.3) !important;
}

[data-theme="light"] .back-btn svg,
[data-theme="light"] .back-icon svg {
    fill: #333333 !important;
}

[data-theme="light"] .sub-header-title,
[data-theme="light"] .header-title {
    color: #333333 !important;
}

[data-theme="light"] .header-title svg {
    fill: #e6a800 !important;
}

[data-theme="light"] .nav-tabs {
    background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 50%, #e8e8e8 100%) !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .nav-tab {
    color: #666666 !important;
}

[data-theme="light"] .nav-tab.active {
    color: #388E3C !important;
}

[data-theme="light"] .nav-tab svg {
    fill: #666666 !important;
}

[data-theme="light"] .nav-tab.active svg {
    fill: #388E3C !important;
}

[data-theme="light"] .nav-tab.active span {
    color: #388E3C !important;
}

[data-theme="light"] .card {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #e0e0e0 !important;
}

[data-theme="light"] .card-title {
    color: #333333 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    background: #ffffff !important;
    margin: -20px -20px 15px -20px !important;
    padding: 15px 20px !important;
    border-radius: 15px 15px 0 0 !important;
}

[data-theme="light"] .card-title svg {
    fill: #e6a800 !important;
}

[data-theme="light"] .stat-item {
    background: rgba(230, 168, 0, 0.06) !important;
    border: 1px solid rgba(230, 168, 0, 0.15) !important;
}

[data-theme="light"] .stat-item:hover {
    background: rgba(230, 168, 0, 0.1) !important;
}

[data-theme="light"] .stat-item .value {
    color: #e6a800 !important;
    text-shadow: none !important;
}

[data-theme="light"] .stat-item .label {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .info-item {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .info-item .label {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .info-item .value {
    color: #333333 !important;
}

[data-theme="light"] .info-item .code {
    color: #e6a800 !important;
}

[data-theme="light"] .qr-section {
    border-top: 1px solid #f0f0f0 !important;
}

[data-theme="light"] .qr-modal-card {
    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
}

[data-theme="light"] .qr-modal-site {
    color: #e6a800 !important;
}

[data-theme="light"] .qr-modal-subtitle {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .qr-modal-tip {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .link-box .link {
    color: rgba(0, 0, 0, 0.6) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .share-btn:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .share-btn.douyin svg {
    fill: #333333 !important;
}

[data-theme="light"] .share-btn.douyin span {
    color: #333333 !important;
}

[data-theme="light"] .profit-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    color: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="light"] .profit-item .dot {
    background: #e6a800 !important;
    box-shadow: 0 0 10px rgba(230, 168, 0, 0.3) !important;
}

[data-theme="light"] .legend-item {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .legend-value {
    color: #333333 !important;
}

[data-theme="light"] .legend-label {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .member-item {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .member-item:hover {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.02) 100%) !important;
    border-color: rgba(230, 168, 0, 0.3) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .member-avatar {
    border: 2px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .member-name {
    color: #333333 !important;
}

[data-theme="light"] .member-meta {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .time-select {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #333333 !important;
}

[data-theme="light"] .time-select option {
    background: #ffffff !important;
    color: #333333 !important;
}

[data-theme="light"] .date-input {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #333333 !important;
}

[data-theme="light"] .date-filter-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .perf-tab {
    background: rgba(0, 0, 0, 0.05) !important;
    color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .perf-tab.active {
    background: linear-gradient(135deg, #e6a800 0%, #ffd700 100%) !important;
    color: #333333 !important;
}

[data-theme="light"] .perf-item {
    background: rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .perf-icon svg {
    fill: #e6a800 !important;
}

[data-theme="light"] .perf-name {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .perf-value {
    color: #333333 !important;
}

[data-theme="light"] .perf-total {
    background: rgba(230, 168, 0, 0.08) !important;
    border: 1px solid rgba(230, 168, 0, 0.2) !important;
}

[data-theme="light"] .perf-total .label {
    color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .perf-total .value {
    color: #e6a800 !important;
}

[data-theme="light"] .commission-item {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.01) 100%) !important;
    border: 1px solid rgba(230, 168, 0, 0.1) !important;
}

[data-theme="light"] .commission-item:hover {
    background: linear-gradient(145deg, rgba(230, 168, 0, 0.08) 0%, rgba(230, 168, 0, 0.03) 100%) !important;
    border-color: rgba(230, 168, 0, 0.25) !important;
}

[data-theme="light"] .commission-icon svg {
    fill: #e6a800 !important;
}

[data-theme="light"] .commission-name {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .commission-value {
    color: #e6a800 !important;
    text-shadow: none !important;
}

[data-theme="light"] .section-divider {
    background: linear-gradient(90deg, transparent 0%, rgba(230, 168, 0, 0.2) 50%, transparent 100%) !important;
}

[data-theme="light"] .claim-item {
    background: linear-gradient(145deg, rgba(255, 107, 107, 0.1) 0%, rgba(255, 107, 107, 0.03) 100%) !important;
    border-color: rgba(255, 107, 107, 0.2) !important;
}

[data-theme="light"] .summary-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .summary-item .label {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .summary-item .value {
    color: #333333 !important;
}

[data-theme="light"] .summary-total {
    background: rgba(230, 168, 0, 0.08) !important;
    border: 1px solid rgba(230, 168, 0, 0.2) !important;
}

[data-theme="light"] .summary-total .label {
    color: #333333 !important;
}

[data-theme="light"] .summary-total .value {
    color: #e6a800 !important;
    text-shadow: none !important;
}

[data-theme="light"] .empty-state {
    background: rgba(0, 0, 0, 0.02) !important;
    border: 1px dashed rgba(0, 0, 0, 0.08) !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .empty-state svg {
    fill: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="light"] .empty-state .hint {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .modal-content {
    background: linear-gradient(145deg, #ffffff 0%, #fafafa 100%) !important;
    border: 1px solid rgba(230, 168, 0, 0.2) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .modal-header {
    border-bottom: 1px solid #f0f0f0 !important;
}

[data-theme="light"] .modal-header h3 {
    color: #333333 !important;
}

[data-theme="light"] .modal-close {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .modal-close:hover {
    color: #333333 !important;
    background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] body {
    background: #f5f5f5 !important;
    color: #333333 !important;
}

/* ==================== 游戏中心 - 最近玩过卡片浅色主题 ==================== */
[data-theme="light"] .sidebar-recent-game-card {
    background: rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .sidebar-recent-game-card:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .sidebar-recent-game-name {
    color: #666666 !important;
}