/* ========================================================================== Fintech Light Theme (Scoped) 文件路径: src/main/resources/static/css/fintech-light.css 触发条件: 描述: 仅在浅色模式激活时，以高优先级覆盖硬编码的深色样式 ========================================================================== */ /* 1. 作用域变量 (Scoped Variables) */ [data-bs-theme="light"] { /* 核心背景 */ --ft-bg-body: #F0F2F5; /* 晨曦灰蓝 (护眼背景) */ --ft-bg-surface: #FFFFFF; /* 纯白 (卡片背景) */ --ft-bg-glass: rgba(255, 255, 255, 0.85); /* 磨砂玻璃 */ --ft-bg-input: #F8FAFC; /* 输入框底色 */ /* 覆盖 unified-styles.css 中的深色变量 */ --primary-bg: #F0F2F5 !important; /* 覆盖深蓝紫主背景 */ --secondary-bg: #FFFFFF !important; /* 覆盖深蓝次要背景 */ --text-primary: #1E293B !important; /* 覆盖白色文字 */ --text-secondary: #64748B !important; /* 覆盖次要文字 */ --text-muted: #94A3B8 !important; /* 覆盖淡色文字 */ --border-color: #E2E8F0 !important; /* 覆盖边框颜色 */ /* 品牌色系 */ --ft-color-primary: #1E3A8A; /* 量子蓝 (权威/金融) */ --ft-color-primary-hover: #1E40AF; /* 亮蓝 (悬停) */ --ft-color-accent: #D97706; /* 琥珀金 (财富/VIP) */ --ft-color-text-main: #1E293B; /* 深岩灰 (主标题) */ --ft-color-text-sub: #64748B; /* 中灰 (次要信息) */ --ft-border: #E2E8F0; /* 浅灰边框 */ /* 投影系统 (替代深色模式的发光) */ --ft-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --ft-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --ft-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } /* 2. 全局强制覆盖 (Global Overrides) */ [data-bs-theme="light"] body { background: var(--ft-bg-body) !important; color: var(--ft-color-text-main) !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; } /* 隐藏深色模式的渐变背景伪元素 */ [data-bs-theme="light"] html::before { display: none !important; } /* 确保 html 背景也是浅色 */ [data-bs-theme="light"] html { background: var(--ft-bg-body) !important; background-color: var(--ft-bg-body) !important; } /* 隐藏深色模式特有的粒子和光线特效，保持界面干净 */ [data-bs-theme="light"] .particles, [data-bs-theme="light"] .market-lines { opacity: 0.1 !important; pointer-events: none; } /* 3. 登录页专项 (Login Page) */ /* 修复登录页整体背景 - 确保上下一致为灰色 */ [data-bs-theme="light"] .login-container { background: transparent !important; min-height: 100vh !important; } /* 覆盖登录页 body 的内联渐变样式 */ [data-bs-theme="light"] body { background: var(--ft-bg-body) !important; background-color: var(--ft-bg-body) !important; background-image: none !important; } [data-bs-theme="light"] .login-box { background: var(--ft-bg-glass) !important; border: 1px solid var(--ft-border) !important; box-shadow: var(--ft-shadow-lg) !important; backdrop-filter: blur(20px) !important; } /* 移除登录框的流光特效 */ [data-bs-theme="light"] .login-box::before { display: none !important; } [data-bs-theme="light"] .company-name, [data-bs-theme="light"] .login-title { color: var(--ft-color-primary) !important; font-weight: 700 !important; } [data-bs-theme="light"] .form-label { color: var(--ft-color-text-main) !important; } /* 输入框改造 */ [data-bs-theme="light"] .form-control { background: var(--ft-bg-input) !important; border: 1px solid var(--ft-border) !important; color: var(--ft-color-text-main) !important; /* 强制深色字 */ } [data-bs-theme="light"] .form-control:focus { background: #FFFFFF !important; border-color: var(--ft-color-primary) !important; box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1) !important; color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .form-control::placeholder { color: #94A3B8 !important; } /* 修复浏览器自动填充的背景色问题 */ [data-bs-theme="light"] .form-control:-webkit-autofill, [data-bs-theme="light"] .form-control:-webkit-autofill:hover, [data-bs-theme="light"] .form-control:-webkit-autofill:focus, [data-bs-theme="light"] .form-control:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px var(--ft-bg-input) inset !important; -webkit-text-fill-color: var(--ft-color-text-main) !important; } /* 按钮与链接 */ [data-bs-theme="light"] .btn-primary { background: var(--ft-color-primary) !important; box-shadow: var(--ft-shadow-md) !important; } [data-bs-theme="light"] .btn-primary:hover { background: var(--ft-color-primary-hover) !important; transform: translateY(-1px); } [data-bs-theme="light"] .forgot-password, [data-bs-theme="light"] .signup-link { color: var(--ft-color-primary) !important; } [data-bs-theme="light"] .text-muted { color: var(--ft-color-text-sub) !important; } /* 底部市场行情条 */ [data-bs-theme="light"] .market-ticker { background: #FFFFFF !important; border: 1px solid var(--ft-border) !important; box-shadow: var(--ft-shadow-md) !important; } [data-bs-theme="light"] .ticker-symbol { color: var(--ft-color-text-main) !important; } /* 4. 主面板专项 (Dashboard) */ /* 顶部导航 */ [data-bs-theme="light"] .navbar { background: rgba(255, 255, 255, 0.9) !important; border-bottom: 1px solid var(--ft-border) !important; box-shadow: var(--ft-shadow-sm) !important; } [data-bs-theme="light"] .nav-title { color: var(--ft-color-primary) !important; } [data-bs-theme="light"] .nav-item { color: var(--ft-color-text-sub) !important; } [data-bs-theme="light"] .nav-item:hover, [data-bs-theme="light"] .nav-item.active { color: var(--ft-color-primary) !important; background: rgba(30, 58, 138, 0.05) !important; } /* 用户信息 */ [data-bs-theme="light"] .nav-user { background: rgba(30, 58, 138, 0.05) !important; } [data-bs-theme="light"] .nav-user span { color: var(--ft-color-primary) !important; } /* 卡片通用样式 */ [data-bs-theme="light"] .stat-card, [data-bs-theme="light"] .chart-card, [data-bs-theme="light"] .accounts-section, [data-bs-theme="light"] .card { background: var(--ft-bg-surface) !important; border: 1px solid var(--ft-border) !important; box-shadow: var(--ft-shadow-sm) !important; } [data-bs-theme="light"] .stat-card:hover { box-shadow: var(--ft-shadow-lg) !important; border-color: var(--ft-color-primary) !important; } /* 卡片文字 */ [data-bs-theme="light"] .stat-title, [data-bs-theme="light"] .chart-title, [data-bs-theme="light"] .section-title { color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .stat-value { color: var(--ft-color-primary) !important; } [data-bs-theme="light"] .stat-icon { background: rgba(30, 58, 138, 0.1) !important; color: var(--ft-color-primary) !important; } /* 表格优化 */ [data-bs-theme="light"] .table-header { background: #F1F5F9 !important; } [data-bs-theme="light"] .table-header th { color: var(--ft-color-text-sub) !important; border-bottom: 1px solid var(--ft-border) !important; } [data-bs-theme="light"] .table-row { border-bottom: 1px solid var(--ft-border) !important; } [data-bs-theme="light"] .table-row:hover { background: #F8FAFC !important; } [data-bs-theme="light"] .account-name { color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .account-type { color: var(--ft-color-text-sub) !important; } [data-bs-theme="light"] .balance-amount { color: var(--ft-color-primary) !important; } /* 操作按钮 */ [data-bs-theme="light"] .action-btn.deposit { background: var(--ft-color-primary) !important; } [data-bs-theme="light"] .action-btn.withdraw, [data-bs-theme="light"] .action-btn.secondary { border-color: var(--ft-border) !important; color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .action-btn.withdraw:hover { border-color: var(--ft-color-primary) !important; color: var(--ft-color-primary) !important; } /* 模态框 */ [data-bs-theme="light"] .modal-content { background: var(--ft-bg-surface) !important; border: 1px solid var(--ft-border) !important; box-shadow: var(--ft-shadow-lg) !important; } [data-bs-theme="light"] .modal-title { color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .modal-body div[style*="background"] { background: #F8FAFC !important; border-color: var(--ft-border) !important; } /* 智能反转白色 Logo 为深海军蓝 */ [data-bs-theme="light"] .logo-container img, [data-bs-theme="light"] .nav-logo img { filter: brightness(0) saturate(100%) invert(16%) sepia(32%) saturate(5952%) hue-rotate(213deg) brightness(96%) contrast(98%) !important; } /* 页脚 */ [data-bs-theme="light"] .footer { background: var(--ft-bg-surface) !important; border-top: 1px solid var(--ft-border) !important; color: var(--ft-color-text-sub) !important; } [data-bs-theme="light"] .footer a { color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .footer a:hover { color: var(--ft-color-primary) !important; } /* 验证码图片 */ [data-bs-theme="light"] .verification-img { background: #F8FAFC !important; border: 1px solid var(--ft-border) !important; } /* 资金流动记录 */ [data-bs-theme="light"] .activity-item { border-bottom: 1px solid var(--ft-border) !important; } [data-bs-theme="light"] .activity-item:hover { background: #F8FAFC !important; } [data-bs-theme="light"] .activity-title { color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .activity-desc { color: var(--ft-color-text-sub) !important; } [data-bs-theme="light"] .activity-icon.deposit { background: rgba(30, 58, 138, 0.1) !important; color: var(--ft-color-primary) !important; } [data-bs-theme="light"] .activity-icon.withdraw { background: rgba(217, 119, 6, 0.1) !important; color: var(--ft-color-accent) !important; } /* 其他页面通用元素 */ [data-bs-theme="light"] .section-header { border-bottom: 1px solid var(--ft-border) !important; } [data-bs-theme="light"] .add-account-btn { background: var(--ft-color-primary) !important; box-shadow: var(--ft-shadow-md) !important; } [data-bs-theme="light"] .add-account-btn:hover { box-shadow: var(--ft-shadow-lg) !important; } /* 重置密码按钮特殊样式 */ [data-bs-theme="light"] .action-btn.reset-password { border-color: rgba(100, 116, 139, 0.3) !important; color: var(--ft-color-text-sub) !important; } [data-bs-theme="light"] .action-btn.reset-password:hover { background: rgba(100, 116, 139, 0.1) !important; border-color: var(--ft-color-text-sub) !important; color: var(--ft-color-text-main) !important; } /* 移动端菜单 */ [data-bs-theme="light"] .mobile-menu { background: var(--ft-bg-surface) !important; border: 1px solid var(--ft-border) !important; box-shadow: var(--ft-shadow-lg) !important; } [data-bs-theme="light"] .mobile-menu a { color: var(--ft-color-text-sub) !important; border-bottom: 1px solid var(--ft-border) !important; } [data-bs-theme="light"] .mobile-menu a:hover { background: #F8FAFC !important; color: var(--ft-color-primary) !important; } /* 下拉菜单 */ [data-bs-theme="light"] .dropdown-menu { background: var(--ft-bg-surface) !important; border: 1px solid var(--ft-border) !important; box-shadow: var(--ft-shadow-lg) !important; } [data-bs-theme="light"] .dropdown-item { color: var(--ft-color-text-sub) !important; border-bottom: 1px solid var(--ft-border) !important; } [data-bs-theme="light"] .dropdown-item:hover { background: #F8FAFC !important; color: var(--ft-color-primary) !important; } /* 修复注册、忘记密码、修改密码页面的白色标题问题 */ /* 品牌标题 */ [data-bs-theme="light"] .brand-title { color: var(--ft-color-primary) !important; } /* 卡片标题 */ [data-bs-theme="light"] .card-title { color: var(--ft-color-text-main) !important; } /* 登录标题 */ [data-bs-theme="light"] .login-title { color: var(--ft-color-primary) !important; } /* 公司名称 */ [data-bs-theme="light"] .company-name { color: var(--ft-color-primary) !important; } /* 表单标签 */ [data-bs-theme="light"] .form-label { color: var(--ft-color-text-main) !important; } /* 返回登录链接 */ [data-bs-theme="light"] .back-to-login { color: var(--ft-color-primary) !important; border-color: var(--ft-color-primary) !important; } [data-bs-theme="light"] .back-to-login:hover { color: #FFFFFF !important; background: var(--ft-color-primary) !important; border-color: var(--ft-color-primary) !important; } /* 修复下拉选择框（select）的深色问题 */ [data-bs-theme="light"] .form-select { background-color: var(--ft-bg-input) !important; border: 1px solid var(--ft-border) !important; color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .form-select:focus { background-color: #FFFFFF !important; border-color: var(--ft-color-primary) !important; box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1) !important; color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .form-select option { background-color: #FFFFFF !important; color: var(--ft-color-text-main) !important; } /* 修复导航栏语言下拉菜单的深色问题 */ [data-bs-theme="light"] .language-dropdown .dropdown-menu { background: var(--ft-bg-surface) !important; border: 1px solid var(--ft-border) !important; box-shadow: var(--ft-shadow-lg) !important; } [data-bs-theme="light"] .language-dropdown .dropdown-item { color: var(--ft-color-text-sub) !important; border-bottom: 1px solid var(--ft-border) !important; } [data-bs-theme="light"] .language-dropdown .dropdown-item:hover { background: rgba(30, 58, 138, 0.08) !important; color: var(--ft-color-primary) !important; } [data-bs-theme="light"] .language-dropdown .dropdown-item:last-child { border-bottom: none !important; } /* ========================================================================== 全面修复深色元素问题 ========================================================================== */ /* 修复页面整体背景 */ [data-bs-theme="light"] html { background-color: var(--ft-bg-body) !important; } [data-bs-theme="light"] html::before { display: none !important; /* 移除深色渐变背景层 */ } /* 修复底部栏 */ [data-bs-theme="light"] .footer { background: var(--ft-bg-surface) !important; border-top: 1px solid var(--ft-border) !important; } /* 修复所有卡片/面板的深色背景 */ [data-bs-theme="light"] .card, [data-bs-theme="light"] .panel, [data-bs-theme="light"] .card-body { background: var(--ft-bg-surface) !important; color: var(--ft-color-text-main) !important; } /* 修复表格 */ [data-bs-theme="light"] .table { color: var(--ft-color-text-main) !important; background: var(--ft-bg-surface) !important; } [data-bs-theme="light"] .table thead th { background: #F1F5F9 !important; color: var(--ft-color-text-sub) !important; border-bottom: 2px solid var(--ft-border) !important; } [data-bs-theme="light"] .table tbody tr { background: var(--ft-bg-surface) !important; border-bottom: 1px solid var(--ft-border) !important; } [data-bs-theme="light"] .table tbody tr:hover { background: #F8FAFC !important; } [data-bs-theme="light"] .table td, [data-bs-theme="light"] .table th { color: var(--ft-color-text-main) !important; } /* 修复所有白色文字 */ [data-bs-theme="light"] h1, [data-bs-theme="light"] h2, [data-bs-theme="light"] h3, [data-bs-theme="light"] h4, [data-bs-theme="light"] h5, [data-bs-theme="light"] h6 { color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] p, [data-bs-theme="light"] span, [data-bs-theme="light"] div, [data-bs-theme="light"] label { color: inherit !important; } /* 但保留特定样式的颜色 */ [data-bs-theme="light"] .text-white { color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .text-muted { color: var(--ft-color-text-sub) !important; } /* 修复按钮样式 */ [data-bs-theme="light"] .btn { border: 1px solid var(--ft-border) !important; } [data-bs-theme="light"] .btn-primary { background: var(--ft-color-primary) !important; border-color: var(--ft-color-primary) !important; color: #FFFFFF !important; } [data-bs-theme="light"] .btn-success { background: #10B981 !important; border-color: #10B981 !important; color: #FFFFFF !important; } [data-bs-theme="light"] .btn-warning { background: #F59E0B !important; border-color: #F59E0B !important; color: #FFFFFF !important; } [data-bs-theme="light"] .btn-danger { background: #EF4444 !important; border-color: #EF4444 !important; color: #FFFFFF !important; } [data-bs-theme="light"] .btn-secondary { background: var(--ft-bg-surface) !important; border-color: var(--ft-border) !important; color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .btn-outline-primary { background: transparent !important; border-color: var(--ft-color-primary) !important; color: var(--ft-color-primary) !important; } [data-bs-theme="light"] .btn-outline-primary:hover { background: var(--ft-color-primary) !important; color: #FFFFFF !important; } /* 修复统计卡片 */ [data-bs-theme="light"] .stats-card, [data-bs-theme="light"] .info-card { background: var(--ft-bg-surface) !important; color: var(--ft-color-text-main) !important; } /* 修复列表项 */ [data-bs-theme="light"] .list-group-item { background: var(--ft-bg-surface) !important; border: 1px solid var(--ft-border) !important; color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .list-group-item:hover { background: #F8FAFC !important; } /* 修复页眉 */ [data-bs-theme="light"] .page-header { background: transparent !important; color: var(--ft-color-text-main) !important; } /* 修复侧边栏 */ [data-bs-theme="light"] .sidebar, [data-bs-theme="light"] .side-menu { background: var(--ft-bg-surface) !important; border-right: 1px solid var(--ft-border) !important; } /* 修复深色渐变按钮 */ [data-bs-theme="light"] .gradient-btn, [data-bs-theme="light"] [style*="linear-gradient"] { background: var(--ft-color-primary) !important; color: #FFFFFF !important; } /* 修复badge/标签 */ [data-bs-theme="light"] .badge { color: #FFFFFF !important; } [data-bs-theme="light"] .badge-primary { background: var(--ft-color-primary) !important; } [data-bs-theme="light"] .badge-success { background: #10B981 !important; } [data-bs-theme="light"] .badge-warning { background: #F59E0B !important; } [data-bs-theme="light"] .badge-danger { background: #EF4444 !important; } /* 修复alert/提示框 */ [data-bs-theme="light"] .alert { background: var(--ft-bg-surface) !important; border: 1px solid var(--ft-border) !important; color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .alert-info { background: #EFF6FF !important; border-color: #BFDBFE !important; color: #1E40AF !important; } [data-bs-theme="light"] .alert-success { background: #F0FDF4 !important; border-color: #BBF7D0 !important; color: #15803D !important; } [data-bs-theme="light"] .alert-warning { background: #FFFBEB !important; border-color: #FDE68A !important; color: #B45309 !important; } [data-bs-theme="light"] .alert-danger { background: #FEF2F2 !important; border-color: #FECACA !important; color: #B91C1C !important; } /* 修复页面特定元素的深色背景 */ [data-bs-theme="light"] .main-container, [data-bs-theme="light"] .content-wrapper, [data-bs-theme="light"] .page-wrapper { background: transparent !important; } /* 修复深色遮罩层 */ [data-bs-theme="light"] .overlay, [data-bs-theme="light"] .modal-backdrop { background: rgba(15, 23, 42, 0.5) !important; } /* 修复所有使用rgba(0,0,0)的深色背景 */ [data-bs-theme="light"] [style*="rgba(0, 0, 0"] { background: var(--ft-bg-surface) !important; } /* 修复文本颜色强制为白色的问题 */ [data-bs-theme="light"] [style*="color: #fff"], [data-bs-theme="light"] [style*="color: #ffffff"], [data-bs-theme="light"] [style*="color: white"] { color: var(--ft-color-text-main) !important; } /* 修复导航栏的深色问题 */ [data-bs-theme="light"] .nav-left, [data-bs-theme="light"] .nav-right, [data-bs-theme="light"] .nav-center { color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .nav-item { color: var(--ft-color-text-sub) !important; } [data-bs-theme="light"] .nav-item:hover { color: var(--ft-color-primary) !important; } /* 修复页面标题 */ [data-bs-theme="light"] .page-title { color: var(--ft-color-text-main) !important; } /* 修复各类容器 */ [data-bs-theme="light"] .container, [data-bs-theme="light"] .container-fluid, [data-bs-theme="light"] .row, [data-bs-theme="light"] .col { color: var(--ft-color-text-main) !important; } /* 修复深色面板 */ [data-bs-theme="light"] .panel-dark, [data-bs-theme="light"] .bg-dark { background: var(--ft-bg-surface) !important; color: var(--ft-color-text-main) !important; } /* 修复深色文本 */ [data-bs-theme="light"] .text-dark { color: var(--ft-color-text-main) !important; } /* 修复输入组 */ [data-bs-theme="light"] .input-group-text { background: #F1F5F9 !important; border: 1px solid var(--ft-border) !important; color: var(--ft-color-text-sub) !important; } /* 修复分页 */ [data-bs-theme="light"] .pagination .page-link { background: var(--ft-bg-surface) !important; border: 1px solid var(--ft-border) !important; color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .pagination .page-link:hover { background: #F8FAFC !important; color: var(--ft-color-primary) !important; } [data-bs-theme="light"] .pagination .page-item.active .page-link { background: var(--ft-color-primary) !important; border-color: var(--ft-color-primary) !important; color: #FFFFFF !important; } /* 修复面包屑导航 */ [data-bs-theme="light"] .breadcrumb { background: transparent !important; } [data-bs-theme="light"] .breadcrumb-item, [data-bs-theme="light"] .breadcrumb-item a { color: var(--ft-color-text-sub) !important; } [data-bs-theme="light"] .breadcrumb-item.active { color: var(--ft-color-text-main) !important; } /* 修复开关按钮 */ [data-bs-theme="light"] .form-switch .form-check-input { background-color: #CBD5E1 !important; } [data-bs-theme="light"] .form-switch .form-check-input:checked { background-color: var(--ft-color-primary) !important; } /* 修复进度条 */ [data-bs-theme="light"] .progress { background: #E2E8F0 !important; } [data-bs-theme="light"] .progress-bar { background: var(--ft-color-primary) !important; } /* 修复标签页 */ [data-bs-theme="light"] .nav-tabs { border-bottom: 2px solid var(--ft-border) !important; } [data-bs-theme="light"] .nav-tabs .nav-link { color: var(--ft-color-text-sub) !important; border: 1px solid transparent !important; } [data-bs-theme="light"] .nav-tabs .nav-link:hover { color: var(--ft-color-primary) !important; border-color: var(--ft-border) !important; } [data-bs-theme="light"] .nav-tabs .nav-link.active { color: var(--ft-color-primary) !important; background: var(--ft-bg-surface) !important; border-color: var(--ft-border) var(--ft-border) var(--ft-bg-surface) !important; } /* 修复工具提示 */ [data-bs-theme="light"] .tooltip-inner { background: var(--ft-color-text-main) !important; color: #FFFFFF !important; } /* 修复弹出框 */ [data-bs-theme="light"] .popover { background: var(--ft-bg-surface) !important; border: 1px solid var(--ft-border) !important; } [data-bs-theme="light"] .popover-header { background: #F8FAFC !important; border-bottom: 1px solid var(--ft-border) !important; color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .popover-body { color: var(--ft-color-text-main) !important; } /* 修复折叠面板 */ [data-bs-theme="light"] .accordion-button { background: var(--ft-bg-surface) !important; color: var(--ft-color-text-main) !important; } [data-bs-theme="light"] .accordion-button:not(.collapsed) { background: #F8FAFC !important; color: var(--ft-color-primary) !important; } [data-bs-theme="light"] .accordion-item { border: 1px solid var(--ft-border) !important; background: var(--ft-bg-surface) !important; } /* 修复所有 style 属性中的深色背景 */ [data-bs-theme="light"] [style*="background: #171635"], [data-bs-theme="light"] [style*="background: #00225D"], [data-bs-theme="light"] [style*="background: #0a0e14"], [data-bs-theme="light"] [style*="background: #1a1f2e"], [data-bs-theme="light"] [style*="background-color: #171635"], [data-bs-theme="light"] [style*="background-color: #00225D"], [data-bs-theme="light"] [style*="background-color: #0a0e14"], [data-bs-theme="light"] [style*="background-color: #1a1f2e"] { background: var(--ft-bg-surface) !important; } /* 修复强制白色边框 */ [data-bs-theme="light"] [style*="border-color: white"], [data-bs-theme="light"] [style*="border-color: #fff"], [data-bs-theme="light"] [style*="border-color: #ffffff"] { border-color: var(--ft-border) !important; } /* ========================================================================== 超强力覆盖 - 修复所有顽固的深色背景和表单 ========================================================================== */ /* 强制覆盖所有深色背景 - 使用更高优先级 */ [data-bs-theme="light"] * { /* 移除深色背景图 */ } [data-bs-theme="light"] *[style*="background: rgba(23, 22, 53"], [data-bs-theme="light"] *[style*="background: rgba(0, 34, 93"], [data-bs-theme="light"] *[style*="background-color: rgba(23, 22, 53"], [data-bs-theme="light"] *[style*="background-color: rgba(0, 34, 93"] { background: var(--ft-bg-surface) !important; background-color: var(--ft-bg-surface) !important; } /* 强制覆盖所有带渐变的深色背景 */ [data-bs-theme="light"] *[style*="linear-gradient"][style*="#171635"], [data-bs-theme="light"] *[style*="linear-gradient"][style*="#00225D"] { background: var(--ft-bg-surface) !important; background-image: none !important; } /* 强制覆盖所有表单的深色背景 */ [data-bs-theme="light"] form, [data-bs-theme="light"] form *, [data-bs-theme="light"] .form-group, [data-bs-theme="light"] .form-group *, [data-bs-theme="light"] fieldset, [data-bs-theme="light"] fieldset * { background-color: transparent !important; } [data-bs-theme="light"] form input, [data-bs-theme="light"] form select, [data-bs-theme="light"] form textarea, [data-bs-theme="light"] .form-control, [data-bs-theme="light"] .form-select, [data-bs-theme="light"] input[type="text"], [data-bs-theme="light"] input[type="email"], [data-bs-theme="light"] input[type="password"], [data-bs-theme="light"] input[type="number"], [data-bs-theme="light"] input[type="tel"], [data-bs-theme="light"] select, [data-bs-theme="light"] textarea { background: var(--ft-bg-input) !important; background-color: var(--ft-bg-input) !important; color: var(--ft-color-text-main) !important; border: 1px solid var(--ft-border) !important; } /* 强制覆盖所有填充区域 */ [data-bs-theme="light"] .padding, [data-bs-theme="light"] .padded, [data-bs-theme="light"] [class*="padding"], [data-bs-theme="light"] [class*="bg-"] { background-color: var(--ft-bg-surface) !important; } /* 强制覆盖所有可能是深色的div */ [data-bs-theme="light"] div[style*="background: #"], [data-bs-theme="light"] div[style*="background-color: #"], [data-bs-theme="light"] section[style*="background: #"], [data-bs-theme="light"] section[style*="background-color: #"], [data-bs-theme="light"] article[style*="background: #"], [data-bs-theme="light"] article[style*="background-color: #"] { background-color: var(--ft-bg-surface) !important; } /* 超强力文本颜色覆盖 */ [data-bs-theme="light"] *[style*="color: #fff"], [data-bs-theme="light"] *[style*="color: #ffffff"], [data-bs-theme="light"] *[style*="color: white"], [data-bs-theme="light"] *[style*="color:white"], [data-bs-theme="light"] *[style*="color:#fff"], [data-bs-theme="light"] *[style*="color:#ffffff"] { color: var(--ft-color-text-main) !important; } /* 修复所有深色容器 */ [data-bs-theme="light"] .container[style*="background"], [data-bs-theme="light"] .container-fluid[style*="background"], [data-bs-theme="light"] .wrapper[style*="background"], [data-bs-theme="light"] .content[style*="background"], [data-bs-theme="light"] .main[style*="background"] { background: transparent !important; background-color: transparent !important; } /* 强制所有卡片和面板为白色 */ [data-bs-theme="light"] [class*="card"], [data-bs-theme="light"] [class*="panel"], [data-bs-theme="light"] [class*="box"] { background: var(--ft-bg-surface) !important; background-color: var(--ft-bg-surface) !important; } /* 修复login-box和类似元素 */ [data-bs-theme="light"] [class*="login"]:not(.login-container), [data-bs-theme="light"] [class*="form-container"], [data-bs-theme="light"] [class*="form-wrapper"] { background: var(--ft-bg-glass) !important; background-color: var(--ft-bg-glass) !important; } /* 确保 login-container 透明 */ [data-bs-theme="light"] .login-container { background: transparent !important; background-color: transparent !important; } /* 强制修复backdrop-filter的容器 */ [data-bs-theme="light"] [style*="backdrop-filter"] { background: var(--ft-bg-glass) !important; } /* 修复所有内联样式的深色 */ [data-bs-theme="light"] [style*="background: rgba(0,0,0"], [data-bs-theme="light"] [style*="background: rgba(0, 0, 0"], [data-bs-theme="light"] [style*="background-color: rgba(0,0,0"], [data-bs-theme="light"] [style*="background-color: rgba(0, 0, 0"] { background: var(--ft-bg-surface) !important; background-color: var(--ft-bg-surface) !important; } /* 修复所有按钮内联样式 */ [data-bs-theme="light"] button[style*="background"], [data-bs-theme="light"] .btn[style*="background"], [data-bs-theme="light"] a.btn[style*="background"], [data-bs-theme="light"] input[type="submit"][style*="background"], [data-bs-theme="light"] input[type="button"][style*="background"] { background: var(--ft-color-primary) !important; color: #FFFFFF !important; } /* 确保表单标签可见 */ [data-bs-theme="light"] label, [data-bs-theme="light"] .form-label, [data-bs-theme="light"] legend { color: var(--ft-color-text-main) !important; } /* 修复表单占位符 */ [data-bs-theme="light"] ::placeholder { color: #94A3B8 !important; opacity: 1 !important; } [data-bs-theme="light"] :-ms-input-placeholder { color: #94A3B8 !important; } [data-bs-theme="light"] ::-ms-input-placeholder { color: #94A3B8 !important; } /* 修复禁用状态 */ [data-bs-theme="light"] input:disabled, [data-bs-theme="light"] select:disabled, [data-bs-theme="light"] textarea:disabled, [data-bs-theme="light"] button:disabled { background: #F1F5F9 !important; color: #94A3B8 !important; opacity: 0.6 !important; } /* 修复只读状态 */ [data-bs-theme="light"] input[readonly], [data-bs-theme="light"] select[readonly], [data-bs-theme="light"] textarea[readonly] { background: #F8FAFC !important; color: var(--ft-color-text-main) !important; } /* 超强力覆盖 - 针对页面容器 */ [data-bs-theme="light"] .page, [data-bs-theme="light"] .page-wrapper, [data-bs-theme="light"] .page-body { background: transparent !important; } /* 超强力覆盖 - 针对tabler框架 */ [data-bs-theme="light"] .card-body[style*="background"], [data-bs-theme="light"] .card-header[style*="background"], [data-bs-theme="light"] .card-footer[style*="background"] { background: var(--ft-bg-surface) !important; } /* 修复所有可能的深色文本 */ [data-bs-theme="light"] h1[style*="color"], [data-bs-theme="light"] h2[style*="color"], [data-bs-theme="light"] h3[style*="color"], [data-bs-theme="light"] h4[style*="color"], [data-bs-theme="light"] h5[style*="color"], [data-bs-theme="light"] h6[style*="color"], [data-bs-theme="light"] p[style*="color"], [data-bs-theme="light"] span[style*="color"], [data-bs-theme="light"] div[style*="color"] { color: inherit !important; } /* 但保持链接和按钮的特殊颜色 */ [data-bs-theme="light"] a:not(.btn) { color: var(--ft-color-primary) !important; } [data-bs-theme="light"] a:not(.btn):hover { color: var(--ft-color-primary-hover) !important; } /* 确保所有内容区域是浅色 */ [data-bs-theme="light"] main, [data-bs-theme="light"] section, [data-bs-theme="light"] article, [data-bs-theme="light"] aside { background: transparent !important; color: var(--ft-color-text-main) !important; } /* ========================================================================== 终极修复 - 覆盖页面内联