/**
 * light-mode.css — 审小匠浅色主题全局适配
 * ===========================================
 * 策略：`[data-theme="light"]` 高优先级选择器批量覆盖
 *       Tailwind 硬编码深色工具类（text-white/gray, bg-zinc/gray,
 *       border-white/* 等），无需修改任何 HTML 文件。
 *
 * 品牌色：蓝色 #3B82F6 (blue-500) + 紫色 #8B5CF6 (purple-500)
 * 依赖：theme.css（CSS 变量已定义浅色值）
 * 版本：1.0.0 — 2026-05-27
 */

/* =====================================================
   0. 全局过渡（切换时平滑）
   ===================================================== */
[data-theme="light"] *,
[data-theme="light"] *::before,
[data-theme="light"] *::after {
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

/* =====================================================
   1. 根元素 / body
   ===================================================== */
[data-theme="light"] {
    color-scheme: light;
    background-color: #F4F6F9;
    color: #1a1a1a;
}

[data-theme="light"] body {
    background-color: #F4F6F9;
    color: #1a1a1a;
}

/* =====================================================
   2. 文字颜色覆盖（Tailwind text-* 类）
   ===================================================== */

/* 白色 / 极浅灰 → 深色文字 */
[data-theme="light"] .text-white {
    color: #1a1a1a !important;
}

[data-theme="light"] .text-gray-50 {
    color: #2d2d2d !important;
}

[data-theme="light"] .text-gray-100 {
    color: #2d2d2d !important;
}

[data-theme="light"] .text-gray-200 {
    color: #3d3d3d !important;
}

[data-theme="light"] .text-gray-300 {
    color: #3d3d3d !important;
}

[data-theme="light"] .text-gray-400 {
    color: #6b6b6b !important;
}

[data-theme="light"] .text-gray-500 {
    color: #8e8e8e !important;
}

/* 600+ 已足够深，不覆盖 */

/* ── 白字豁免：饱和色按钮/徽章上需要保留白字，加 .keep-white 类 ──
 * 用法: <button class="bg-blue-600 text-white keep-white">...</button>
 */
[data-theme="light"] .keep-white,
[data-theme="light"] .keep-white * {
    color: #ffffff !important;
}

/* bot 头像下的品牌名 */
[data-theme="light"] .bot-name {
    color: #374151 !important;
}

/* 分享结果按钮 */
[data-theme="light"] .share-result-btn {
    background-color: #f9fafb !important;
    color: #374151 !important;
    border: 1.5px solid #d1d5db !important;
    box-shadow: none !important;
}

[data-theme="light"] .share-result-btn:hover {
    background-color: #f3f4f6 !important;
    color: #111827 !important;
}

/* 用户消息气泡（深色下是 accent-blue/20）*/
[data-theme="light"] .bg-accent-blue\/20 {
    background-color: #f0f2f5 !important;
    color: #1a1a1a !important;
}

/* zinc 系列 */
[data-theme="light"] .text-zinc-100 {
    color: #2d2d2d !important;
}

[data-theme="light"] .text-zinc-200 {
    color: #3d3d3d !important;
}

[data-theme="light"] .text-zinc-300 {
    color: #3d3d3d !important;
}

[data-theme="light"] .text-zinc-400 {
    color: #6b6b6b !important;
}

/* slate 系列（侧边栏常用）*/
[data-theme="light"] .text-slate-100 {
    color: #2d2d2d !important;
}

[data-theme="light"] .text-slate-200 {
    color: #3d3d3d !important;
}

[data-theme="light"] .text-slate-300 {
    color: #3d3d3d !important;
}

[data-theme="light"] .text-slate-400 {
    color: #6b6b6b !important;
}

/* =====================================================
   3. 背景色覆盖
   ===================================================== */

/* bg-bg-dark / bg-bg-chat / bg-bg-card (custom vars) */
[data-theme="light"] .bg-bg-dark {
    background-color: #F4F6F9 !important;
}

[data-theme="light"] .bg-bg-chat {
    background-color: #F4F6F9 !important;
}

[data-theme="light"] .bg-bg-card {
    background-color: #ffffff !important;
}

/* 黑色系 */
[data-theme="light"] .bg-black {
    background-color: #f0f2f5 !important;
}

[data-theme="light"] .bg-black\/50 {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .bg-black\/60 {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/* zinc 系列 */
[data-theme="light"] .bg-zinc-900 {
    background-color: #f0f2f5 !important;
}

[data-theme="light"] .bg-zinc-800 {
    background-color: #e8eaed !important;
}

[data-theme="light"] .bg-zinc-700 {
    background-color: #dde0e5 !important;
}

[data-theme="light"] .bg-zinc-600 {
    background-color: #cdd1d8 !important;
}

/* gray 系列 */
[data-theme="light"] .bg-gray-900 {
    background-color: #f0f2f5 !important;
}

[data-theme="light"] .bg-gray-800 {
    background-color: #e8eaed !important;
}

[data-theme="light"] .bg-gray-700 {
    background-color: #dde0e5 !important;
}

/* slate 系列 */
[data-theme="light"] .bg-slate-900 {
    background-color: #f0f2f5 !important;
}

[data-theme="light"] .bg-slate-800 {
    background-color: #e8eaed !important;
}

[data-theme="light"] .bg-slate-700 {
    background-color: #dde0e5 !important;
}

/* 白色透明度（深色下是亮面 → 浅色下用浅遮罩）*/
[data-theme="light"] .bg-white\/5 {
    background-color: #FFFFFF !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #E6EDF5;
    border-radius: 1rem;
}

[data-theme="light"] .bg-white\/10 {
    background-color: #e5e7eb !important;
}

[data-theme="light"] .bg-white\/15 {
    background-color: rgba(0, 0, 0, 0.07) !important;
}

[data-theme="light"] .bg-white\/20 {
    background-color: rgba(0, 0, 0, 0.09) !important;
}

[data-theme="light"] .bg-white\/25 {
    background-color: rgba(0, 0, 0, 0.11) !important;
}

/* 深色透明度（深色下是遮罩 → 浅色下加深）*/
[data-theme="light"] .bg-black\/5 {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .bg-black\/10 {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .bg-black\/20 {
    background-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .bg-black\/30 {
    background-color: rgba(0, 0, 0, 0.10) !important;
}

/* =====================================================
   4. 边框覆盖
   ===================================================== */
[data-theme="light"] .border-white\/5 {
    border-color: rgba(0, 0, 0, 0.07) !important;
}

[data-theme="light"] .border-white\/10 {
    border-color: rgba(0, 0, 0, 0.10) !important;
}

[data-theme="light"] .border-white\/20 {
    border-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .border-white\/30 {
    border-color: rgba(0, 0, 0, 0.20) !important;
}

[data-theme="light"] .border-white\/40 {
    border-color: rgba(0, 0, 0, 0.25) !important;
}

[data-theme="light"] .border-white\/50 {
    border-color: rgba(0, 0, 0, 0.30) !important;
}

[data-theme="light"] .border-gray-700 {
    border-color: #d1d5db !important;
}

[data-theme="light"] .border-gray-800 {
    border-color: #e5e7eb !important;
}

[data-theme="light"] .border-zinc-700 {
    border-color: #d1d5db !important;
}

[data-theme="light"] .border-zinc-800 {
    border-color: #e5e7eb !important;
}

/* =====================================================
   5. Hover 覆盖
   ===================================================== */
[data-theme="light"] .hover\:bg-white\/5:hover {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .hover\:bg-white\/10:hover {
    background-color: rgba(0, 0, 0, 0.07) !important;
}

[data-theme="light"] .hover\:text-white:hover {
    color: #111 !important;
}

[data-theme="light"] .hover\:text-gray-300:hover {
    color: #3d3d3d !important;
}

[data-theme="light"] .hover\:border-white\/40:hover {
    border-color: rgba(0, 0, 0, 0.25) !important;
}

[data-theme="light"] .hover\:border-white\/50:hover {
    border-color: rgba(0, 0, 0, 0.30) !important;
}

/* =====================================================
   6. backdrop-blur 透明度覆盖（NavBar / Sidebar）
   ===================================================== */
[data-theme="light"] .bg-bg-dark\/95 {
    background-color: rgba(244, 246, 249, 0.95) !important;
}

[data-theme="light"] .bg-black\/30 {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

/* =====================================================
   7. 顶部导航栏
   ===================================================== */
[data-theme="light"] #top-navbar {
    background-color: rgba(244, 246, 249, 0.95) !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
}

/* 官网 Landing Page 导航栏 */
[data-theme="light"] #header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-bottom-color: #E2E8F0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

/* 登录/注册按钮 */
[data-theme="light"] #nav-login-btn {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

[data-theme="light"] #nav-login-btn:hover {
    background-color: #333 !important;
}

[data-theme="light"] #nav-register-btn {
    color: #1a1a1a !important;
    border-color: rgba(0, 0, 0, 0.30) !important;
}

[data-theme="light"] #nav-register-btn:hover {
    border-color: rgba(0, 0, 0, 0.50) !important;
}

/* =====================================================
   8. 左侧边栏（chat 工作台）
   ===================================================== */
[data-theme="light"] #left-sidebar,
[data-theme="light"] #sidebar,
[data-theme="light"] .sidebar-panel {
    background-color: #FFFFFF !important;
    border-right-color: #E2E8F0 !important;
}

[data-theme="light"] #left-sidebar .text-gray-400 {
    color: #4b5563 !important;
}

[data-theme="light"] #left-sidebar .text-gray-500 {
    color: #6b7280 !important;
}

/* 历史会话项 hover */
[data-theme="light"] .history-item:hover,
[data-theme="light"] .sidebar-item:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .history-item.active,
[data-theme="light"] .sidebar-item.active {
    background-color: rgba(59, 130, 246, 0.10) !important;
}

/* 侧边栏 logo 区 */
[data-theme="light"] #sidebar-logo-area {
    border-bottom-color: #E2E8F0 !important;
}

/* =====================================================
   9. 聊天主区域
   ===================================================== */
[data-theme="light"] #chat-messages,
[data-theme="light"] #chat-main,
[data-theme="light"] .chat-main-area {
    background-color: #F4F6F9 !important;
}

/* 用户消息气泡 */
[data-theme="light"] .user-message-bubble,
[data-theme="light"] .message-user .message-content {
    background-color: #3B82F6 !important;
    color: #ffffff !important;
}

/* AI 消息气泡 */
[data-theme="light"] .ai-message-bubble,
[data-theme="light"] .message-assistant .message-content {
    background-color: #f0f2f5 !important;
    color: #1a1a1a !important;
}

/* thinking 气泡 */
[data-theme="light"] .thinking-bubble {
    background: linear-gradient(90deg,
            rgba(0, 0, 0, 0.02) 0%,
            rgba(245, 158, 11, 0.06) 40%,
            rgba(59, 130, 246, 0.06) 60%,
            rgba(0, 0, 0, 0.02) 100%) !important;
}

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

[data-theme="light"] .thinking-timer:hover {
    color: rgba(0, 0, 0, 0.65) !important;
}

/* =====================================================
   10. 输入区（Chat Input）
   ===================================================== */
[data-theme="light"] #chat-input-area,
[data-theme="light"] .chat-input-wrapper,
[data-theme="light"] #chat-input-container {
    background-color: #F4F6F9 !important;
    border-top-color: transparent !important;
    box-shadow: none !important;
}

/* 输入框本体 */
[data-theme="light"] #chat-input,
[data-theme="light"] textarea#chat-input {
    background-color: transparent !important;
    color: #1a1a1a !important;
    border-color: transparent !important;
}

[data-theme="light"] #chat-input::placeholder {
    color: #9CA3AF !important;
    opacity: 1 !important;
}

/* 输入框外壳 */
[data-theme="light"] #input-box-wrapper {
    border-color: #E2E8F0 !important;
    background-color: #F9FAFB !important;
    overflow: hidden !important;
}

