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

/* =====================================================
   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; }  /* secondary — 对标 Doubao 深灰 */
[data-theme="light"] .text-gray-400    { color: #6b6b6b !important; }  /* tertiary  — 对标 Doubao #6C6C6C */
[data-theme="light"] .text-gray-500    { color: #8e8e8e !important; }  /* placeholder — 对标 Doubao #999 */
/* 600+ 已足够深，不覆盖 */

/* ── 白字豁免：只针对显式标记的元素 ──
 * 如果某个元素（按钮/徽章）需要在饱和彩色背景上保留白字，
 * 必须显式添加 .keep-white 类。
 *
 * 使用范例：
 *   <button class="bg-emerald-600 text-white keep-white">购买</button>
 *   <span class="popular-badge text-white keep-white">推荐</span>
 *
 * 注：原 [class*="bg-emerald-"] 等通配符规则因会误中 bg-emerald-50 等浅色背景
 *     已废弃。仅保留这一条精准规则。
 */
[data-theme="light"] .keep-white,
[data-theme="light"] .keep-white * {
    color: #ffffff !important;
}

/* bot 头像下的品牌名（深色模式由 text-gray-500 渲染，浅色下需近乎黑色） */
[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;
}

/* 用户消息气泡：浅色模式用和机器人气泡相同的浅灰底色 */
[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; }  /* secondary */
[data-theme="light"] .text-zinc-400    { color: #6b6b6b !important; }  /* tertiary */

/* 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; }  /* secondary */
[data-theme="light"] .text-slate-400   { color: #6b6b6b !important; }  /* tertiary */

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

/* bg-bg-dark (custom var) */
[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; }

/* 白色透明度（玻璃卡片，深色下是亮面 → 浅色下用浅遮罩） */
/* bg-white/5 是消息气泡/进度卡容器的背景，浅色下需要可见的浅灰（#f0f2f5），否则气泡融入白底 */
[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 导航栏（#header，bg-bg-dark/90 无法随 CSS var 更新） */
[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-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(24,144,255,0.10) !important;
}

/* 历史分类标签页 */
[data-theme="light"] .history-tab {
    font-weight: 500 !important;
}
/* 历史会话项标题 */
[data-theme="light"] .history-item .truncate,
[data-theme="light"] .history-item .flex-1.truncate,
[data-theme="light"] .history-item span.flex-1 {
    font-weight: 500 !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: #047857 !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: #047857 !important;
    box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.10) !important;
    background-color: #FFFFFF !important;
}

/* 模式切换按钮（咨询/合规体检/台账编制 等）*/
[data-theme="light"] .svc-mode-btn {
    color: #4B5563 !important;
    border-color: rgba(0,0,0,0.10) !important;
    background-color: transparent !important;
    font-weight: 500 !important;
}
[data-theme="light"] .svc-mode-btn:hover {
    background-color: rgba(16,185,129,0.06) !important;
    color: #059669 !important;
    border-color: rgba(16,185,129,0.3) !important;
}
[data-theme="light"] .svc-mode-btn.active,
[data-theme="light"] .svc-mode-btn[data-active="true"] {
    background-color: #10B981 !important;
    color: #FFFFFF !important;
    border-color: #10B981 !important;
    box-shadow: 0 2px 8px rgba(16,185,129,0.3) !important;
}

/* 发送按钮 */
[data-theme="light"] #send-btn,
[data-theme="light"] .send-btn {
    background-color: #047857 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(24, 144, 255, 0.25) !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, #F0F7FF 0%, #F4F6F9 50%, #F0FDFF 100%) !important;
}

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

/* 官网统计数字卡片（bg-white/5 玻璃） */
[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;
}

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

/* Footer */
[data-theme="light"] footer,
[data-theme="light"] .footer {
    background-color: #1a1a2e !important;  /* footer 保持深色，提供对比 */
}

/* =====================================================
   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;  /* 强制显示，不受 hidden 影响 */
}
[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;
}

/* =====================================================
   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: #f0f4ff !important;
    color: #047857 !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. 品牌色（保持不变，浅色同样适用）
   ===================================================== */
/* 品牌色文字/背景不需要覆盖（蓝/琥珀 在浅色背景上清晰可见）*/

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

/* =====================================================
   21. 特殊组件
   ===================================================== */

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

/* 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;
}

/* 用户头像 */
[data-theme="light"] #mobile-user-btn {
    /* 保持渐变不变 */
}

/* divide 分割线 */
[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; }

/* ring */
[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; }

/* =====================================================
   22. 进度卡 / 结果卡 — 深色渐变背景深度适配（全局）
       核心问题：Tailwind bg-gradient-to-b/br 生成 background-image
       而非 background-color，普通 bg-color 覆盖规则无效。
       必须显式 background-image: none + background-color 才能覆盖。
   ===================================================== */

/* ── 1. 聊天区内 from-gray-8xx 渐变卡片 → 白色卡片 ── */
/* 适用：result-card / error-card / mya-result-card 等所有模块 */
[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;
}

/* ── 2. 结果卡内主要文字：白 → 深色 ── */
[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; }

/* ── 3. 结果卡内分割线 ── */
[data-theme="light"] #messages-container [class*="from-gray-8"] [class*="border-white\/10"] {
    border-color: rgba(0,0,0,0.08) !important;
}

/* ── 4. 上传卡（from-white/10 渐变 → 白色卡片）── */
/* 适用：rd-upload-card / aat-upload-card / arr-upload-card 等 */
[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;
}

/* ── 5. 上传卡内文字：白 → 深色 ── */
[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;
}

/* ── 6. 警告结果卡（from-yellow-900/20）── */
[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;
}

/* ── 7. 补漏 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; }

/* ── 8. 步骤圆圈 pending 状态（bg-gray-600）── */
/* 浅色模式下改为：浅灰底 + 中灰数字（灰底白字 → 不可见，必须同时改文字色）*/
[data-theme="light"] .bg-gray-600 {
    background-color: #e5e7eb !important;  /* gray-200, 轻盈浅灰 */
    color: #6b7280 !important;             /* gray-500, 数字可读 */
}

/* ── 9. 进度卡计时器绿色文字 ── */
[data-theme="light"] .text-green-400  { color: #059669 !important; }
[data-theme="light"] .text-green-500  { color: #16a34a !important; }

/* ── 10. 400 档颜色文字（图标、徽章、警告等）── */
[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: #065F46 !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; }

/* ── 11. 半透明白色文字（分隔符 text-white/15 等）── */
[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; }

/* =====================================================
   22. 官网 Landing Page — Hero Section
   ===================================================== */

/* hero-title：homepage.css 里用了白色渐变文字，浅色下完全不可见 → 换成深色渐变 */
[data-theme="light"] .hero-title {
    background: linear-gradient(135deg, #111827 0%, #047857 55%, #065F46 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* hero-tag（带边框的标签胶囊）：白色/4 背景 + 白色/8 边框 → 浅色下不可见 */
[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(24, 144, 255, 0.06) !important;
    border-color: rgba(24, 144, 255, 0.25) !important;
    color: #047857 !important;
}

/* hero 描述文字（text-gray-400 在浅色下太浅） */
[data-theme="light"] .hero-description {
    color: #4b5563 !important;
}

/* =====================================================
   23. 官网 Landing Page — 统计数字卡片（shadow-card）
   ===================================================== */
/* shadow-card 使用 rgba(255,255,255,0.04) 内环，浅色下不可见 */
[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;
}

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

/* footer 内的文字颜色 */
[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.text-gray-500:hover,
[data-theme="light"] footer a.text-gray-600:hover {
    color: #047857 !important;
}
/* footer 分割线 */
[data-theme="light"] footer .border-white\/5,
[data-theme="light"] footer .border-t {
    border-color: rgba(0, 0, 0, 0.08) !important;
}
/* ICP 备案链接 */
[data-theme="light"] footer a {
    color: #6b7280 !important;
}
[data-theme="light"] footer a:hover {
    color: #047857 !important;
}


/* =====================================================
   25. 聊天工作台 — 欢迎屏推荐问题按钮（浅色主题）
   ===================================================== */
[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(24, 144, 255, 0.06) !important;
    border-color: rgba(24, 144, 255, 0.30) !important;
    color: #047857 !important;
}

/* =====================================================
   26. 聊天工作台 — 欢迎屏整体优化（浅色主题）
   ===================================================== */

/* 大标题 "你好，我是研小匠" */
[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, #047857, #064E3B) !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: #4B5563 !important;
}
[data-theme="light"] #welcome-screen #welcome-mode-desc .text-blue-400 {
    color: #047857 !important;
}

/* 欢迎屏底部提示小字（不包括副标题） */
[data-theme="light"] #welcome-screen .text-xs.text-gray-300 {
    color: #6B7280 !important;
    font-size: 13px !important;
    letter-spacing: 0.3px;
}

/* 氛围光背景 — 浅色下改为极柔和的蓝色径向渐变 */
[data-theme="light"] .ambient-glow-1 {
    background: radial-gradient(circle, rgba(24, 144, 255, 0.06) 0%, transparent 70%) !important;
    opacity: 0.5 !important;
}
[data-theme="light"] .ambient-glow-2 {
    background: radial-gradient(circle, rgba(24, 144, 255, 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(4, 120, 87, 0.12), 0 0 100px rgba(24, 144, 255, 0.06) !important;
}

/* =====================================================
   27. 聊天工作台 — 功能卡片（如"研发合规体检"大卡片）
   ===================================================== */
[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;
}

/* 卡片内说明文字 — 加深对比度 */
[data-theme="light"] #messages-container .text-gray-300,
[data-theme="light"] #messages-container .text-gray-400 {
    color: #4B5563 !important;
    font-size: 13px;
    letter-spacing: 0.3px;
}

/* =====================================================
   28. 左侧边栏 — 浅色下保持纯白，右边框加淡灰
   ===================================================== */
[data-theme="light"] #left-sidebar,
[data-theme="light"] #sidebar,
[data-theme="light"] .sidebar-panel {
    background-color: #FFFFFF !important;
    border-right-color: #E2E8F0 !important;
}

/* =====================================================
   29. 底部输入框 — placeholder 加深
   ===================================================== */
[data-theme="light"] #chat-input::placeholder {
    color: #9CA3AF !important;
    opacity: 1 !important;
}

/* =====================================================
   30. 底部服务模式按钮（咨询/合规体检/台账编制等）
   ===================================================== */
[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(16, 185, 129, 0.06) !important;
    color: #059669 !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
}
[data-theme="light"] .svc-mode-btn.active,
[data-theme="light"] .svc-mode-btn[data-active="true"] {
    background-color: #10B981 !important;
    color: #FFFFFF !important;
    border-color: #10B981 !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
}

/* =====================================================
   31. 聊天主区域 — 白色卡片浮起
   ===================================================== */
[data-theme="light"] #chat-messages,
[data-theme="light"] #chat-main,
[data-theme="light"] .chat-main-area {
    background-color: #F4F6F9 !important;
}

/* 输入区域容器 — 轻透明底，与聊天区融为一体 */
[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"] #input-box-wrapper {
    border-color: #E2E8F0 !important;
    background-color: #F9FAFB !important;
}
[data-theme="light"] #input-box-wrapper:focus-within {
    border-color: #047857 !important;
    box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.10) !important;
    background-color: #FFFFFF !important;
}


/* =====================================================
   32. 功能胶囊按钮 — 语义化配色统一（浅色主题）
   按 Gemini 建议：收敛彩虹色为语义化组件
   - 核心功能：蓝色系 #E6F4FF 底 + #0958D9 字
   - 风险/体检：琥珀系 #FFF7E6 底 + #D46B08 字
   - 待开发：灰色系 #F5F5F5 底 + #BFBFBF 字
   ===================================================== */

/* 所有渐变胶囊按钮 — 统一灰白（与审小匠免费区药丸一致） */
[data-theme="light"] [class*="rounded-full"][class*="bg-gradient-to-r"] {
    background-image: none !important;
    background-color: #F9FAFB !important;
    border-color: #E5E7EB !important;
    color: #374151 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}
[data-theme="light"] [class*="rounded-full"][class*="bg-gradient-to-r"]:hover {
    background-image: none !important;
    background-color: #EFF6FF !important;
    border-color: #93C5FD !important;
    color: #1D4ED8 !important;
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.15) !important;
}

/* #welcome-rd 专属加强 — 确保优先级高于 Tailwind from-xxx 颜色变量 */
[data-theme="light"] #welcome-rd .rounded-full {
    background-image: none !important;
    background-color: #F9FAFB !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-image: none !important;
    background-color: #EFF6FF !important;
    border-color: #93C5FD !important;
    color: #1D4ED8 !important;
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.15) !important;
}

/* 待开发按钮 — 灰色弱化 */
[data-theme="light"] [class*="rounded-full"][class*="bg-gradient-to-r"] .suggest-coming-soon,
[data-theme="light"] .suggest-coming-soon[class*="rounded-full"] {
    background-image: none !important;
    background-color: #F5F5F5 !important;
    border-color: #E8E8E8 !important;
    color: #BFBFBF !important;
    opacity: 0.8;
}

/* 胶囊内的小标签颜色 — 专业版/旗舰版 翠绿细字 */
[data-theme="light"] [class*="rounded-full"] .text-amber-400 {
    color: #10B981 !important;
    font-weight: 300 !important;
}
[data-theme="light"] [class*="rounded-full"] .text-emerald-400,
[data-theme="light"] [class*="rounded-full"] .text-green-400 {
    color: #389E0D !important;
}

/* 底部说明小字 — 加深对比度（仅作用于 .text-xs，不影响副标题等大字） */
[data-theme="light"] #welcome-screen .text-xs {
    color: #4B5563 !important;
    letter-spacing: 0.3px;
}