[data-theme="light"] #input-box-wrapper:focus-within {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12) !important;
    background-color: #FFFFFF !important;
}

/* 发送按钮 */
[data-theme="light"] #send-btn,
[data-theme="light"] .send-btn {
    background-color: #3B82F6 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.25) !important;
}

/* 服务模式切换按钮 */
[data-theme="light"] .svc-mode-btn {
    color: #4B5563 !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    background-color: transparent !important;
}

[data-theme="light"] .svc-mode-btn:hover:not(.disabled) {
    background-color: rgba(59, 130, 246, 0.06) !important;
    color: #2563EB !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

[data-theme="light"] .svc-mode-btn.active,
[data-theme="light"] .svc-mode-btn[data-active="true"] {
    background-color: #3B82F6 !important;
    color: #FFFFFF !important;
    border-color: #3B82F6 !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}

/* =====================================================
   11. 卡片组件（功能卡片 / 结果卡片）
   ===================================================== */
[data-theme="light"] .card,
[data-theme="light"] .result-card,
[data-theme="light"] .task-card,
[data-theme="light"] .feature-card {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #1a1a1a !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

/* 硬编码深色卡片 bg-[#...] 类型 */
[data-theme="light"] [class*="bg-\[#0f"],
[data-theme="light"] [class*="bg-\[#1a"],
[data-theme="light"] [class*="bg-\[#1e"],
[data-theme="light"] [class*="bg-\[#171"] {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
}

/* 通知面板 */
[data-theme="light"] #notification-panel {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
}

[data-theme="light"] #notification-panel h3 {
    color: #1a1a1a !important;
}

[data-theme="light"] #notification-list {
    border-color: rgba(0, 0, 0, 0.07) !important;
}

/* =====================================================
   12. 模态框 / 弹窗
   ===================================================== */
[data-theme="light"] .modal-box,
[data-theme="light"] .qr-modal-box,
[data-theme="light"] [class*="modal"]>div {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
}

/* =====================================================
   13. 官网 Landing Page 专项
   ===================================================== */

/* Hero 区背景 */
[data-theme="light"] section.hero,
[data-theme="light"] #hero,
[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, #EFF6FF 0%, #F4F6F9 50%, #F5F3FF 100%) !important;
}

/* 大块深色 section */
[data-theme="light"] section[class*="bg-black"],
[data-theme="light"] section[class*="bg-zinc-9"],
[data-theme="light"] section[class*="bg-gray-9"] {
    background-color: #f5f7fa !important;
    color: #1a1a1a !important;
}

/* 定价卡片 */
[data-theme="light"] .pricing-card,
[data-theme="light"] [class*="pricing"] .rounded {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
}

/* 待开发徽章：浅色模式改为青绿色（原 #EAB308 黄色在白底对比不足 WCAG AA不达标） */
[data-theme="light"] .bv8-coming-soon {
    background: rgba(20, 184, 166, 0.12) !important;
    color: #0f766e !important;
    border-color: rgba(20, 184, 166, 0.30) !important;
}

/* 官网统计数字卡片 */
[data-theme="light"] .stat-card,
[data-theme="light"] [class*="stats"] .rounded {
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* 官网功能卡片 */
[data-theme="light"] .feature-card-wrapper,
[data-theme="light"] .capability-card {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* =====================================================
   14. 滚动条（浅色适配）
   ===================================================== */
[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f0f2f5;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #c8ccd2;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #a0a5ad;
}

/* =====================================================
   15. 主题切换按钮（导航栏）
   ===================================================== */
#theme-switcher-btn {
    display: inline-flex !important;
}

[data-theme="light"] #theme-switcher-btn {
    background-color: rgba(0, 0, 0, 0.06) !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: #555 !important;
}

[data-theme="light"] #theme-switcher-btn:hover {
    background-color: rgba(0, 0, 0, 0.10) !important;
    color: #1a1a1a !important;
}

[data-theme="light"] #theme-toggle-btn {
    color: #4b5563 !important;
}

[data-theme="light"] #theme-toggle-btn:hover {
    background-color: rgba(0, 0, 0, 0.06) !important;
    color: #111827 !important;
}

/* =====================================================
   16. 侧边悬浮栏（官网 site-sidebar）
   ===================================================== */
[data-theme="light"] .site-sidebar .sidebar-item {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    color: #555 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .site-sidebar .sidebar-item:hover {
    background-color: #EFF6FF !important;
    color: #2563EB !important;
}

[data-theme="light"] .sidebar-popover {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .sidebar-popover-text {
    color: #1a1a1a !important;
}

/* =====================================================
   17. 进度 / 步骤组件
   ===================================================== */
[data-theme="light"] .progress-step,
[data-theme="light"] .step-item {
    background-color: #f0f2f5 !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #1a1a1a !important;
}

/* =====================================================
   18. 表格 / 代码块
   ===================================================== */
[data-theme="light"] table th {
    background-color: #f0f2f5 !important;
    color: #1a1a1a !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
}

[data-theme="light"] table td {
    border-color: rgba(0, 0, 0, 0.07) !important;
    color: #333 !important;
}

[data-theme="light"] table tr:hover {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] pre,
[data-theme="light"] code {
    background-color: #f0f2f5 !important;
    color: #1a1a1a !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* =====================================================
   19. glass 效果在浅色下的替换
   ===================================================== */
[data-theme="light"] .glass {
    background: rgba(255, 255, 255, 0.75) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* =====================================================
   20. 浏览器兼容提示横幅
   ===================================================== */
[data-theme="light"] #browser-compat-banner {
    background: linear-gradient(90deg, #dbeafe, #eff6ff) !important;
    color: #1e3a5f !important;
    border-bottom-color: rgba(59, 130, 246, 0.20) !important;
}

/* =====================================================
   21. Logo 下拉菜单
   ===================================================== */
[data-theme="light"] #logo-dropdown-menu {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* =====================================================
   22. divide / ring
   ===================================================== */
[data-theme="light"] .divide-white\/5>*+* {
    border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .divide-white\/10>*+* {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .ring-white\/10 {
    --tw-ring-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .ring-white\/20 {
    --tw-ring-color: rgba(0, 0, 0, 0.12) !important;
}

/* =====================================================
   23. 进度卡 / 结果卡 — 深色渐变背景深度适配
   ===================================================== */

/* 聊天区内 from-gray-8xx 渐变卡片 → 白色卡片 */
[data-theme="light"] #messages-container [class*="from-gray-8"] {
    background-image: none !important;
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] #messages-container [class*="from-gray-8"] .text-white,
[data-theme="light"] #messages-container [class*="from-gray-8"] h3 {
    color: #1a1a1a !important;
}

[data-theme="light"] #messages-container [class*="from-gray-8"] .text-gray-300 {
    color: #374151 !important;
}

[data-theme="light"] #messages-container [class*="from-gray-8"] .text-gray-400 {
    color: #4b5563 !important;
}

[data-theme="light"] #messages-container [class*="from-gray-8"] .text-gray-500 {
    color: #6b7280 !important;
}

[data-theme="light"] #messages-container [class*="from-gray-8"] [class*="border-white\/10"] {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* 上传卡（from-white/10 渐变 → 白色卡片）*/
[data-theme="light"] #messages-container [class*="from-white\/10"],
[data-theme="light"] #messages-container [class*="from-white\/8"] {
    background-image: none !important;
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] #messages-container [class*="from-white\/10"] .text-white,
[data-theme="light"] #messages-container [class*="from-white\/8"] .text-white {
    color: #1a1a1a !important;
}

[data-theme="light"] #messages-container [class*="from-white\/10"] label,
[data-theme="light"] #messages-container [class*="from-white\/8"] label {
    color: #374151 !important;
}

/* 警告结果卡 */
[data-theme="light"] #messages-container [class*="from-yellow-900"] {
    background-image: none !important;
    background-color: #fffbeb !important;
    border-color: rgba(234, 179, 8, 0.25) !important;
}

[data-theme="light"] #messages-container [class*="from-yellow-900"] .text-white,
[data-theme="light"] #messages-container [class*="from-yellow-900"] h3 {
    color: #78350f !important;
}

/* bg-zinc-800 透明度变体 */
[data-theme="light"] .bg-zinc-800\/60 {
    background-color: #f3f4f6 !important;
}

[data-theme="light"] .bg-zinc-800\/50 {
    background-color: #f5f5f5 !important;
}

[data-theme="light"] .bg-zinc-800\/40 {
    background-color: #f7f7f7 !important;
}

[data-theme="light"] .bg-zinc-800\/80 {
    background-color: #f0f1f3 !important;
}

/* 步骤圆圈 pending 状态（bg-gray-600）*/
[data-theme="light"] .bg-gray-600 {
    background-color: #e5e7eb !important;
    color: #6b7280 !important;
}

/* 颜色文字修正 */
[data-theme="light"] .text-green-400 {
    color: #059669 !important;
}

[data-theme="light"] .text-green-500 {
    color: #16a34a !important;
}

[data-theme="light"] .text-yellow-400 {
    color: #d97706 !important;
}

[data-theme="light"] .text-red-400 {
    color: #dc2626 !important;
}

[data-theme="light"] .text-sky-400 {
    color: #0369a1 !important;
}

/* -300 浅色变体（深色背景下可见，浅色背景下太淡） */
[data-theme="light"] .text-sky-300 {
    color: #0369a1 !important;
}

[data-theme="light"] .text-sky-500 {
    color: #0284c7 !important;
}

/* -200 系列（深色专属，浅色模式必须加深） */
[data-theme="light"] .text-indigo-200 {
    color: #3730a3 !important;
}

[data-theme="light"] .text-purple-200 {
    color: #6d28d9 !important;
}

[data-theme="light"] .text-emerald-200 {
    color: #047857 !important;
}

[data-theme="light"] .text-emerald-300 {
    color: #047857 !important;
}

[data-theme="light"] .text-emerald-500 {
    color: #059669 !important;
}

/* text-xxx-300/200 系：在深色背景下可见，浅色背景下太淡，统一加深 */
[data-theme="light"] .text-green-300 {
    color: #15803d !important;
}

[data-theme="light"] .text-green-200 {
    color: #166534 !important;
}

[data-theme="light"] .text-amber-300 {
    color: #b45309 !important;
}

/* text-amber-300/90 opacity variant — Tailwind 生成独立 class，上方规则无法覆盖 */
[data-theme="light"] .text-amber-300\/90 {
    color: #b45309 !important;
}

[data-theme="light"] .text-amber-200 {
    color: #b45309 !important;
}

[data-theme="light"] .text-violet-300 {
    color: #5b21b6 !important;
}

[data-theme="light"] .text-violet-200 {
    color: #5b21b6 !important;
}

[data-theme="light"] .text-orange-300 {
    color: #c2410c !important;
}

[data-theme="light"] .text-orange-200 {
    color: #c2410c !important;
}

[data-theme="light"] .text-yellow-300 {
    color: #a16207 !important;
}

[data-theme="light"] .text-yellow-200 {
    color: #a16207 !important;
}

[data-theme="light"] .text-blue-300 {
    color: #1d4ed8 !important;
}

[data-theme="light"] .text-indigo-300 {
    color: #3730a3 !important;
}

[data-theme="light"] .text-rose-300 {
    color: #be123c !important;
}

[data-theme="light"] .text-pink-300 {
    color: #be185d !important;
}

[data-theme="light"] .text-teal-400 {
    color: #0d9488 !important;
}

[data-theme="light"] .text-cyan-400 {
    color: #0891b2 !important;
}

[data-theme="light"] .text-indigo-400 {
    color: #4338ca !important;
}

[data-theme="light"] .text-purple-400 {
    color: #7c3aed !important;
}

[data-theme="light"] .text-violet-400 {
    color: #7c3aed !important;
}

[data-theme="light"] .text-emerald-400 {
    color: #059669 !important;
}

[data-theme="light"] .text-amber-400 {
    color: #d97706 !important;
}

[data-theme="light"] .text-rose-400 {
    color: #e11d48 !important;
}

[data-theme="light"] .text-orange-400 {
    color: #ea580c !important;
}

[data-theme="light"] .text-pink-400 {
    color: #db2777 !important;
}

[data-theme="light"] .text-blue-400 {
    color: #2563EB !important;
}

/* 半透明白色文字 */
[data-theme="light"] .text-white\/15 {
    color: rgba(0, 0, 0, 0.18) !important;
}

[data-theme="light"] .text-white\/20 {
    color: rgba(0, 0, 0, 0.22) !important;
}

[data-theme="light"] .text-white\/25 {
    color: rgba(0, 0, 0, 0.28) !important;
}

/* =====================================================
   24. 欢迎屏（Welcome Screen）
   ===================================================== */

/* 大标题 "你好，我是审小匠" */
[data-theme="light"] #welcome-screen h1 {
    color: #111827 !important;
}

[data-theme="light"] #welcome-screen h1 .text-white\/80 {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
}

[data-theme="light"] #welcome-screen h1 .text-gradient {
    background: linear-gradient(135deg, #3B82F6, #06B6D4) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* 副标题 */
[data-theme="light"] #welcome-screen #welcome-mode-desc {
    color: #1f2937 !important;
}

[data-theme="light"] #welcome-screen #welcome-mode-desc .text-blue-400 {
    color: #1d4ed8 !important;
}

/* 欢迎屏底部提示小字 */
[data-theme="light"] #welcome-screen .text-xs.text-gray-300 {
    color: #6B7280 !important;
}

/* 氛围光背景 */
[data-theme="light"] .ambient-glow-1 {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.06) 0%, transparent 70%) !important;
    opacity: 0.5 !important;
}

[data-theme="light"] .ambient-glow-2 {
    background: radial-gradient(circle, rgba(139, 92, 246, 0.04) 0%, transparent 70%) !important;
    opacity: 0.4 !important;
}

[data-theme="light"] .ambient-glow-3 {
    background: radial-gradient(circle, rgba(6, 182, 212, 0.04) 0%, transparent 70%) !important;
    opacity: 0.3 !important;
}

/* Logo 光晕 */
[data-theme="light"] .logo-glow {
    box-shadow: 0 0 50px rgba(59, 130, 246, 0.12), 0 0 100px rgba(139, 92, 246, 0.06) !important;
}

/* 推荐问题按钮 */
[data-theme="light"] .consult-quick-ask {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    color: #1F2937 !important;
}

[data-theme="light"] .consult-quick-ask:hover {
    background: rgba(59, 130, 246, 0.06) !important;
    border-color: rgba(59, 130, 246, 0.30) !important;
    color: #1D4ED8 !important;
}

/* =====================================================
   25. 聊天区功能卡片（messages-container 内）
   ===================================================== */
[data-theme="light"] #chat-messages .bg-white\/5,
[data-theme="light"] #messages-container .bg-white\/5 {
    background-color: #FFFFFF !important;
    border: 1px solid #E6EDF5 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    border-radius: 1rem;
}

[data-theme="light"] #messages-container .text-white,
[data-theme="light"] #messages-container h3.text-white {
    color: #111827 !important;
}

/* ── 饱和色背景按钮/图标：豁免白字（覆盖上面的全局规则）──
   结果卡片的 emerald/purple/red/gradient 按钮文字必须保持白色 */
[data-theme="light"] #messages-container [class*="bg-emerald-"],
[data-theme="light"] #messages-container [class*="bg-purple-5"],
[data-theme="light"] #messages-container [class*="bg-purple-6"],
[data-theme="light"] #messages-container [class*="bg-violet-4"],
[data-theme="light"] #messages-container [class*="bg-violet-5"],
[data-theme="light"] #messages-container [class*="bg-violet-6"],
[data-theme="light"] #messages-container [class*="bg-red-500"],
[data-theme="light"] #messages-container [class*="bg-red-600"],
[data-theme="light"] #messages-container [class*="bg-green-500"],
[data-theme="light"] #messages-container [class*="from-violet-"],
[data-theme="light"] #messages-container [class*="from-blue-5"],
[data-theme="light"] #messages-container [class*="from-emerald-"],
[data-theme="light"] #messages-container [class*="from-sky-"],
[data-theme="light"] #messages-container [class*="from-teal-"] {
    color: #ffffff !important;
}

/* 以上容器内的子 .text-white（SVG 图标 stroke="currentColor"）*/
[data-theme="light"] #messages-container [class*="bg-purple-5"] .text-white,
[data-theme="light"] #messages-container [class*="bg-purple-6"] .text-white,
[data-theme="light"] #messages-container [class*="bg-violet-4"] .text-white,
[data-theme="light"] #messages-container [class*="bg-violet-5"] .text-white,
[data-theme="light"] #messages-container [class*="bg-violet-6"] .text-white,
[data-theme="light"] #messages-container [class*="bg-red-500"] .text-white,
[data-theme="light"] #messages-container [class*="bg-red-600"] .text-white,
[data-theme="light"] #messages-container [class*="bg-emerald-"] .text-white,
[data-theme="light"] #messages-container [class*="bg-green-500"] .text-white {
    color: #ffffff !important;
}

/* ── 浅透明背景徽章/Tab 豁免：bg-xxx-500/20、/10、/30 是浅色半透明底，
   不应套用白字。以下规则紧跟其后（同优先级，后者覆盖）恢复深色文字。 ── */
[data-theme="light"] #messages-container .bg-emerald-500\/20,
[data-theme="light"] #messages-container .bg-emerald-500\/10,
[data-theme="light"] #messages-container .bg-emerald-500\/30 {
    color: #047857 !important;
    /* emerald-700 */
}

[data-theme="light"] #messages-container .bg-green-500\/20,
[data-theme="light"] #messages-container .bg-green-500\/30,
[data-theme="light"] #messages-container .bg-green-500\/10 {
    color: #15803d !important;
    /* green-700 */
}

[data-theme="light"] #messages-container .bg-red-500\/20,
[data-theme="light"] #messages-container .bg-red-500\/10,
[data-theme="light"] #messages-container .bg-red-500\/30 {
    color: #dc2626 !important;
    /* red-600，错误徽章保留可识别红色 */
}

[data-theme="light"] #messages-container .text-gray-300,
[data-theme="light"] #messages-container .text-gray-400 {
    color: #4B5563 !important;
}

/* =====================================================
   26. 官网 Landing Page — 品牌文字 & Hero Title
   ===================================================== */

/* 导航栏 / 页脚"审小匠"品牌文字 → 与「专业价值」(text-gradient-brand) 同色
   brand-primary #3B82F6 = gradient 起点色，视觉完全一致 */
[data-theme="light"] #header .font-songti.font-bold,
[data-theme="light"] footer .font-songti.font-bold {
    color: #3B82F6 !important;
    -webkit-text-fill-color: #3B82F6 !important;
}

/* hero-title「审小匠」大字标题 → 精确对齐 text-gradient-brand (#3B82F6→#06B6D4) */
[data-theme="light"] .hero-title {
    background: linear-gradient(135deg, #3B82F6, #06B6D4) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

[data-theme="light"] .hero-tag {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #1F2937 !important;
}

[data-theme="light"] .hero-tag:hover {
    background: rgba(59, 130, 246, 0.06) !important;
    border-color: rgba(59, 130, 246, 0.25) !important;
    color: #1D4ED8 !important;
}

[data-theme="light"] .hero-description {
    color: #4b5563 !important;
}

[data-theme="light"] .shadow-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
}

/* =====================================================
   27. Footer
   ===================================================== */
[data-theme="light"] footer {
    background-color: #f8fafc !important;
    border-top-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] footer .text-white,
[data-theme="light"] footer .text-gray-100 {
    color: #111827 !important;
}

[data-theme="light"] footer .text-gray-300 {
    color: #374151 !important;
}

[data-theme="light"] footer .text-gray-400,
[data-theme="light"] footer .text-gray-500,
[data-theme="light"] footer .text-gray-600 {
    color: #6b7280 !important;
}

[data-theme="light"] footer a {
    color: #6b7280 !important;
}

[data-theme="light"] footer a:hover {
    color: #2563EB !important;
}

[data-theme="light"] footer .border-white\/5,
[data-theme="light"] footer .border-t {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* =====================================================
   28. 功能胶囊按钮 — 浅色主题语义化配色
   ===================================================== */

/* 通用渐变胶囊 → 蓝色系 */
[data-theme="light"] [class*="rounded-full"][class*="bg-gradient-to-r"] {
    background-image: none !important;
    background-color: #EFF6FF !important;
    border-color: #BFDBFE !important;
    color: #1D4ED8 !important;
}

[data-theme="light"] [class*="rounded-full"][class*="bg-gradient-to-r"]:hover {
    background-image: none !important;
    background-color: #DBEAFE !important;
    border-color: #93C5FD !important;
    color: #1E40AF !important;
}

/* 琥珀/橙色系 */
[data-theme="light"] [class*="rounded-full"][class*="from-amber"],
[data-theme="light"] [class*="rounded-full"][class*="from-orange"],
[data-theme="light"] [class*="rounded-full"][class*="from-rose"] {
    background-image: none !important;
    background-color: #FFF7E6 !important;
    border-color: #FFD591 !important;
    color: #D46B08 !important;
}

[data-theme="light"] [class*="rounded-full"][class*="from-amber"]:hover,
[data-theme="light"] [class*="rounded-full"][class*="from-orange"]:hover,
[data-theme="light"] [class*="rounded-full"][class*="from-rose"]:hover {
    background-image: none !important;
    background-color: #FFF1CC !important;
    border-color: #FFC069 !important;
    color: #AD4E00 !important;
}

/* 绿色/青色系 */
[data-theme="light"] [class*="rounded-full"][class*="from-emerald"],
[data-theme="light"] [class*="rounded-full"][class*="from-teal"],
[data-theme="light"] [class*="rounded-full"][class*="from-green"] {
    background-image: none !important;
    background-color: #F6FFED !important;
    border-color: #B7EB8F !important;
    color: #389E0D !important;
}

[data-theme="light"] [class*="rounded-full"][class*="from-emerald"]:hover,
[data-theme="light"] [class*="rounded-full"][class*="from-teal"]:hover,
[data-theme="light"] [class*="rounded-full"][class*="from-green"]:hover {
    background-image: none !important;
    background-color: #EAFFDB !important;
    border-color: #95DE64 !important;
    color: #237804 !important;
}

/* 紫色/紫罗兰系 */
[data-theme="light"] [class*="rounded-full"][class*="from-purple"],
[data-theme="light"] [class*="rounded-full"][class*="from-violet"],
[data-theme="light"] [class*="rounded-full"][class*="from-fuchsia"],
[data-theme="light"] [class*="rounded-full"][class*="from-indigo"] {
    background-image: none !important;
    background-color: #F5F3FF !important;
    border-color: #DDD6FE !important;
    color: #5B21B6 !important;
}

[data-theme="light"] [class*="rounded-full"][class*="from-purple"]:hover,
[data-theme="light"] [class*="rounded-full"][class*="from-violet"]:hover,
[data-theme="light"] [class*="rounded-full"][class*="from-fuchsia"]:hover,
[data-theme="light"] [class*="rounded-full"][class*="from-indigo"]:hover {
    background-image: none !important;
    background-color: #EDE9FE !important;
    border-color: #C4B5FD !important;
    color: #4C1D95 !important;
}

/* 天蓝/蓝色系 */
[data-theme="light"] [class*="rounded-full"][class*="from-blue"],
[data-theme="light"] [class*="rounded-full"][class*="from-sky"],
[data-theme="light"] [class*="rounded-full"][class*="from-cyan"] {
    background-image: none !important;
    background-color: #EFF6FF !important;
    border-color: #BFDBFE !important;
    color: #1D4ED8 !important;
}

[data-theme="light"] [class*="rounded-full"][class*="from-blue"]:hover,
[data-theme="light"] [class*="rounded-full"][class*="from-sky"]:hover,
[data-theme="light"] [class*="rounded-full"][class*="from-cyan"]:hover {
    background-image: none !important;
    background-color: #DBEAFE !important;
    border-color: #93C5FD !important;
    color: #1E40AF !important;
}

/* 胶囊内彩色小标签 */
[data-theme="light"] [class*="rounded-full"] .text-amber-400 {
    color: #D46B08 !important;
}

[data-theme="light"] [class*="rounded-full"] .text-emerald-400,
[data-theme="light"] [class*="rounded-full"] .text-green-400 {
    color: #389E0D !important;
}

/* 玻璃质感中性药丸（免费工具，bg-white/8）→ 浅色主题统一为蓝色系 */
[data-theme="light"] [class*="rounded-full"][class*="bg-white/8"] {
    background-color: #EFF6FF !important;
    border-color: #BFDBFE !important;
    color: #1D4ED8 !important;
}

[data-theme="light"] [class*="rounded-full"][class*="bg-white/8"]:hover {
    background-color: #DBEAFE !important;
    border-color: #93C5FD !important;
    color: #1E40AF !important;
}

/* 付费药丸（bg-amber-500/20）→ 浅色主题琥珀渐变·高级感 */
[data-theme="light"] [class*="rounded-full"][class*="bg-amber-500/20"] {
    background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%) !important;
    border-color: #F59E0B !important;
    color: #92400E !important;
    box-shadow: 0 1px 4px rgba(245, 158, 11, 0.20) !important;
}

[data-theme="light"] [class*="rounded-full"][class*="bg-amber-500/20"]:hover {
    background: linear-gradient(135deg, #FDE68A 0%, #FCD34D 100%) !important;
    border-color: #D97706 !important;
    color: #78350F !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.30) !important;
}

/* 付费药丸（bg-blue-500/20，审小匠品牌蓝）→ 浅色主题品牌蓝渐变 */
[data-theme="light"] [class*="rounded-full"][class*="bg-blue-500/20"] {
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%) !important;
    border-color: #3B82F6 !important;
    color: #1D4ED8 !important;
    box-shadow: 0 1px 4px rgba(59, 130, 246, 0.18) !important;
}

[data-theme="light"] [class*="rounded-full"][class*="bg-blue-500/20"]:hover {
    background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%) !important;
    border-color: #2563EB !important;
    color: #1E40AF !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.28) !important;
}