/* =====================================================
   23. RD Check Module — AI 立项报告合规检查（浅色覆盖）
   ─────────────────────────────────────────────────────
   说明：rdc-upload-card 已被通用「from-white/10 → 白底」规则覆盖；
        这里只针对青色主色调（cyan）做精修，保证浅色下：
          - 边框/拖拽区可见
          - 文件列表条目可读
          - 状态徽章配色对比够
   ===================================================== */

/* 卡片：保留通用白底，但加一抹青色边框点缀 */
[data-theme="light"] .rdc-upload-card {
    border-color: rgba(8, 145, 178, 0.18) !important;   /* cyan-600 @ 18% */
    box-shadow: 0 2px 10px rgba(8, 145, 178, 0.08) !important;
}

/* 标题栏分割线 */
[data-theme="light"] .rdc-upload-card .border-white\/10 {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* 说明区与文件类型注释文字 */
[data-theme="light"] .rdc-upload-card .text-gray-200,
[data-theme="light"] .rdc-upload-card .text-gray-300,
[data-theme="light"] .rdc-upload-card .text-gray-400 {
    color: #4B5563 !important;
}
[data-theme="light"] .rdc-upload-card .text-gray-100 {
    color: #1F2937 !important;
}

/* 青色高亮文字（主色） */
[data-theme="light"] .rdc-upload-card .text-cyan-200,
[data-theme="light"] .rdc-upload-card .text-cyan-300 {
    color: #0E7490 !important;   /* cyan-700 */
}

/* 拖拽区 */
[data-theme="light"] .rdc-drop-zone {
    background-color: #F0FDFA !important;       /* cyan-50 */
    border-color: rgba(8, 145, 178, 0.30) !important;
}
[data-theme="light"] .rdc-drop-zone:hover {
    background-color: #ECFEFF !important;
    border-color: rgba(8, 145, 178, 0.55) !important;
}

/* 文件列表条目 bg-white/5 → 灰底 */
[data-theme="light"] .rdc-file-list .bg-white\/5 {
    background-color: #F9FAFB !important;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

/* 状态徽章（cyan / sky / amber / green / red 等已被通用 .oc-badge-* 处理；
   这里追加 cyan 系的浅色具体配色） */
[data-theme="light"] .rdc-status-badge.oc-badge-cyan,
[data-theme="light"] .rdc-status-badge[class*="bg-cyan-500"] {
    background-color: rgba(8, 145, 178, 0.10) !important;
    color: #0E7490 !important;
    border-color: rgba(8, 145, 178, 0.30) !important;
}

/* 进度条轨道 */
[data-theme="light"] .rdc-upload-progress > div > div,
[data-theme="light"] .rdc-run-progress > div > div {
    background-color: rgba(8, 145, 178, 0.10) !important;
}

/* 提交按钮：保持青色渐变（已经够亮，浅色下也 OK） */
[data-theme="light"] .rdc-submit-btn {
    box-shadow: 0 4px 14px rgba(8, 145, 178, 0.30) !important;
}

/* 结果卡：通用 from-gray-800/50 已被处理；rdc-result 失败块需要单独处理 */
[data-theme="light"] .oc-result-card .bg-amber-500\/5 {
    background-color: #FFFBEB !important;
}
[data-theme="light"] .oc-result-card .border-amber-500\/30 {
    border-color: rgba(217, 119, 6, 0.30) !important;
}
[data-theme="light"] .oc-result-card .text-amber-300 {
    color: #B45309 !important;
}

/* RD Check 文件列表 summary 条 — 浅色覆盖（默认深色由 chat.css 提供） */
[data-theme="light"] .rdc-file-summary {
    background: rgba(249, 250, 251, 0.95) !important;  /* gray-50 半透明 */
    color: #4B5563 !important;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .rdc-file-summary .text-gray-400 {
    color: #6B7280 !important;
}
[data-theme="light"] .rdc-file-summary .text-amber-300 {
    color: #B45309 !important;
}

/* =====================================================
   24. 禁止低饱和暖色文字在浅色白底上出现（对比度不足）
   ─────────────────────────────────────────────────────
   amber / yellow / orange 等亮色在深色卡上 OK，
   切到浅色模式后白底会让它们几乎不可读。
   统一映射到饱和度更高、明度更低的同色系。
   ===================================================== */

/* 带 alpha 的复合 class（Tailwind 的 /N 透明度后缀） */
[data-theme="light"] .text-amber-300\/80,
[data-theme="light"] .text-amber-300\/70,
[data-theme="light"] .text-amber-200\/80,
[data-theme="light"] .text-amber-200\/70,
[data-theme="light"] .text-amber-100\/80,
[data-theme="light"] .text-yellow-300\/80,
[data-theme="light"] .text-yellow-200\/80,
[data-theme="light"] .text-orange-300\/80,
[data-theme="light"] .text-orange-200\/80 {
    color: #B45309 !important;      /* amber-700 */
    opacity: 1 !important;
}

/* 不带 alpha 的亮色文字补充覆盖（已有 amber-400/300 在 段 10，这里补 200/100 / yellow 浅版） */
[data-theme="light"] .text-amber-200  { color: #B45309 !important; }
[data-theme="light"] .text-amber-100  { color: #B45309 !important; }
[data-theme="light"] .text-yellow-300 { color: #B45309 !important; }
[data-theme="light"] .text-yellow-200 { color: #B45309 !important; }
[data-theme="light"] .text-orange-300 { color: #C2410C !important; }
[data-theme="light"] .text-orange-200 { color: #C2410C !important; }

/* 边框对应加深 */
[data-theme="light"] .border-amber-300\/30,
[data-theme="light"] .border-amber-300\/40,
[data-theme="light"] .border-yellow-300\/30 {
    border-color: rgba(180, 83, 9, 0.30) !important;
}