/* 欢迎屏底部小字 */
[data-theme="light"] #welcome-screen .text-xs {
    color: #4B5563 !important;
}

/* =====================================================
   29. membership / wallet / billing 页面专项
   ===================================================== */

/* 计费周期切换（billing-period-toggle / cycle-toggle）*/
[data-theme="light"] .billing-period-toggle,
[data-theme="light"] .cycle-toggle,
[data-theme="light"] #billing-toggle,
[data-theme="light"] #period-toggle {
    background-color: #F3F4F6 !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
}

[data-theme="light"] .billing-period-toggle button.active,
[data-theme="light"] .cycle-toggle button.active,
[data-theme="light"] .billing-period-toggle .active,
[data-theme="light"] .cycle-toggle .active {
    background-color: #3B82F6 !important;
    color: #ffffff !important;
}

/* 套餐卡片 */
[data-theme="light"] .plan-card,
[data-theme="light"] .membership-card {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .plan-card .plan-name,
[data-theme="light"] .plan-card .plan-price {
    color: #111827 !important;
}

[data-theme="light"] .plan-card .plan-desc {
    color: #4B5563 !important;
}

[data-theme="light"] .plan-card .plan-feature-item {
    color: #374151 !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* 推荐徽章（popular badge）— 统一品牌渐变色，覆盖原有 blue→purple 渐变 */
[data-theme="light"] .popular-badge,
[data-theme="light"] [class*="popular"] .badge,
[data-theme="light"] .recommend-badge {
    background: linear-gradient(135deg, #3B82F6, #06B6D4) !important;
    color: #ffffff !important;
}

/* 省 xx% 优惠标签 */
[data-theme="light"] .discount-badge,
[data-theme="light"] .save-badge {
    background-color: #FFF7E6 !important;
    color: #D46B08 !important;
    border-color: #FFD591 !important;
}

/* =====================================================
   30. settings 页面专项
   ===================================================== */

/* 外观主题选择卡片（深色/浅色）*/
[data-theme="light"] .ui-theme-btn {
    background-color: #f9fafb !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    color: #374151 !important;
}

[data-theme="light"] .ui-theme-btn.active,
[data-theme="light"] .ui-theme-btn[data-active="true"] {
    background-color: #EFF6FF !important;
    border-color: #3B82F6 !important;
    color: #1D4ED8 !important;
}

/* settings 各 section 标题 */
[data-theme="light"] .section-title {
    color: #111827 !important;
}

[data-theme="light"] .settings-section-header {
    color: #111827 !important;
}

/* settings 分割线 */
[data-theme="light"] .settings-divider {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* =====================================================
   31. 标签页 / Tabs
   ===================================================== */
[data-theme="light"] .tab-btn,
[data-theme="light"] .nav-tab {
    color: #6B7280 !important;
    border-color: transparent !important;
}

[data-theme="light"] .tab-btn.active,
[data-theme="light"] .nav-tab.active,
[data-theme="light"] .tab-btn[aria-selected="true"] {
    color: #1D4ED8 !important;
    border-color: #3B82F6 !important;
    background-color: rgba(59, 130, 246, 0.06) !important;
}

/* =====================================================
   32. 输入框 / Select / Textarea（表单元素通用）
   ===================================================== */
[data-theme="light"] input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] select,
[data-theme="light"] textarea {
    background-color: #ffffff !important;
    color: #111827 !important;
    border-color: #D1D5DB !important;
}

[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12) !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #9CA3AF !important;
}

/* =====================================================
   33. 下拉菜单（dropdown）
   ===================================================== */
[data-theme="light"] .dropdown-menu,
[data-theme="light"] [class*="dropdown"]>div {
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10) !important;
}

[data-theme="light"] .dropdown-item:hover,
[data-theme="light"] .dropdown-option:hover {
    background-color: #EFF6FF !important;
    color: #1D4ED8 !important;
}

/* =====================================================
   34. 饱和色/渐变背景按钮上的文字保持白色
   问题：light-mode text-white 全局改为 #1a1a1a，
         蓝底/品牌渐变按钮上的文字被改成深色
   解决：针对 .bg-accent-blue / .bg-gradient-brand /
         .bg-blue-5~6xx 等提高优先级覆盖全局规则
   ===================================================== */
[data-theme="light"] a.bg-accent-blue,
[data-theme="light"] button.bg-accent-blue {
    color: #ffffff !important;
}

[data-theme="light"] a.bg-accent-blue *,
[data-theme="light"] button.bg-accent-blue *,
[data-theme="light"] a.bg-accent-blue svg,
[data-theme="light"] button.bg-accent-blue svg {
    color: #ffffff !important;
}

/* bg-gradient-brand（品牌渐变按钮）— 进入工作台 / 领取礼包 / 免费试用·立即注册 */
[data-theme="light"] a.bg-gradient-brand,
[data-theme="light"] button.bg-gradient-brand,
[data-theme="light"] .bg-gradient-brand.text-white {
    color: #ffffff !important;
}

[data-theme="light"] a.bg-gradient-brand *,
[data-theme="light"] button.bg-gradient-brand *,
[data-theme="light"] a.bg-gradient-brand svg,
[data-theme="light"] button.bg-gradient-brand svg {
    color: #ffffff !important;
}

/* bg-blue-500 / bg-blue-600 等饱和蓝 */
[data-theme="light"] a.bg-blue-500,
[data-theme="light"] button.bg-blue-500,
[data-theme="light"] a.bg-blue-600,
[data-theme="light"] button.bg-blue-600 {
    color: #ffffff !important;
}

[data-theme="light"] a.bg-blue-500 *,
[data-theme="light"] button.bg-blue-500 *,
[data-theme="light"] a.bg-blue-600 *,
[data-theme="light"] button.bg-blue-600 * {
    color: #ffffff !important;
}

/* =====================================================
   35. text-*-300 浅色变体补全映射
   问题：深色模式下 text-emerald-300 / text-sky-300 等
         浅色文字在白底上几乎不可见（图2 / 图3 BUG）
   ===================================================== */
[data-theme="light"] .text-gray-300 {
    color: #4B5563 !important;
}

[data-theme="light"] .text-blue-300 {
    color: #1D4ED8 !important;
}

[data-theme="light"] .text-sky-300 {
    color: #0369A1 !important;
}

[data-theme="light"] .text-indigo-300 {
    color: #4338CA !important;
}

[data-theme="light"] .text-violet-300 {
    color: #6D28D9 !important;
}

[data-theme="light"] .text-purple-300 {
    color: #7C3AED !important;
}

[data-theme="light"] .text-fuchsia-300 {
    color: #A21CAF !important;
}

[data-theme="light"] .text-emerald-300 {
    color: #059669 !important;
}

[data-theme="light"] .text-teal-300 {
    color: #0D9488 !important;
}

[data-theme="light"] .text-green-300 {
    color: #16A34A !important;
}

[data-theme="light"] .text-cyan-300 {
    color: #0891B2 !important;
}

[data-theme="light"] .text-lime-300 {
    color: #65A30D !important;
}

[data-theme="light"] .text-amber-300 {
    color: #D97706 !important;
}

[data-theme="light"] .text-orange-300 {
    color: #EA580C !important;
}

[data-theme="light"] .text-yellow-300 {
    color: #CA8A04 !important;
}

[data-theme="light"] .text-rose-300 {
    color: #E11D48 !important;
}

[data-theme="light"] .text-pink-300 {
    color: #DB2777 !important;
}

[data-theme="light"] .text-red-300 {
    color: #DC2626 !important;
}

/* =====================================================
   36. 带透明度的彩色文字修正
   问题：text-amber-400/50 在白底生成 rgb(251 191 36 / 0.5)
         = 非常浅的黄，几乎不可见（图2 feature-card 副标题）
   ===================================================== */
[data-theme="light"] .text-amber-400\/50 {
    color: #B45309 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-amber-400\/60 {
    color: #B45309 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-amber-400\/70 {
    color: #D97706 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-sky-400\/50 {
    color: #0369A1 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-sky-400\/60 {
    color: #0369A1 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-sky-400\/70 {
    color: #0284C7 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-violet-400\/50 {
    color: #5B21B6 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-violet-400\/60 {
    color: #5B21B6 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-emerald-400\/50 {
    color: #047857 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-emerald-400\/60 {
    color: #047857 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-blue-400\/50 {
    color: #1D4ED8 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-teal-400\/50 {
    color: #0F766E !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-rose-400\/50 {
    color: #BE123C !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-orange-400\/50 {
    color: #C2410C !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-indigo-400\/50 {
    color: #3730A3 !important;
    opacity: 1 !important;
}

[data-theme="light"] .text-white\/50 {
    color: rgba(0, 0, 0, 0.45) !important;
}

[data-theme="light"] .text-white\/60 {
    color: rgba(0, 0, 0, 0.55) !important;
}

[data-theme="light"] .text-white\/70 {
    color: rgba(0, 0, 0, 0.65) !important;
}

[data-theme="light"] .text-white\/80 {
    color: rgba(0, 0, 0, 0.78) !important;
}

/* =====================================================
   37. 欢迎屏功能药丸 — 2色简化方案（覆盖 Section 28 多色）
   设计：
     ① 免费工具 → 中性灰白 (和豆包/Claude 一致)
     ② 付费工具 → 浅琥珀暖色调 (让用户感知价值差异)
   规则：#welcome-consult .rounded-full 优先级(1,2,0)
         高于 Section28 的 [attr][class][class](0,3,0)
   ===================================================== */

/* 免费工具药丸：统一中性灰白 */
[data-theme="light"] #welcome-consult .rounded-full {
    background: #F9FAFB !important;
    background-image: none !important;
    border-color: #E5E7EB !important;
    color: #374151 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] #welcome-consult .rounded-full:hover {
    background: #EFF6FF !important;
    background-image: none !important;
    border-color: #93C5FD !important;
    color: #1D4ED8 !important;
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.15) !important;
}

/* 增值服务分割线 amber 文字保持明显 */
[data-theme="light"] #welcome-consult .text-amber-400\/70 {
    color: #B45309 !important;
    opacity: 1 !important;
}

/* 付费工具药丸：继承上方免费区灰白样式，无需重复声明 */
/* 星星标注 — 纯文字彩色，去掉背景/粗体，不抢主体 */

/* 普通版：品牌蓝 */
[data-theme="light"] #welcome-consult #action-review-report span,
[data-theme="light"] #welcome-consult #action-parse-report span {
    background: transparent !important;
    color: #2563EB !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-family: sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* 专业版：青绿 */
[data-theme="light"] #welcome-consult #action-audit-and-tax span,
[data-theme="light"] #welcome-consult #action-consolidation-audit span,
[data-theme="light"] #welcome-consult #action-consolidation-parent-sub span,
[data-theme="light"] #welcome-consult #action-multi-year-audit span {
    background: transparent !important;
    color: #0891B2 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-family: sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* 研发模式药丸：统一灰白，与 #welcome-consult 保持一致 */
[data-theme="light"] #welcome-rd .rounded-full {
    background: #F9FAFB !important;
    background-image: none !important;
    border-color: #E5E7EB !important;
    color: #374151 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] #welcome-rd .rounded-full:hover {
    background: #EFF6FF !important;
    background-image: none !important;
    border-color: #93C5FD !important;
    color: #1D4ED8 !important;
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.15) !important;
}

/* 研发模块 ⭐专业版/尊享版 标注 — rd-tier-lbl 独占类，彻底绕开 .text-amber-400 冲突 */
[data-theme="light"] .rd-tier-lbl {
    color: #0891B2 !important;
    font-weight: 400 !important;
    background: transparent !important;
}

/* 研发模块 ✅免费 标注 */
[data-theme="light"] #welcome-rd .rounded-full .text-emerald-400 {
    background: transparent !important;
    color: #059669 !important;
    font-weight: 400 !important;
}

/* 研发模块 🚧待开发 标注 */
[data-theme="light"] #welcome-rd .rounded-full .text-slate-300 {
    background: transparent !important;
    color: #9CA3AF !important;
    font-weight: 400 !important;
}

/* =====================================================
   38. 工具面板（图4）— tools-chip / tools-cell-v2 浅色修正
   问题：tools-panel.js 注入内联 <style>，使用
         bg-gray-800/40 text-white 等暗色样式，浅色模式下
         需要通过高优先级规则覆盖
   ===================================================== */

/* 分类筛选 chip */
[data-theme="light"] .tools-chip {
    background: #F3F4F6 !important;
    border-color: #D1D5DB !important;
    color: #4B5563 !important;
}

[data-theme="light"] .tools-chip:hover {
    background: #E9ECF0 !important;
    color: #111827 !important;
}

[data-theme="light"] .tools-chip.active {
    background: #EFF6FF !important;
    border-color: rgba(59, 130, 246, 0.5) !important;
    color: #1D4ED8 !important;
}

/* 工具卡片按钮（胶囊样式）*/
[data-theme="light"] .tools-cell-v2 {
    background: #F9FAFB !important;
    border-color: #E5E7EB !important;
    color: #1F2937 !important;
}

[data-theme="light"] .tools-cell-v2:hover {
    background: #EFF6FF !important;
    border-color: #93C5FD !important;
    color: #1D4ED8 !important;
    filter: none !important;
}

/* 工具卡片内的价格文字 */
[data-theme="light"] .tools-cell-v2 .text-gray-400 {
    color: #9CA3AF !important;
}

/* 工具面板搜索框（防止 text-white 变黑后在白底看不到）*/
[data-theme="light"] #tools-search {
    background-color: #F9FAFB !important;
    border-color: #D1D5DB !important;
    color: #1F2937 !important;
}

[data-theme="light"] #tools-search::placeholder {
    color: #9CA3AF !important;
}

/* 工具面板内 "无匹配工具" 提示文字 */
[data-theme="light"] #tools-grid .text-gray-500 {
    color: #6B7280 !important;
}

/* =====================================================
   39. text-*-400 中饱和度变体 → 深化到 700 级，浅色背景可读
   问题：text-emerald-400 (#34d399) 在白底对比度仅 2.9:1，
         在 bg-emerald-500/20 浅绿底上对比度更低 ——
         侧边栏 history badge、工具图标说明文字都看不清
   方案：统一映射到 -700 级（深色饱和版），Tailwind 调色板中
         同色相最深版本，保持辨识度同时确保 WCAG AA 达标
   ===================================================== */
[data-theme="light"] .text-emerald-400 {
    color: #047857 !important;
}

/* emerald-700 */
[data-theme="light"] .text-teal-400 {
    color: #0F766E !important;
}

/* teal-700    */
[data-theme="light"] .text-green-400 {
    color: #15803D !important;
}

/* green-700   */
[data-theme="light"] .text-cyan-400 {
    color: #0E7490 !important;
}

/* cyan-700    */
[data-theme="light"] .text-blue-400 {
    color: #1D4ED8 !important;
}

/* blue-700    */
[data-theme="light"] .text-sky-400 {
    color: #0369A1 !important;
}

/* sky-700     */
[data-theme="light"] .text-indigo-400 {
    color: #4338CA !important;
}

/* indigo-700  */
[data-theme="light"] .text-violet-400 {
    color: #5B21B6 !important;
}

/* violet-700  */
[data-theme="light"] .text-purple-400 {
    color: #7E22CE !important;
}

/* purple-700  */
[data-theme="light"] .text-fuchsia-400 {
    color: #A21CAF !important;
}

/* fuchsia-700 */
[data-theme="light"] .text-pink-400 {
    color: #BE185D !important;
}

/* pink-700    */
[data-theme="light"] .text-rose-400 {
    color: #BE123C !important;
}

/* rose-700    */
[data-theme="light"] .text-red-400 {
    color: #B91C1C !important;
}

/* red-700     */
[data-theme="light"] .text-orange-400 {
    color: #C2410C !important;
}

/* orange-700  */
[data-theme="light"] .text-amber-400 {
    color: #B45309 !important;
}

/* amber-700   */
[data-theme="light"] .text-yellow-400 {
    color: #A16207 !important;
}

/* yellow-700  */
[data-theme="light"] .text-lime-400 {
    color: #4D7C0F !important;
}

/* lime-700    */

/* =====================================================
   40. glass-card — 浅色模式卡片背景修正
   问题：.glass-card 定义为 rgba(23,23,23,0.6) 深色背景，
         浅色模式下应转为白色卡片
   ===================================================== */
[data-theme="light"] .glass-card {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .glass-card:hover {
    background: #f9fafb !important;
    border-color: #d1d5db !important;
}

/* hover:bg-white/10 → 浅色模式替换为可见的 hover */
[data-theme="light"] .glass-card.hover\:bg-white\/10:hover,
[data-theme="light"] a.glass-card:hover,
[data-theme="light"] button.glass-card:hover {
    background: #eff6ff !important;
    border-color: rgba(59, 130, 246, 0.25) !important;
}

/* stat-card hover shadow 在浅色模式下减弱 */
[data-theme="light"] .stat-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10) !important;
}

/* =====================================================
   41. Dashboard / Wallet 页面专项修正
   问题：页面 <style> 块中有硬编码深色样式
   ===================================================== */

/* -- dashboard: 硬编码深色下拉框 -- */
[data-theme="light"] .bg-\[\#0f1117\] {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
}

/* -- wallet: 硬编码深色下拉框 -- */
[data-theme="light"] .bg-\[\#1a1a2e\] {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
}

/* -- wallet: tab 导航文字 -- */
[data-theme="light"] .wallet-tab {
    color: #6b7280 !important;
}

[data-theme="light"] .wallet-tab:hover {
    color: #1f2937 !important;
}

[data-theme="light"] .wallet-tab.active {
    color: #1d4ed8 !important;
}

/* -- wallet: 表格样式 (内联 <style> 块定义) -- */
[data-theme="light"] .wallet-table thead th {
    color: #374151 !important;
    border-bottom-color: #e5e7eb !important;
}

[data-theme="light"] .wallet-table tbody td {
    color: #374151 !important;
    border-bottom-color: #f3f4f6 !important;
}

[data-theme="light"] .wallet-table tbody tr:hover {
    background: #f9fafb !important;
}

/* -- wallet: 分页按钮 -- */
[data-theme="light"] #btn-prev,
[data-theme="light"] #btn-next {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] #btn-prev:hover:not(:disabled),
[data-theme="light"] #btn-next:hover:not(:disabled) {
    background: #e5e7eb !important;
}

/* -- wallet: skeleton 动画在浅色模式下 -- */
[data-theme="light"] .skeleton {
    background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%) !important;
    background-size: 200% 100% !important;
}

/* -- wallet: hero-gradient 状态条 -- */
[data-theme="light"] .hero-gradient {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(139, 92, 246, 0.05) 50%, rgba(16, 185, 129, 0.04) 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.12) !important;
}

/* -- wallet: pkg-card 权益包卡片 -- */
[data-theme="light"] .pkg-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] .pkg-card:hover {
    border-color: rgba(59, 130, 246, 0.4) !important;
}

[data-theme="light"] .pkg-card.selected {
    border-color: #3b82f6 !important;
    background: rgba(59, 130, 246, 0.06) !important;
}

/* -- wallet: current-plan-badge -- */
[data-theme="light"] .current-plan-badge {
    background: rgba(107, 114, 128, 0.15) !important;
    color: #374151 !important;
}

/* -- wallet: invoice panel inline styles 修正 -- */
[data-theme="light"] #panel-invoice .inv-title-row {
    background: #f9fafb !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] #panel-invoice .inv-input {
    background: #ffffff !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}

[data-theme="light"] #panel-invoice .inv-select {
    background: #ffffff !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}

[data-theme="light"] #panel-invoice .inv-btn-gray {
    background: #f3f4f6 !important;
    border-color: #e5e7eb !important;
    color: #374151 !important;
}

/* -- wallet: 功能对比表 section 行 -- */
[data-theme="light"] .bg-white\/\[0\.02\] {
    background-color: #f9fafb !important;
}

/* -- wallet: billing table 内联表头 (billing-v8.js JS生成) -- */
[data-theme="light"] #panel-billing table thead tr {
    background: #f9fafb !important;
}

[data-theme="light"] #panel-billing table thead th {
    color: #374151 !important;
    border-color: #e5e7eb !important;
}

[data-theme="light"] #panel-billing table tbody td {
    border-color: #f3f4f6 !important;
    color: #374151 !important;
}

/* -- wallet: billing 支付记录/消费流水 内联表格 -- */
[data-theme="light"] #panel-billing .overflow-x-auto table td,
[data-theme="light"] #panel-billing .overflow-x-auto table th {
    border-color: #e5e7eb !important;
    color: #374151 !important;
}

/* -- wallet: tab border line -- */
[data-theme="light"] .flex.border-b.border-white\/5,
[data-theme="light"] .flex.-mx-1.border-b {
    border-color: #e5e7eb !important;
}

/* =====================================================
   36. 功能上传卡片（余额清洗 / 序时账 / 明细账转换）
   ===================================================== */

/* 卡片容器（from-white/10 → 白卡） */
[data-theme="light"] .bc-upload-card,
[data-theme="light"] .ltb-upload-card,
[data-theme="light"] .jm-upload-card {
    background: #ffffff !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07) !important;
}

/* 标题栏 border-white/* → 浅灰 */
[data-theme="light"] .bc-upload-card [class*="border-white"],
[data-theme="light"] .ltb-upload-card [class*="border-white"],
[data-theme="light"] .jm-upload-card [class*="border-white"] {
    border-color: #E5E7EB !important;
}

/* 样本按钮组：竖线分隔（bg-white/15）→ 浅灰 */
[data-theme="light"] .bc-upload-card [class*="bg-white\/15"],
[data-theme="light"] .ltb-upload-card [class*="bg-white\/15"],
[data-theme="light"] .jm-upload-card [class*="bg-white\/15"] {
    background-color: #D1D5DB !important;
}

/* 样本按钮 inline background 覆盖（rgba sky 8%→F0F9FF） */
[data-theme="light"] .bc-upload-card [class*="hover\:bg-sky-500\/15"],
[data-theme="light"] .ltb-upload-card [class*="hover\:bg-sky-500\/15"],
[data-theme="light"] .jm-upload-card [class*="hover\:bg-sky-500\/15"] {
    background: #F0F9FF !important;
}

/* Tab 切换条背景（bg-white/5）→ 浅灰 */
[data-theme="light"] .bc-upload-card [class*="bg-white\/5"],
[data-theme="light"] .ltb-upload-card [class*="bg-white\/5"],
[data-theme="light"] .jm-upload-card [class*="bg-white\/5"] {
    background-color: #F3F4F6 !important;
}

/* 激活 Tab 背景 — 余额清洗（emerald）*/
[data-theme="light"] .bc-upload-card [class*="bg-emerald-500\/20"] {
    background-color: #D1FAE5 !important;
    border-color: #6EE7B7 !important;
}

/* 激活 Tab 背景 — 序时账（sky）*/
[data-theme="light"] .jm-upload-card [class*="bg-sky-500\/20"] {
    background-color: #E0F2FE !important;
    border-color: #7DD3FC !important;
}

/* 激活 Tab 背景 — 明细账转换（violet）*/
[data-theme="light"] .ltb-upload-card [class*="bg-violet-500\/20"] {
    background-color: #EDE9FE !important;
    border-color: #C4B5FD !important;
}

/* 状态徽章 */
[data-theme="light"] .bc-status-badge {
    background-color: #ECFDF5 !important;
    border-color: #6EE7B7 !important;
}

[data-theme="light"] .jm-status-badge {
    background-color: #F0F9FF !important;
    border-color: #7DD3FC !important;
}

[data-theme="light"] .ltb-status-badge {
    background-color: #F5F3FF !important;
    border-color: #C4B5FD !important;
}

/* 拖拽上传区 */
[data-theme="light"] .bc-drop-zone,
[data-theme="light"] .ltb-drop-zone,
[data-theme="light"] .jm-drop-zone {
    border-color: #D1D5DB !important;
    background: #FAFAFA !important;
}

[data-theme="light"] .bc-drop-zone:hover,
[data-theme="light"] .ltb-drop-zone:hover,
[data-theme="light"] .jm-drop-zone:hover {
    background: #F3F4F6 !important;
}

/* ============================================================
   Section 37: 进度卡步骤指示器 + 文件暂存确认卡片 (light mode)
   ============================================================ */

/* ── 37.1 进度步骤圆圈（pending 状态） ── */
/* 未激活圆圈：bg-gray-600 → 浅灰底 + 深灰数字 */
[data-theme="light"] #messages-container .step-item .bg-gray-600 {
    background-color: #D1D5DB !important;
    color: #374151 !important;
}

/* 步骤标签：pending text-gray-500 → 深灰（含 chat-progress.js 动态设置的 text-gray-500）*/
[data-theme="light"] #messages-container .step-item span,
[data-theme="light"] #messages-container .step-item .text-gray-500 {
    color: #374151 !important;
}

/* 已完成步骤标签保留绿色 */
[data-theme="light"] #messages-container .step-item .text-green-400 {
    color: #15803d !important;
}

/* 运行中步骤标签保留蓝色 */
[data-theme="light"] #messages-container .step-item .text-blue-400 {
    color: #1d4ed8 !important;
}

/* 进度卡计时器 */
[data-theme="light"] #messages-container .cp-timer {
    color: #6B7280 !important;
}

/* 进度条轨道 bg-gray-700 → 浅灰 */
[data-theme="light"] #messages-container .cp-progress-card .bg-gray-700 {
    background-color: #E5E7EB !important;
}

/* 进度卡日志区文字 */
[data-theme="light"] #messages-container .cp-log-list {
    color: #374151 !important;
}

/* ── 37.2 文件暂存确认卡片 (#staging-card) ── */
/* 覆盖 JS 注入的内联深色背景 */
[data-theme="light"] #staging-card {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
}

/* 卡片内 text-white → 近黑 */
[data-theme="light"] #staging-card .text-white {
    color: #111827 !important;
}

[data-theme="light"] #staging-card span.text-sm.font-semibold {
    color: #111827 !important;
}

/* 文件名 text-gray-200 → 深灰 */
[data-theme="light"] #staging-card .text-gray-200 {
    color: #1f2937 !important;
}

/* 次要文字 */
[data-theme="light"] #staging-card .text-gray-400 {
    color: #374151 !important;
}

[data-theme="light"] #staging-card .text-gray-500 {
    color: #6B7280 !important;
}

[data-theme="light"] #staging-card .text-gray-600 {
    color: #4B5563 !important;
}

/* 图标/强调色 */
[data-theme="light"] #staging-card .text-violet-400 {
    color: #6D28D9 !important;
}

[data-theme="light"] #staging-card .text-violet-300 {
    color: #7C3AED !important;
}

/* 文件行背景 */
[data-theme="light"] #staging-card #staging-file-list>div {
    background: transparent !important;
    border-bottom-color: rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] #staging-card #staging-file-list>div:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

/* 文件类型 badge：深色→浅色调 */
[data-theme="light"] #staging-card .bg-red-900\/40 {
    background: rgba(254, 226, 226, 0.8) !important;
}

[data-theme="light"] #staging-card .text-red-300 {
    color: #b91c1c !important;
}

[data-theme="light"] #staging-card .bg-green-900\/40 {
    background: rgba(209, 250, 229, 0.8) !important;
}

[data-theme="light"] #staging-card .text-green-300 {
    color: #15803d !important;
}

[data-theme="light"] #staging-card .bg-violet-900\/40 {
    background: rgba(237, 233, 254, 0.8) !important;
}

[data-theme="light"] #staging-card .text-violet-300 {
    color: #6D28D9 !important;
}

[data-theme="light"] #staging-card .bg-yellow-900\/40 {
    background: rgba(254, 243, 199, 0.8) !important;
}

[data-theme="light"] #staging-card .text-yellow-300 {
    color: #b45309 !important;
}

[data-theme="light"] #staging-card .bg-zinc-700\/40 {
    background: rgba(229, 231, 235, 0.8) !important;
}

[data-theme="light"] #staging-card .text-zinc-400 {
    color: #4B5563 !important;
}

/* "继续添加" 按钮 */
[data-theme="light"] #staging-card .bg-white\/5 {
    background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] #staging-card .border-white\/10 {
    border-color: rgba(0, 0, 0, 0.12) !important;
}

/* 分隔线（内联 border 颜色） */
[data-theme="light"] #staging-card>div:first-child {
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] #staging-card .flex.items-center.gap-2.px-4.py-3 {
    border-top-color: rgba(0, 0, 0, 0.08) !important;
}

/* 容量进度条背景槽 */
[data-theme="light"] #staging-card>div:nth-child(2) {
    background: rgba(0, 0, 0, 0.06) !important;
}

/* 删除按钮 hover */
[data-theme="light"] #staging-card button .hover\:text-red-400:hover {
    color: #dc2626 !important;
}

/* 拖拽提示条 */
[data-theme="light"] #staging-drop-hint {
    background: rgba(109, 40, 217, 0.06) !important;
    border-top-color: rgba(109, 40, 217, 0.2) !important;
    color: #6D28D9 !important;
}

/* =====================================================
   39. 增值服务分割线（#welcome-premium-divider）— 浅色模式修正
   问题：via-amber-400/30 在白底上近乎不可见
   ===================================================== */
[data-theme="light"] #welcome-premium-divider .h-px {
    background-image: linear-gradient(to right, transparent, #D97706, transparent) !important;
    opacity: 1 !important;
}

[data-theme="light"] #welcome-premium-divider .rounded-full {
    background-color: #FFFBEB !important;
    border-color: #FCD34D !important;
}

[data-theme="light"] #welcome-premium-divider .text-amber-200 {
    color: #92400E !important;
}

[data-theme="light"] #welcome-premium-divider .text-amber-400 {
    color: #D97706 !important;
}

/* =====================================================
   40. 侧边栏用户区块（bg-zinc-800/80）— 浅色模式修正
   问题：bg-zinc-800/80 未被映射，浅色下显示为明显深色矩形
   解法：针对 ID 选择器覆盖，其他地方的 .bg-zinc-800\/80 若需要
         可单独处理，但先以 ID 精准覆盖避免误伤
   ===================================================== */
[data-theme="light"] #sidebar-user-loggedin .rounded-xl {
    background-color: #F3F4F6 !important;
    border: 1px solid #E5E7EB !important;
}

[data-theme="light"] #sidebar-user-loggedin #sidebar-user-name {
    color: #111827 !important;
}

[data-theme="light"] #sidebar-user-loggedin #sidebar-user-plan {
    color: #6B7280 !important;
}

[data-theme="light"] #sidebar-user-loggedin .bg-zinc-700 {
    background-color: #E5E7EB !important;
    color: #374151 !important;
}

/* =====================================================
   42. 彩色实心按钮白字豁免 — 浅色模式
   问题：from-gray-8 容器规则把所有 .text-white 改成 #1a1a1a，
         连 bg-sky/violet/emerald-600 等彩色按钮的白字也被变黑
   解法：高特异性覆盖，彩色背景按钮自身及子元素保持白字
   ===================================================== */

/* 自身颜色（按钮/链接文字）*/
[data-theme="light"] #messages-container [class*="bg-sky-6"].text-white,
[data-theme="light"] #messages-container [class*="bg-sky-5"].text-white,
[data-theme="light"] #messages-container [class*="bg-violet-6"].text-white,
[data-theme="light"] #messages-container [class*="bg-violet-5"].text-white,
[data-theme="light"] #messages-container [class*="bg-emerald-6"].text-white,
[data-theme="light"] #messages-container [class*="bg-emerald-5"].text-white,
[data-theme="light"] #messages-container [class*="bg-blue-6"].text-white,
[data-theme="light"] #messages-container [class*="bg-blue-5"].text-white,
[data-theme="light"] #messages-container [class*="bg-teal-6"].text-white,
[data-theme="light"] #messages-container [class*="bg-teal-5"].text-white {
    color: #ffffff !important;
}

/* 子元素（SVG path/icon 等，通过 stroke="currentColor" 继承）*/
[data-theme="light"] #messages-container [class*="bg-sky-6"].text-white *,
[data-theme="light"] #messages-container [class*="bg-sky-5"].text-white *,
[data-theme="light"] #messages-container [class*="bg-violet-6"].text-white *,
[data-theme="light"] #messages-container [class*="bg-violet-5"].text-white *,
[data-theme="light"] #messages-container [class*="bg-emerald-6"].text-white *,
[data-theme="light"] #messages-container [class*="bg-emerald-5"].text-white *,
[data-theme="light"] #messages-container [class*="bg-blue-6"].text-white *,
[data-theme="light"] #messages-container [class*="bg-blue-5"].text-white *,
[data-theme="light"] #messages-container [class*="bg-teal-6"].text-white *,
[data-theme="light"] #messages-container [class*="bg-teal-5"].text-white * {
    color: #ffffff !important;
}

/* =====================================================
   41. 功能卡片提交按钮 — 浅色模式 disabled 修正
   问题：disabled:opacity-40 + 彩色渐变 在白底下变成半透明脏灰彩色
   解法：disabled → 实心中灰（opacity:1 覆盖 Tailwind disabled:opacity-40）
         enabled  → 彩色保留，仅调轻投影
   ===================================================== */

/* ── Disabled 状态：保留品牌渐变，仅降透明度 ── */
[data-theme="light"] .bc-submit-btn:disabled,
[data-theme="light"] .jm-submit-btn:disabled,
[data-theme="light"] .jm-ca-submit:disabled,
[data-theme="light"] .jm-em-submit:disabled,
[data-theme="light"] .jm-cp-submit:disabled,
[data-theme="light"] .jm-jt-submit:disabled,
[data-theme="light"] .ltb-submit-btn:disabled {
    opacity: 0.5 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

/* ── Enabled 状态：彩色保留，仅减轻投影（白底下深阴影过重） ── */
[data-theme="light"] .bc-submit-btn:not(:disabled) {
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.30) !important;
}

[data-theme="light"] .jm-submit-btn:not(:disabled),
[data-theme="light"] .jm-ca-submit:not(:disabled),
[data-theme="light"] .jm-em-submit:not(:disabled),
[data-theme="light"] .jm-cp-submit:not(:disabled) {
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.30) !important;
}

[data-theme="light"] .jm-jt-submit:not(:disabled) {
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.30) !important;
}

[data-theme="light"] .ltb-submit-btn:not(:disabled) {
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.30) !important;
}

/* =====================================================
   42. 渐变按钮白字豁免 — from-violet-6 / from-sky-6 等
   问题：分享好友按钮用 from-violet-600 to-blue-600，选择器
         [class*="bg-violet-6"] 匹配不到 from-violet-6xx 类，导致
         浅色模式全局规则把文字改成深色
   解法：补充 from-violet-6 / from-sky-6 豁免
   ===================================================== */
[data-theme="light"] #messages-container [class*="from-violet-6"].text-white,
[data-theme="light"] #messages-container [class*="from-violet-5"].text-white,
[data-theme="light"] #messages-container [class*="from-sky-6"].text-white,
[data-theme="light"] #messages-container [class*="from-sky-5"].text-white {
    color: #ffffff !important;
}

[data-theme="light"] #messages-container [class*="from-violet-6"].text-white *,
[data-theme="light"] #messages-container [class*="from-violet-5"].text-white *,
[data-theme="light"] #messages-container [class*="from-sky-6"].text-white *,
[data-theme="light"] #messages-container [class*="from-sky-5"].text-white * {
    color: #ffffff !important;
}

/* =====================================================
   43. 质量检查卡片浅色覆盖
   问题：.quality-check-card 用深色渐变背景，浅色模式下显得突兀
   解法：浅色模式下改为淡琥珀/白色卡片风格
   ===================================================== */
[data-theme="light"] .quality-check-card {
    background: #FFFCF2 !important;
    background-image: none !important;
    border-color: #FDE68A !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.10) !important;
}

[data-theme="light"] .quality-check-card .border-b,
[data-theme="light"] .quality-check-card .border-t {
    border-color: #FDE68A !important;
}

/* 标题、副标题文字 */
[data-theme="light"] .quality-check-card .text-gray-400 {
    color: #92400E !important;
}

[data-theme="light"] .quality-check-card .text-amber-200\/90,
[data-theme="light"] .quality-check-card .text-amber-300\/80,
[data-theme="light"] .quality-check-card .text-amber-300 {
    color: #B45309 !important;
}

/* 白字说明文字 */
[data-theme="light"] .quality-check-card .text-gray-300,
[data-theme="light"] .quality-check-card .text-gray-200 {
    color: #374151 !important;
}

/* 小字提示 */
[data-theme="light"] .quality-check-card .text-xs.text-gray-400,
[data-theme="light"] .quality-check-card p.text-xs {
    color: #78350F !important;
}

/* error/warning pill 调亮 */
[data-theme="light"] .quality-check-card .bg-rose-500\/15 {
    background: rgba(239, 68, 68, 0.12) !important;
}

[data-theme="light"] .quality-check-card .text-rose-300 {
    color: #DC2626 !important;
}

[data-theme="light"] .quality-check-card .bg-amber-500\/12 {
    background: rgba(245, 158, 11, 0.15) !important;
}

/* 反馈按钮 */
[data-theme="light"] .quality-check-card .text-gray-400.hover\:text-blue-300 {
    color: #6B7280 !important;
}

[data-theme="light"] .quality-check-card .divide-white\/\[0\.03\]>*+* {
    border-color: #FDE68A !important;
}

/* 勾稽行条容器：浅色模式替换黑色遮罩为极浅暖底色 */
[data-theme="light"] .quality-check-card [style*="rgba(0,0,0,0.2)"] {
    background: rgba(239, 68, 68, 0.05) !important;
}

/* ══════════════════════════════════════════════════════════════
   45. 同行业数据对比卡片 [id^="tool-pc-"] — 浅色模式修复
   ══════════════════════════════════════════════════════════════ */

/* 功能简介区（bg-indigo-500/10 border-indigo-400/20）*/
[data-theme="light"] [id^="tool-pc-"] .bg-indigo-500\/10 {
    background-color: #EEF2FF !important;
}

[data-theme="light"] [id^="tool-pc-"] .border-indigo-400\/20 {
    border-color: #C7D2FE !important;
}

[data-theme="light"] [id^="tool-pc-"] .text-indigo-400 {
    color: #4338CA !important;
}

/* 简介区内 text-white（如"财务数据对比 Excel"等加亮span）→ 深色 */
[data-theme="light"] [id^="tool-pc-"] .bg-indigo-500\/10 .text-white {
    color: #1E1B4B !important;
}

/* 简介区内 text-gray-300 描述文字 */
[data-theme="light"] [id^="tool-pc-"] .bg-indigo-500\/10 .text-gray-300 {
    color: #374151 !important;
}

/* 分析完成结果区（bg-emerald-500/10 border-emerald-400/20）*/
[data-theme="light"] [id^="tool-pc-"] .bg-emerald-500\/10 {
    background-color: #ECFDF5 !important;
}

[data-theme="light"] [id^="tool-pc-"] .border-emerald-400\/20 {
    border-color: #6EE7B7 !important;
}

/* ✅ 分析完成 标题 text-emerald-300 → 深翠绿 */
[data-theme="light"] [id^="tool-pc-"] .text-emerald-300 {
    color: #065F46 !important;
}

/* 结果区内的描述文字 text-gray-300 → 深灰 */
[data-theme="light"] [id^="tool-pc-"] .bg-emerald-500\/10 .text-gray-300 {
    color: #374151 !important;
}

/* 结果区内 text-white（对比公司名/年度等值）→ 近黑 */
[data-theme="light"] [id^="tool-pc-"] .bg-emerald-500\/10 .text-white {
    color: #111827 !important;
}

/* 结果卡已迁移至 theme.css --pc-result-* CSS 变量，此处无需补丁 */

/* ══════════════════════════════════════════════════════════════
   46. 批量修复剩余功能卡片 — 现金流/银行流/账证核对/报表解析/发票清洗/研发费/财审底稿
   作用范围：cf / bf / bgm / rp / ic / rd / tuc 上传卡片
   核心问题：① disabled:opacity-40 渐变按钮在白底下近乎不可见
             ② 活跃 Tab / Status Badge 用 bg-X-500/20 透明色在白底对比度不足
             ③ 输入框 bg-white/5 在白底不可见
   解法：disabled → 实心灰；Tab/Badge → 实心浅色；输入框 → 白底灰边
   ══════════════════════════════════════════════════════════════ */

/* ── 46.1 全局：所有 *-upload-card 内 disabled 按钮 → 保留品牌渐变，仅降透明度 ──
   覆盖 cf/bf/bgm/rp/ic/rd/tuc（已有专规的 bc/jm/ltb 同值覆盖无影响） */
[data-theme="light"] [class*="upload-card"] button:disabled {
    opacity: 0.5 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

/* ── 46.2 全局：所有 *-upload-card 内 bg-white/5 容器（Tab 栏/拖拽区背景）── */
[data-theme="light"] [class*="upload-card"] .bg-white\/5 {
    background: #F3F4F6 !important;
    border-color: #E5E7EB !important;
}

[data-theme="light"] [class*="upload-card"] .bg-white\/15 {
    background-color: #E5E7EB !important;
}

[data-theme="light"] [class*="upload-card"] .border-white\/20 {
    border-color: #D1D5DB !important;
}

[data-theme="light"] [class*="upload-card"] .border-white\/10 {
    border-color: #E5E7EB !important;
}

/* ── 46.3 全局：通用 text 色阶加深（对所有未在 Section44 覆盖的 upload-card 生效）── */
[data-theme="light"] [class*="upload-card"] .text-gray-300 {
    color: #4B5563 !important;
}

[data-theme="light"] [class*="upload-card"] .text-gray-400 {
    color: #6B7280 !important;
}

[data-theme="light"] [class*="upload-card"] .text-gray-500 {
    color: #6B7280 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   §99  全局一次性修复 — 所有旧透明 Tailwind 颜色在浅色模式下的可读性
   覆盖范围：*-upload-card 内所有 bg-{color}-500/20 + text-{color}-200/300
            + border-{color}-500/40 ，一次添加，无需再逐模块打补丁。
   ════════════════════════════════════════════════════════════════════ */

/* ── amber ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-amber-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-amber-500\/10"] {
    background-color: #FEF3C7 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-amber-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-amber-300"] {
    color: #92400E !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-amber-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-amber-500\/30"] {
    border-color: #FCD34D !important;
}

/* ── blue ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-blue-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-blue-500\/10"] {
    background-color: #DBEAFE !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-blue-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-blue-300"] {
    color: #1E40AF !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-blue-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-blue-500\/30"] {
    border-color: #93C5FD !important;
}

/* ── cyan ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-cyan-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-cyan-500\/10"] {
    background-color: #CFFAFE !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-cyan-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-cyan-300"] {
    color: #155E75 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-cyan-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-cyan-500\/30"] {
    border-color: #67E8F9 !important;
}

/* ── emerald ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-emerald-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-emerald-500\/10"] {
    background-color: #D1FAE5 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-emerald-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-emerald-300"] {
    color: #065F46 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-emerald-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-emerald-500\/30"] {
    border-color: #6EE7B7 !important;
}

/* ── green ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-green-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-green-500\/10"] {
    background-color: #DCFCE7 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-green-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-green-300"] {
    color: #166534 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-green-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-green-500\/30"] {
    border-color: #86EFAC !important;
}

/* ── indigo ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-indigo-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-indigo-500\/10"] {
    background-color: #E0E7FF !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-indigo-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-indigo-300"] {
    color: #3730A3 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-indigo-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-indigo-500\/30"] {
    border-color: #A5B4FC !important;
}

/* ── orange ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-orange-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-orange-500\/10"] {
    background-color: #FFEDD5 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-orange-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-orange-300"] {
    color: #9A3412 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-orange-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-orange-500\/30"] {
    border-color: #FDBA74 !important;
}

/* ── purple ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-purple-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-purple-500\/10"] {
    background-color: #F3E8FF !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-purple-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-purple-300"] {
    color: #6B21A8 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-purple-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-purple-500\/30"] {
    border-color: #D8B4FE !important;
}

/* ── red ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-red-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-red-500\/10"] {
    background-color: #FEE2E2 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-red-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-red-300"] {
    color: #991B1B !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-red-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-red-500\/30"] {
    border-color: #FCA5A5 !important;
}

/* ── rose ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-rose-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-rose-500\/10"] {
    background-color: #FFE4E6 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-rose-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-rose-300"] {
    color: #9F1239 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-rose-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-rose-500\/30"] {
    border-color: #FDA4AF !important;
}

/* ── sky ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-sky-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-sky-500\/10"] {
    background-color: #E0F2FE !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-sky-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-sky-300"] {
    color: #075985 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-sky-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-sky-500\/30"] {
    border-color: #7DD3FC !important;
}

/* ── teal ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-teal-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-teal-500\/10"] {
    background-color: #CCFBF1 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-teal-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-teal-300"] {
    color: #134E4A !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-teal-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-teal-500\/30"] {
    border-color: #5EEAD4 !important;
}

/* ── violet ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-violet-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-violet-500\/10"] {
    background-color: #EDE9FE !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-violet-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-violet-300"] {
    color: #5B21B6 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-violet-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-violet-500\/30"] {
    border-color: #C4B5FD !important;
}

/* ── yellow ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-yellow-500\/20"],
[data-theme="light"] [class*="upload-card"] [class*="bg-yellow-500\/10"] {
    background-color: #FEF9C3 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="text-yellow-200"],
[data-theme="light"] [class*="upload-card"] [class*="text-yellow-300"] {
    color: #713F12 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="border-yellow-500\/40"],
[data-theme="light"] [class*="upload-card"] [class*="border-yellow-500\/30"] {
    border-color: #FDE047 !important;
}

/* ── Tab 切换条背景（bg-white/5）— 全局兜底 ── */
[data-theme="light"] [class*="upload-card"] [class*="bg-white\/5"] {
    background-color: #F3F4F6 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="bg-white\/8"] {
    background-color: #EFEFEF !important;
}

[data-theme="light"] [class*="upload-card"] [class*="bg-white\/10"] {
    background-color: #E9EAEC !important;
}

/* ── /30 变体补丁（_switchTab 硬编码使用 /30）── */
[data-theme="light"] [class*="upload-card"] [class*="bg-rose-500\/30"] {
    background-color: #FFE4E6 !important;
    color: #9F1239 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="bg-emerald-500\/30"] {
    background-color: #D1FAE5 !important;
    color: #065F46 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="bg-violet-500\/30"] {
    background-color: #EDE9FE !important;
    color: #5B21B6 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="bg-sky-500\/30"] {
    background-color: #E0F2FE !important;
    color: #075985 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="bg-amber-500\/30"] {
    background-color: #FEF3C7 !important;
    color: #92400E !important;
}

[data-theme="light"] [class*="upload-card"] [class*="bg-blue-500\/30"] {
    background-color: #DBEAFE !important;
    color: #1E40AF !important;
}

[data-theme="light"] [class*="upload-card"] [class*="bg-indigo-500\/30"] {
    background-color: #E0E7FF !important;
    color: #3730A3 !important;
}

[data-theme="light"] [class*="upload-card"] [class*="bg-teal-500\/30"] {
    background-color: #CCFBF1 !important;
    color: #134E4A !important;
}

/* ── disabled 渐变按钮：浅色模式下保持亮色外观，cursor 暗示不可点即可 ── */
[data-theme="light"] [class*="upload-card"] button[disabled] {
    opacity: 1 !important;
    cursor: not-allowed !important;
}

/* ============================================================
   §100 — Auth Pages (login / register): glass-input 、tab 可见性
   ============================================================ */

/* glass-input 输入框 → 浅色背景 + 可见边框 */
[data-theme="light"] .glass-input {
    background: #F9FAFB !important;
    border-color: #E5E7EB !important;
}

[data-theme="light"] .glass-input:focus {
    background: #ffffff !important;
    border-color: rgba(139, 92, 246, 0.5) !important;
}

[data-theme="light"] .glass-input::placeholder {
    color: #9CA3AF !important;
}

/* tab-active / tab-inactive 切换条 */
[data-theme="light"] .tab-active {
    background: rgba(0, 0, 0, 0.07) !important;
    color: #1F2937 !important;
}

[data-theme="light"] .tab-inactive {
    color: #6B7280 !important;
}

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

/* 区号下拉框 */
[data-theme="light"] #phone-area-code {
    background: #F9FAFB !important;
    color: #1F2937 !important;
    border-color: #E5E7EB !important;
}

/* ── 渐变按钮白字保护（浅色模式）── 特指度 (0,3,0) > .text-white 的 (0,2,0) */
[data-theme="light"] .bg-gradient-to-r.text-white,
[data-theme="light"] .bg-gradient-to-l.text-white,
[data-theme="light"] .bg-gradient-to-br.text-white,
[data-theme="light"] .bg-gradient-to-tr.text-white,
[data-theme="light"] .bg-gradient-to-b.text-white {
    color: #ffffff !important;
}

/* S101 -- gradient button white text inside #messages-container + layout disabled fix */

/* 消息容器内所有渐变提交按钮保持白字
   特指度 (1,3,1) > #messages-container .text-white 的 (1,2,0) */
[data-theme="light"] #messages-container button.bg-gradient-to-r.text-white,
[data-theme="light"] #messages-container button.bg-gradient-to-l.text-white,
[data-theme="light"] #messages-container button.bg-gradient-to-br.text-white {
    color: #ffffff !important;
}

/* 排版按钮：禁用态全亮 + 白字（不在 upload-card 容器内，需单独处理） */
[data-theme="light"] #layout-convert-btn[disabled] {
    opacity: 1 !important;
    cursor: not-allowed !important;
}
[data-theme="light"] #layout-convert-btn.text-white {
    color: #ffffff !important;
}


/* ══════════════════════════════════════════════════════════════
   §102 — upload-card 内深暗底透明背景浅色适配
   根本原因：bg-gray-900/80 / bg-{color}-900/30 是 Tailwind 带
   透明度的变体类，与 bg-gray-900 / bg-{color}-900 是不同的 class，
   全局 Section3 规则无法匹配，必须单独 patch。
   典型场景：bc-aux-format-guide 格式说明折叠区的 4 个格子。
   ══════════════════════════════════════════════════════════════ */

/* ── 深灰面板背景（bg-gray-900/xx 系列）→ 白/极浅 ── */
[data-theme="light"] [class*="upload-card"] .bg-gray-900\/80,
[data-theme="light"] [class*="upload-card"] .bg-gray-900\/60,
[data-theme="light"] [class*="upload-card"] .bg-gray-900\/50,
[data-theme="light"] [class*="upload-card"] .bg-gray-900\/40 {
    background-color: #ffffff !important;
}

[data-theme="light"] [class*="upload-card"] .bg-gray-800\/80,
[data-theme="light"] [class*="upload-card"] .bg-gray-800\/60,
[data-theme="light"] [class*="upload-card"] .bg-gray-800\/50 {
    background-color: #f9fafb !important;
}

/* ── 折叠格式说明区：格子间分割线 ── */
[data-theme="light"] .bc-fmt-body > div.border-t {
    border-top-color: #E5E7EB !important;
}

/* ── 深底色透明 Sheet 标签（bg-{color}-900/30）→ 浅色对应色 ──
   文字颜色（text-{color}-300）已由 §35 全局规则处理，此处只修背景 */
[data-theme="light"] [class*="upload-card"] .bg-amber-900\/30  { background-color: #FEF3C7 !important; }
[data-theme="light"] [class*="upload-card"] .bg-blue-900\/30   { background-color: #DBEAFE !important; }
[data-theme="light"] [class*="upload-card"] .bg-violet-900\/30 { background-color: #EDE9FE !important; }
[data-theme="light"] [class*="upload-card"] .bg-purple-900\/30 { background-color: #F3E8FF !important; }
[data-theme="light"] [class*="upload-card"] .bg-indigo-900\/30 { background-color: #E0E7FF !important; }
[data-theme="light"] [class*="upload-card"] .bg-emerald-900\/30 { background-color: #D1FAE5 !important; }
[data-theme="light"] [class*="upload-card"] .bg-green-900\/30  { background-color: #D1FAE5 !important; }
[data-theme="light"] [class*="upload-card"] .bg-teal-900\/30   { background-color: #CCFBF1 !important; }
[data-theme="light"] [class*="upload-card"] .bg-sky-900\/30    { background-color: #E0F2FE !important; }
[data-theme="light"] [class*="upload-card"] .bg-cyan-900\/30   { background-color: #CFFAFE !important; }
[data-theme="light"] [class*="upload-card"] .bg-rose-900\/30   { background-color: #FFE4E6 !important; }
[data-theme="light"] [class*="upload-card"] .bg-red-900\/30    { background-color: #FEE2E2 !important; }
[data-theme="light"] [class*="upload-card"] .bg-orange-900\/30 { background-color: #FFEDD5 !important; }
[data-theme="light"] [class*="upload-card"] .bg-yellow-900\/30 { background-color: #FEF9C3 !important; }
[data-theme="light"] [class*="upload-card"] .bg-pink-900\/30   { background-color: #FCE7F3 !important; }
[data-theme="light"] [class*="upload-card"] .bg-fuchsia-900\/30{ background-color: #FDF4FF !important; }

/* ════════════════════════════════════════════════════════════════════
   §103 — 1.0 工作区 #unified-file-card 浅色模式适配
   位置：www/js/file-upload.js 通过 innerHTML 渲染的统一上传/识别卡片
   问题：暗色硬编码（背景 #0a0c10 / 边框 #1a1f2e）+ 灰阶 inline color，
        浅色模式下整张卡仍是黑底，文字几乎不可读。
   策略：ID 锁定 + !important 反制 inline 静态色；状态颜色因 JS 后续以
        element.style.x= 改写，attribute 选择器自动失配，不会被冻死。
   ════════════════════════════════════════════════════════════════════ */
[data-theme="light"] #unified-file-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

/* 进度条槽（紧跟 header 的 1px 高条）*/
[data-theme="light"] #unified-file-card > div[style*="height:1px"] {
  background: #f1f5f9 !important;
}

/* 文件行分隔线 */
[data-theme="light"] #unified-file-card #upload-file-list > div {
  border-bottom-color: rgba(15, 23, 42, 0.06) !important;
}

/* ── Header 标题文字（"已上传 N 个文件 · 智能识别中 00.00"）──
   通过 inline style 中的 hex 片段匹配；JS 后续 innerHTML 重写时
   仍以同样 hex 字面量写出，规则可持续生效 */
[data-theme="light"] #unified-file-card #ufc-upload-title > span[style*="6b7280"] { color: #64748b !important; }
[data-theme="light"] #unified-file-card #ufc-upload-title > span[style*="9ca3af"] { color: #1e293b !important; }
[data-theme="light"] #unified-file-card #ufc-upload-title > span[style*="7dd3fc"] { color: #0284c7 !important; }
[data-theme="light"] #unified-file-card #ufc-upload-title > span[style*="374151"] { color: #cbd5e1 !important; }
[data-theme="light"] #unified-file-card #ufc-upload-title > span[style*="4b5563"] { color: #64748b !important; }
[data-theme="light"] #unified-file-card #ufc-upload-title > span[style*="10b981"] { color: #047857 !important; }
[data-theme="light"] #unified-file-card #ufc-upload-title > span[style*="ef4444"] { color: #b91c1c !important; }

/* 识别计时器 / 百分比 / 折叠箭头 */
[data-theme="light"] #unified-file-card #upload-identify-timer { color: #64748b !important; }
[data-theme="light"] #unified-file-card #upload-percent { color: #059669 !important; }
[data-theme="light"] #unified-file-card #upload-toggle { color: #94a3b8 !important; }

/* ── 文件行：扩展名徽章 / 文件名 / 分类 / 大小 ── */
/* 文件名/大小/分类：浅色下统一深灰确保可读
   原因：JS 用 element.style.color= 切换状态时浏览器会把 hex 序列化为
   rgb(...)，attribute 选择器 [style*="9ca3af"] 失配；尤其 scanning 态
   的 #bae6fd、done 态的 #e5e7eb 在白底上几乎不可见。
   状态区分由 row 背景色 + ext 徽章色承担，不依赖文字颜色 */
[data-theme="light"] #unified-file-card [id^="uext-"][style*="rgba(255,255,255,0.06)"] {
  background: rgba(15, 23, 42, 0.05) !important;
  color: #64748b !important;
}
[data-theme="light"] #unified-file-card [id^="uname-"] {
  color: #1e293b !important;
}
[data-theme="light"] #unified-file-card [id^="ucat-"] {
  color: #64748b !important;
}
[data-theme="light"] #unified-file-card [id^="usz-"] {
  color: #64748b !important;
}