/* ================================================================ 易通数据 — 全站暗色主题 激活方式： 覆盖范围：CSS 变量 → 自动影响变量化样式 显式覆盖 → 处理硬编码白色/浅色背景 ================================================================ */ /* ================================================================ 1. CSS 变量覆盖（最大覆盖范围，自动级联） ================================================================ */ html[data-theme="dark"] { --bg-color: #0d1017; --bg-card: #13151f; --bg-secondary: #181b2a; --bg-muted: #1c1f30; --bg-dark: #060810; --bg-light: #181b2a; --text-primary: rgba(255, 255, 255, 0.88); --text-secondary: rgba(255, 255, 255, 0.60); --text-muted: rgba(255, 255, 255, 0.40); --text-light: rgba(255, 255, 255, 0.28); --border-color: rgba(255, 255, 255, 0.10); --border-light: rgba(255, 255, 255, 0.06); --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.28); --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.50), 0 2px 4px rgba(0, 0, 0, 0.32); --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.60), 0 4px 8px rgba(0, 0, 0, 0.38); --shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.70), 0 8px 16px rgba(0, 0, 0, 0.44); --action-light: rgba(58, 91, 217, 0.20); --action-mid: rgba(58, 91, 217, 0.35); --color-success-light: rgba(16, 185, 129, 0.15); --color-success-dark: #34d399; --color-danger-light: rgba(239, 68, 68, 0.15); --color-danger-dark: #fb7185; --color-warning-light: rgba(245, 158, 11, 0.15); --color-warning-dark: #fbbf24; } /* ================================================================ 2. body 背景纹理（暗色调细点阵） ================================================================ */ [data-theme="dark"] body { background-image: radial-gradient(circle, rgba(255, 255, 255, 0.022) 1px, transparent 1px), radial-gradient(ellipse at 10% 20%, rgba(58, 91, 217, 0.07) 0%, transparent 50%), radial-gradient(ellipse at 90% 5%, rgba(99, 130, 246, 0.05) 0%, transparent 45%), radial-gradient(ellipse at 75% 88%, rgba(139, 92, 246, 0.04) 0%, transparent 45%), radial-gradient(ellipse at 18% 88%, rgba(45, 212, 191, 0.03) 0%, transparent 40%); } /* ================================================================ 3. 导航栏（hardcoded rgba(248,250,252,0.90)） ================================================================ */ [data-theme="dark"] .navbar { background: rgba(13, 16, 23, 0.94); } /* ================================================================ 4. 侧边栏（hardcoded rgba(255,255,255,0.75)） ================================================================ */ [data-theme="dark"] .sidebar { background: rgba(19, 21, 31, 0.97); } /* ================================================================ 5. 通用卡片 / 盒子覆盖（background: white 的页面专属样式） ================================================================ */ [data-theme="dark"] [class*="-card"]:not(.chart-dark-card):not([class*="bottom-card"]):not([class*="color-"]), [data-theme="dark"] [class*="-box"]:not([class*="tag-box"]):not([class*="color-box"]):not([class*="check-box"]), [data-theme="dark"] [class*="-panel"]:not([class*="ai-panel"]), [data-theme="dark"] [class*="-full"]:not([class*="chart-dark"]), [data-theme="dark"] [class*="-section"]:not([class*="related-section"]), [data-theme="dark"] [class*="-step"]:not([class*="vs-step"]):not([class*="step-"]), [data-theme="dark"] [class*="-chip"]:not([class*="jrn-chip"]), [data-theme="dark"] [class*="-export-bar"] { background: var(--bg-card) !important; border-color: var(--border-color) !important; } /* ================================================================ 6. 底部推广卡片（保留左侧彩色边框，调暗背景） ================================================================ */ [data-theme="dark"] .bottom-card { background-color: rgba(255, 255, 255, 0.05) !important; } [data-theme="dark"] .bottom-card__title { color: rgba(255, 255, 255, 0.82) !important; } [data-theme="dark"] .bottom-card__desc { color: rgba(255, 255, 255, 0.48) !important; } [data-theme="dark"] .bottom-card__qr { background: rgba(255, 255, 255, 0.06); border-radius: 8px; } /* ================================================================ 7. FAQ / 折叠面板 ================================================================ */ [data-theme="dark"] .faq-item, [data-theme="dark"] .pg-faq-card, [data-theme="dark"] [class*="-faq-item"] { background: var(--bg-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .faq-item summary:hover, [data-theme="dark"] .faq-item[open] summary { background: var(--bg-secondary) !important; } [data-theme="dark"] .faq-item p, [data-theme="dark"] .pg-faq-card .faq-answer { background: var(--bg-card) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .faq-section { background: var(--bg-muted) !important; } /* ================================================================ 8. 输入框 / 表单 ================================================================ */ [data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="number"], [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="search"], [data-theme="dark"] input[type="password"], [data-theme="dark"] select, [data-theme="dark"] textarea { background: #181b2a !important; border-color: rgba(255, 255, 255, 0.12) !important; color: rgba(255, 255, 255, 0.88) !important; } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: rgba(255, 255, 255, 0.28) !important; } /* ================================================================ 9. 上传区 ================================================================ */ [data-theme="dark"] [class*="-upload-area"] { background: var(--bg-secondary) !important; border-color: rgba(255, 255, 255, 0.12) !important; color: var(--text-secondary) !important; } [data-theme="dark"] [class*="-upload-area"]:hover, [data-theme="dark"] [class*="-upload-area"].drag-over { background: rgba(14, 165, 233, 0.06) !important; border-color: #0ea5e9 !important; } /* ================================================================ 10. 表格（非 .dark-results 内） ================================================================ */ [data-theme="dark"] table:not(.dark-results table) th { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] table:not(.dark-results table) td { color: var(--text-primary) !important; border-color: var(--border-light) !important; } [data-theme="dark"] table:not(.dark-results table) tr:hover td { background: rgba(255, 255, 255, 0.025) !important; } /* ================================================================ 11. 数据预览折叠框 ================================================================ */ [data-theme="dark"] [class*="-preview-collapse"], [data-theme="dark"] [class*="-preview-header"] { background: var(--bg-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] [class*="-preview-header"]:hover { background: var(--bg-secondary) !important; } [data-theme="dark"] [class*="-preview-more"] { background: var(--bg-secondary) !important; color: var(--text-muted) !important; border-color: var(--border-light) !important; } /* ================================================================ 12. 全局警告通知条 ================================================================ */ [data-theme="dark"] .alert-global { background: rgba(245, 158, 11, 0.12) !important; border-color: rgba(245, 158, 11, 0.30) !important; color: rgba(255, 193, 60, 0.90) !important; } /* ================================================================ 13. 效率工具跳转入口条 ================================================================ */ [data-theme="dark"] [class*="-tool-entry"] { background: rgba(58, 91, 217, 0.10) !important; border-color: rgba(58, 91, 217, 0.25) !important; color: rgba(147, 180, 255, 0.90) !important; } /* ================================================================ 14. 相关工具推荐区 ================================================================ */ [data-theme="dark"] .related-section { border-color: var(--border-color) !important; } /* ================================================================ 15. 全站 Hero 区域统一暗色化 ================================================================ */ /* ── 共用：暗卡底色 + 停止动画 ── */ [data-theme="dark"] .page-header, [data-theme="dark"] .dw-hero, [data-theme="dark"] .db-hero, [data-theme="dark"] .support-hero, [data-theme="dark"] .vs-hero, [data-theme="dark"] .tools-hero, [data-theme="dark"] .platform-hero, [data-theme="dark"] .knowledge-hero, [data-theme="dark"] .bm-hero, [data-theme="dark"] .mg-hero, [data-theme="dark"] .formula-hero, [data-theme="dark"] .category-hero, [data-theme="dark"] .ag-hero { background: #13151f !important; animation: none !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28) !important; color: rgba(255, 255, 255, 0.88) !important; } /* ── 各 hero 顶部强调线（保留品牌感） ── */ [data-theme="dark"] .page-header { border-top: 2px solid rgba(99, 102, 241, 0.55) !important; margin-bottom: var(--spacing-2xl) !important; } [data-theme="dark"] .dw-hero { border-top: 2px solid rgba(99, 102, 241, 0.55) !important; } [data-theme="dark"] .db-hero { border-top: 2px solid rgba(56, 189, 248, 0.55) !important; } [data-theme="dark"] .support-hero { border-top: 2px solid rgba(59, 130, 246, 0.55) !important; } [data-theme="dark"] .vs-hero { border-top: 2px solid rgba(139, 92, 246, 0.55) !important; } [data-theme="dark"] .tools-hero { border-top: 2px solid rgba(45, 212, 191, 0.55) !important; } [data-theme="dark"] .platform-hero { border-top: 2px solid rgba(59, 130, 246, 0.45) !important; } [data-theme="dark"] .knowledge-hero{ border-top: 2px solid rgba(167, 139, 250, 0.55) !important; } [data-theme="dark"] .bm-hero { border-top: 2px solid rgba(251, 191, 36, 0.55) !important; } [data-theme="dark"] .mg-hero { border-top: 2px solid rgba(139, 92, 246, 0.55) !important; } [data-theme="dark"] .formula-hero { border-top: 2px solid rgba(167, 139, 250, 0.55) !important; } [data-theme="dark"] .category-hero { border-top: 2px solid rgba(56, 189, 248, 0.55) !important; } [data-theme="dark"] .ag-hero { border-top: 2px solid rgba(96, 165, 250, 0.55) !important; } /* ── 网格纹理（有 position:relative 的 hero 加伪元素） ── */ [data-theme="dark"] .page-header::after, [data-theme="dark"] .dw-hero::before, [data-theme="dark"] .db-hero::before, [data-theme="dark"] .support-hero::before, [data-theme="dark"] .vs-hero::before, [data-theme="dark"] .tools-hero::before, [data-theme="dark"] .ag-hero::before { content: '' !important; position: absolute !important; inset: 0 !important; background-image: linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px) !important; background-size: 44px 44px !important; pointer-events: none !important; z-index: 0 !important; } /* ── Hero 内子元素文字 ── */ [data-theme="dark"] .dw-hero .dw-hero-title, [data-theme="dark"] .db-hero .db-hero-title { color: rgba(255, 255, 255, 0.88) !important; } [data-theme="dark"] .dw-hero .dw-hero-desc, [data-theme="dark"] .db-hero .db-hero-desc { color: rgba(255, 255, 255, 0.52) !important; opacity: 1 !important; } /* dw-hero 统计卡片 & 标签 */ [data-theme="dark"] .dw-tag { background: rgba(255, 255, 255, 0.07) !important; border-color: rgba(255, 255, 255, 0.12) !important; color: rgba(255, 255, 255, 0.60) !important; } [data-theme="dark"] .dw-hs-card { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.10) !important; } [data-theme="dark"] .dw-hs-label { color: rgba(255, 255, 255, 0.40) !important; opacity: 1 !important; } [data-theme="dark"] .dw-hs-value { color: rgba(255, 255, 255, 0.90) !important; } [data-theme="dark"] .dw-hs-value.green { color: #34d399 !important; } [data-theme="dark"] .dw-hs-value.red { color: #fb7185 !important; } /* bm-hero 统计 */ [data-theme="dark"] .bm-hero-stat-value { color: rgba(255, 255, 255, 0.90) !important; } [data-theme="dark"] .bm-hero-stat-label { color: rgba(255, 255, 255, 0.45) !important; } /* knowledge-hero / mg-hero / formula-hero / vs-hero 搜索框 */ [data-theme="dark"] .knowledge-hero input, [data-theme="dark"] .mg-hero input, [data-theme="dark"] .support-hero input { background: rgba(255, 255, 255, 0.07) !important; border-color: rgba(255, 255, 255, 0.15) !important; color: rgba(255, 255, 255, 0.88) !important; } [data-theme="dark"] .knowledge-hero input::placeholder, [data-theme="dark"] .mg-hero input::placeholder, [data-theme="dark"] .support-hero input::placeholder { color: rgba(255, 255, 255, 0.30) !important; } /* ================================================================ 16. Dashboard — 列名要求框 / 数据格式示例表格 ================================================================ */ [data-theme="dark"] .db-col-req { background: rgba(245, 158, 11, 0.08) !important; border-color: rgba(245, 158, 11, 0.28) !important; } [data-theme="dark"] .db-col-req > div:first-child { color: rgba(251, 191, 36, 0.90) !important; } [data-theme="dark"] .db-col-req span[style*="fee2e2"] { background: rgba(239, 68, 68, 0.15) !important; color: #fca5a5 !important; } [data-theme="dark"] .db-col-req span[style*="f0fdf4"] { background: rgba(16, 185, 129, 0.10) !important; color: #6ee7b7 !important; } [data-theme="dark"] .db-sample-table th { background: #1c1f30 !important; border-color: rgba(255, 255, 255, 0.09) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .db-sample-table td { border-color: rgba(255, 255, 255, 0.07) !important; color: var(--text-primary) !important; } [data-theme="dark"] .db-sample-table tr[style*="fafafa"], [data-theme="dark"] .db-sample-table tr[style*="fafafa"] td { background: rgba(255, 255, 255, 0.025) !important; } [data-theme="dark"] .db-sample-table th span[style*="fee2e2"] { background: rgba(239, 68, 68, 0.18) !important; color: #fca5a5 !important; } /* ================================================================ 17. 全局内联色值覆盖（属性选择器，无需最改模板） 覆盖范围：黄色警告框 / 表头 / 斜马行 / 边框色 ================================================================ */ /* 黄色警告框 background:#fffbeb */ [data-theme="dark"] [style*="fffbeb"] { background: rgba(245, 158, 11, 0.08) !important; border-color: rgba(245, 158, 11, 0.28) !important; color: rgba(251, 191, 36, 0.90) !important; } /* 表头 background:#f3f4f6 */ [data-theme="dark"] [style*="#f3f4f6"], [data-theme="dark"] [style*="f3f4f6"] { background: #1c1f30 !important; } /* 斜马行 background:#fafafa */ [data-theme="dark"] [style*="#fafafa"], [data-theme="dark"] [style*="fafafa"] { background: rgba(255, 255, 255, 0.025) !important; } /* 边框色 #e5e7eb */ [data-theme="dark"] [style*="#e5e7eb"] { border-color: rgba(255, 255, 255, 0.08) !important; } /* 内联红色必填标签 background:#fee2e2 */ [data-theme="dark"] [style*="fee2e2"] { background: rgba(239, 68, 68, 0.15) !important; color: #fca5a5 !important; } /* 内联绿色可选标签 background:#f0fdf4 */ [data-theme="dark"] [style*="f0fdf4"] { background: rgba(16, 185, 129, 0.10) !important; color: #6ee7b7 !important; } /* 内联 color:#92400e（黄色框标题） */ [data-theme="dark"] [style*="92400e"] { color: rgba(251, 191, 36, 0.90) !important; } /* ================================================================ 18. 全站列检测标签（*-col-tag）和分析按钮（*-analyze-btn） ================================================================ */ /* 匹配成功（绿色）*/ [data-theme="dark"] [class*="-col-tag"].matched, [data-theme="dark"] [class*="-col-tag"].optional { background: rgba(16, 185, 129, 0.12) !important; color: #6ee7b7 !important; } /* 必选/待匹配（橙色）*/ [data-theme="dark"] [class*="-col-tag"].required { background: rgba(245, 158, 11, 0.12) !important; color: #fcd34d !important; border-color: rgba(245, 158, 11, 0.25) !important; } /* 未识别（中性）*/ [data-theme="dark"] [class*="-col-tag"].unknown { background: rgba(255, 255, 255, 0.07) !important; color: rgba(255, 255, 255, 0.40) !important; } /* 分析/生成按钮——降低亮度，添加微光效果 */ [data-theme="dark"] [class*="-analyze-btn"]:not(.ai-analyze-btn) { opacity: 0.82 !important; filter: brightness(0.78) saturate(0.9) !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset !important; } [data-theme="dark"] [class*="-analyze-btn"]:not(.ai-analyze-btn):hover:not(:disabled) { opacity: 1 !important; filter: brightness(0.90) saturate(1) !important; } [data-theme="dark"] [class*="-analyze-btn"]:not(.ai-analyze-btn):disabled { opacity: 0.30 !important; filter: none !important; } /* ================================================================ 19. 万能图表生成器（chart_generator） ================================================================ */ /* 图表大类选择按钮 */ [data-theme="dark"] .cg-group-tab { background: rgba(255, 255, 255, 0.05) !important; color: rgba(255, 255, 255, 0.70) !important; border-color: rgba(255, 255, 255, 0.10) !important; } [data-theme="dark"] .cg-group-tab:hover { background: rgba(99, 102, 241, 0.15) !important; border-color: rgba(99, 102, 241, 0.45) !important; } [data-theme="dark"] .cg-group-tab.active { background: #6366f1 !important; border-color: #6366f1 !important; color: white !important; } /* 子类型按钮 */ [data-theme="dark"] .cg-sub-type { background: rgba(255, 255, 255, 0.05) !important; color: rgba(255, 255, 255, 0.70) !important; border-color: rgba(255, 255, 255, 0.10) !important; } [data-theme="dark"] .cg-sub-type:hover { background: rgba(99, 102, 241, 0.12) !important; border-color: rgba(99, 102, 241, 0.40) !important; } [data-theme="dark"] .cg-sub-type.active { background: rgba(99, 102, 241, 0.18) !important; border-color: #6366f1 !important; color: rgba(255, 255, 255, 0.92) !important; } /* 多选数值列容器 */ [data-theme="dark"] .cg-value-checkboxes { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.10) !important; } [data-theme="dark"] .cg-value-checkboxes label:hover { background: rgba(255, 255, 255, 0.06) !important; } /* 场景提示框 */ [data-theme="dark"] .cg-scene-tip { background: rgba(99, 102, 241, 0.10) !important; border-color: rgba(99, 102, 241, 0.25) !important; border-left-color: rgba(99, 102, 241, 0.65) !important; color: rgba(255, 255, 255, 0.78) !important; } /* 功能优势区 */ [data-theme="dark"] .cg-advantages { background: rgba(99, 102, 241, 0.08) !important; border-color: rgba(99, 102, 241, 0.20) !important; } /* ================================================================ 20. predict-shared.css 共用组件（帕累托等分析页） ================================================================ */ /* logic-detail 可展开详情块 */ [data-theme="dark"] .logic-detail { border-color: rgba(255, 255, 255, 0.10) !important; } [data-theme="dark"] .logic-detail summary { background: rgba(255, 255, 255, 0.04) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .logic-detail summary:hover { background: rgba(255, 255, 255, 0.08) !important; } [data-theme="dark"] .logic-detail-content { color: var(--text-secondary) !important; } /* faq-notice-divider 黄色分隔条 */ [data-theme="dark"] .faq-notice-divider { background: rgba(245, 158, 11, 0.12) !important; color: rgba(251, 191, 36, 0.85) !important; } /* ad-data-req 数据要求蓝色框 */ [data-theme="dark"] .ad-data-req { background: rgba(99, 102, 241, 0.09) !important; border-color: rgba(99, 102, 241, 0.25) !important; border-left-color: rgba(99, 102, 241, 0.65) !important; color: rgba(255, 255, 255, 0.78) !important; } [data-theme="dark"] .ad-data-req li, [data-theme="dark"] .ad-data-req strong { color: rgba(255, 255, 255, 0.78) !important; } /* predict-data-req 数据格式要求蓝色框（waterfall 等页）*/ [data-theme="dark"] .predict-data-req { background: rgba(99, 102, 241, 0.09) !important; border-color: rgba(99, 102, 241, 0.25) !important; border-left-color: rgba(99, 102, 241, 0.65) !important; color: rgba(255, 255, 255, 0.78) !important; } [data-theme="dark"] .predict-data-req li, [data-theme="dark"] .predict-data-req strong { color: rgba(255, 255, 255, 0.78) !important; } /* ad-field-toggle 可展开字段说明 */ [data-theme="dark"] .ad-field-toggle { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.10) !important; } [data-theme="dark"] .ad-field-toggle summary { background: transparent !important; } [data-theme="dark"] .ad-field-toggle .field-table { color: var(--text-secondary) !important; } [data-theme="dark"] .ad-field-toggle .mini-table th { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.09) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .ad-field-toggle .mini-table td { border-color: rgba(255, 255, 255, 0.07) !important; } /* collapsible-toggle 可折叠建 标题条 */ [data-theme="dark"] .collapsible-toggle { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .collapsible-toggle:hover { background: var(--bg-muted) !important; border-color: rgba(99, 102, 241, 0.35) !important; } /* predict-field-toggle 字段说明可展开 */ [data-theme="dark"] .predict-field-toggle { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.10) !important; } [data-theme="dark"] .predict-field-toggle .mini-table th { background: rgba(255, 255, 255, 0.07) !important; } /* info-panel-header */ [data-theme="dark"] .info-panel-header { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .info-panel-header:hover { background: var(--bg-muted) !important; } /* faq-item summary */ [data-theme="dark"] .faq-item summary { background: rgba(255, 255, 255, 0.03) !important; color: var(--text-primary) !important; } [data-theme="dark"] .faq-item summary:hover, [data-theme="dark"] .faq-item[open] summary { background: rgba(255, 255, 255, 0.07) !important; } [data-theme="dark"] .faq-item p { background: transparent !important; color: var(--text-secondary) !important; } /* result-tabs 标签栏 */ [data-theme="dark"] .result-tabs { background: rgba(255, 255, 255, 0.05) !important; } [data-theme="dark"] .result-tab.active { background: var(--bg-card) !important; color: rgba(99, 102, 241, 0.90) !important; } /* dash-card 汇总卡片 */ [data-theme="dark"] .dash-card { background: var(--bg-muted) !important; border-color: var(--border-color) !important; } /* bubble-example-note 图表说明黄色条（多页面共用）*/ [data-theme="dark"] .bubble-example-note { background: rgba(245, 158, 11, 0.10) !important; border-left-color: rgba(245, 158, 11, 0.55) !important; color: rgba(255, 255, 255, 0.75) !important; } /* waterfall 页数据明细预览表格 */ [data-theme="dark"] .data-preview-table th { background: var(--bg-muted) !important; color: var(--text-secondary) !important; border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .data-preview-table tbody tr:hover td { background: rgba(255, 255, 255, 0.04) !important; } [data-theme="dark"] .data-preview-table tfoot td { background: var(--bg-muted) !important; border-top-color: var(--border-color) !important; } [data-theme="dark"] .data-preview-table tr.dp-anomaly td { background: rgba(245, 158, 11, 0.10) !important; } [data-theme="dark"] .data-preview-table thead { background: var(--bg-muted) !important; } /* demo-preview-section 示例预览区 */ [data-theme="dark"] .demo-preview-section { background: #13151f !important; border-color: rgba(99, 102, 241, 0.25) !important; } [data-theme="dark"] .demo-preview-overlay { background: linear-gradient( to bottom, rgba(19, 21, 31, 0) 0%, rgba(19, 21, 31, 0.92) 55%, rgba(19, 21, 31, 1) 100% ) !important; } [data-theme="dark"] .demo-overlay-content p { color: rgba(255, 255, 255, 0.60) !important; } /* 内联黄色警告框 background:#fef3c7 */ [data-theme="dark"] [style*="fef3c7"] { background: rgba(245, 158, 11, 0.10) !important; border-color: rgba(245, 158, 11, 0.30) !important; color: rgba(251, 191, 36, 0.88) !important; } /* ================================================================ 22. 竞品智能分析（competitor_analysis） ================================================================ */ /* 步骤条 eval-step */ [data-theme="dark"] .eval-step { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; color: var(--text-muted) !important; } /* 分析框架按钮 comp-fw-btn */ [data-theme="dark"] .comp-fw-btn { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .comp-fw-btn:hover { border-color: rgba(99, 102, 241, 0.55) !important; color: rgba(99, 102, 241, 0.90) !important; } /* 导出按钮 comp-export-btn */ [data-theme="dark"] .comp-export-btn { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } /* 重新上传按钮 reupload-btn */ [data-theme="dark"] .reupload-btn { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; color: var(--text-secondary) !important; } /* 雷达图提示条 comp-radar-tip */ [data-theme="dark"] .comp-radar-tip { background: rgba(255, 255, 255, 0.04) !important; color: var(--text-muted) !important; } /* 数据预览表格 hover */ [data-theme="dark"] .comp-preview-table tr:hover td { background: rgba(255, 255, 255, 0.04) !important; } /* 列类型徽章 col-badge（各类型浅色背景） */ [data-theme="dark"] .col-badge { filter: brightness(0.28) saturate(1.5) !important; color: rgba(255, 255, 255, 0.85) !important; } /* 使用引导标签 comp-guide-tag */ [data-theme="dark"] .comp-guide-tag-required { background: rgba(124, 58, 237, 0.15) !important; border-color: rgba(124, 58, 237, 0.35) !important; color: rgba(196, 181, 253, 0.90) !important; } [data-theme="dark"] .comp-guide-tag-optional { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.15) !important; color: var(--text-muted) !important; } /* ================================================================ 23. AI 评价深度分析（ai_evaluation） ================================================================ */ /* 操作区大白块 */ [data-theme="dark"] .eval-action-area { background: var(--bg-card) !important; border-color: var(--border-color) !important; } /* 结果区锚点导航 */ [data-theme="dark"] .eval-result-nav { background: var(--bg-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .eval-result-nav a { color: var(--text-secondary) !important; } /* 统计摘要卡片 */ [data-theme="dark"] .eval-summary-card { background: var(--bg-muted) !important; border-color: var(--border-color) !important; } /* 分析摘要文案（紫蓝渐变） */ [data-theme="dark"] .eval-summary-text { background: rgba(99, 102, 241, 0.12) !important; color: rgba(167, 139, 250, 0.90) !important; } /* 图表容器 */ [data-theme="dark"] .eval-chart-box { background: var(--bg-card) !important; border-color: var(--border-color) !important; } /* 追评面板 */ [data-theme="dark"] .followup-panel { background: rgba(245, 158, 11, 0.08) !important; border-color: rgba(245, 158, 11, 0.25) !important; } [data-theme="dark"] .followup-panel h4 { color: rgba(251, 191, 36, 0.85) !important; } [data-theme="dark"] .followup-stat { background: rgba(255, 255, 255, 0.05) !important; } /* SKU 对比面板 */ [data-theme="dark"] .sku-compare-panel { background: var(--bg-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .sku-table .best-row { background: rgba(16, 185, 129, 0.10) !important; } [data-theme="dark"] .sku-table .worst-row { background: rgba(239, 68, 68, 0.10) !important; } /* 关键词标签 */ [data-theme="dark"] .keyword-tag { background: rgba(14, 165, 233, 0.14) !important; color: rgba(125, 211, 252, 0.90) !important; } [data-theme="dark"] .keyword-tag.negative { background: rgba(239, 68, 68, 0.14) !important; color: rgba(252, 165, 165, 0.90) !important; } /* 营销文案卡片 */ [data-theme="dark"] .copy-card { background: rgba(99, 102, 241, 0.09) !important; border-color: rgba(99, 102, 241, 0.22) !important; } /* FAQ 卡片 */ [data-theme="dark"] .eval-faq-card { background: var(--bg-muted) !important; border-color: var(--border-color) !important; } /* 字段要求徽章 */ [data-theme="dark"] .eval-req-badge.required { background: rgba(239, 68, 68, 0.14) !important; color: rgba(252, 165, 165, 0.90) !important; } [data-theme="dark"] .eval-req-badge.recommended { background: rgba(37, 99, 235, 0.14) !important; color: rgba(147, 197, 253, 0.90) !important; } [data-theme="dark"] .eval-req-badge.optional { background: rgba(255, 255, 255, 0.07) !important; color: var(--text-muted) !important; } /* code 标签 */ [data-theme="dark"] .eval-req-line code { background: rgba(255, 255, 255, 0.08) !important; color: var(--text-secondary) !important; } /* 模式标签 */ [data-theme="dark"] .mode-badge.single { background: rgba(37, 99, 235, 0.14) !important; color: rgba(147, 197, 253, 0.90) !important; } [data-theme="dark"] .mode-badge.multi { background: rgba(190, 24, 93, 0.14) !important; color: rgba(249, 168, 212, 0.90) !important; } /* 数据格式示例表格 */ [data-theme="dark"] .eval-example-table th, [data-theme="dark"] .eval-example-table td { border-color: var(--border-color) !important; } [data-theme="dark"] .eval-example-table thead th { background: var(--bg-muted) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .eval-example-table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.03) !important; } [data-theme="dark"] .eval-col-required { background: rgba(239, 68, 68, 0.18) !important; color: rgba(252, 165, 165, 0.90) !important; } [data-theme="dark"] .eval-example-hint { background: var(--bg-muted) !important; } /* 功能亮点图标背景 */ [data-theme="dark"] .eval-feature-card:nth-child(1) .eval-feature-icon { background: rgba(124, 58, 237, 0.18) !important; } [data-theme="dark"] .eval-feature-card:nth-child(2) .eval-feature-icon { background: rgba(37, 99, 235, 0.18) !important; } [data-theme="dark"] .eval-feature-card:nth-child(3) .eval-feature-icon { background: rgba(5, 150, 105, 0.18) !important; } [data-theme="dark"] .eval-feature-card:nth-child(4) .eval-feature-icon { background: rgba(217, 119, 6, 0.18) !important; } /* ================================================================ 24. AI 智能选品分析（ai_product_selection） ================================================================ */ [data-theme="dark"] .ps-example-table th, [data-theme="dark"] .ps-example-table td { border-color: var(--border-color) !important; } [data-theme="dark"] .ps-example-table thead th { background: var(--bg-muted) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .ps-example-table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.03) !important; } [data-theme="dark"] .ps-col-required { background: rgba(239, 68, 68, 0.18) !important; color: rgba(252, 165, 165, 0.90) !important; } [data-theme="dark"] .ps-ai-output { background: var(--bg-muted) !important; } /* ================================================================ 25. AI 提示词生成器（prompt-generator.css） ================================================================ */ /* 功能卡片 */ [data-theme="dark"] .pg-feature-card { background: var(--bg-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .pg-feature-card:nth-child(1) .pg-feature-icon { background: rgba(124, 58, 237, 0.18) !important; } [data-theme="dark"] .pg-feature-card:nth-child(2) .pg-feature-icon { background: rgba(37, 99, 235, 0.18) !important; } [data-theme="dark"] .pg-feature-card:nth-child(3) .pg-feature-icon { background: rgba(5, 150, 105, 0.18) !important; } [data-theme="dark"] .pg-feature-card:nth-child(4) .pg-feature-icon { background: rgba(217, 119, 6, 0.18) !important; } /* 步骤条 */ [data-theme="dark"] .pg-step { background: var(--bg-muted) !important; border-color: var(--border-color) !important; } /* Tab 活跃态 */ [data-theme="dark"] .pg-tab.active { background: var(--bg-card) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important; } /* 操作主区域 */ [data-theme="dark"] .pg-action-area { background: var(--bg-card) !important; border-color: var(--border-color) !important; } /* 平台 / 场景按钮 hover & active */ [data-theme="dark"] .pg-platform-btn:hover, [data-theme="dark"] .pg-scene-btn:hover { background: rgba(99, 102, 241, 0.12) !important; } [data-theme="dark"] .pg-scene-btn.active { background: rgba(99, 102, 241, 0.18) !important; border-color: rgba(99, 102, 241, 0.55) !important; } /* 关键词按钮 */ [data-theme="dark"] .pg-keyword-btn { background: var(--bg-muted) !important; border-color: var(--border-color) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .pg-keyword-btn.active { border-color: rgba(99, 102, 241, 0.55) !important; color: rgba(167, 139, 250, 0.90) !important; } /* 模板卡片 */ [data-theme="dark"] .pg-template-card { background: var(--bg-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .pg-template-card.active { background: rgba(99, 102, 241, 0.12) !important; border-color: rgba(99, 102, 241, 0.45) !important; } [data-theme="dark"] .pg-template-icon { background: rgba(124, 58, 237, 0.18) !important; } /* 结果区域 */ [data-theme="dark"] .pg-result-section { background: var(--bg-card) !important; border-color: var(--border-color) !important; } /* 动作按钮 */ [data-theme="dark"] .pg-action-btn { background: var(--bg-muted) !important; border-color: var(--border-color) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .pg-action-btn:hover { background: rgba(99, 102, 241, 0.12) !important; border-color: rgba(99, 102, 241, 0.45) !important; color: rgba(167, 139, 250, 0.90) !important; } /* 结构化提示词块 */ [data-theme="dark"] .pg-prompt-block-header { background: var(--bg-muted) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .pg-prompt-block-copy { background: var(--bg-muted) !important; border-color: var(--border-color) !important; color: var(--text-muted) !important; } /* 加载动效边框 */ [data-theme="dark"] .pg-loading-spinner { border-color: rgba(255, 255, 255, 0.10) !important; border-top-color: var(--primary-color) !important; } /* 优化Tab */ [data-theme="dark"] .pg-optimize-area { background: var(--bg-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .pg-optimize-input { background: var(--bg-muted) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* 收藏列表 */ [data-theme="dark"] .pg-saved-item { background: var(--bg-card) !important; border-color: var(--border-color) !important; } /* FAQ */ [data-theme="dark"] .pg-faq-card { background: var(--bg-muted) !important; border-color: var(--border-color) !important; } /* ================================================================ 26. 短视频脚本制作（video_script.css） ================================================================ */ /* 竞品差评 / 真实数据高亮折叠块 */ [data-theme="dark"] .vs-collapsible-highlight { background: rgba(249, 115, 22, 0.08) !important; border-color: rgba(249, 115, 22, 0.30) !important; } [data-theme="dark"] .vs-collapsible-highlight:hover { border-color: rgba(249, 115, 22, 0.55) !important; } /* 如何获得更好的脚本 — 展开头部 */ [data-theme="dark"] .vs-example-header { background: rgba(99, 102, 241, 0.12) !important; border-color: rgba(99, 102, 241, 0.25) !important; color: rgba(167, 139, 250, 0.90) !important; } /* vs-field-highlight 橙色高亮字段 */ [data-theme="dark"] .vs-field-highlight { background: rgba(249, 115, 22, 0.08) !important; border-color: rgba(249, 115, 22, 0.35) !important; } /* ================================================================ 27. AI 标题生成器（title_collector） ================================================================ */ /* 左栏输出区 */ [data-theme="dark"] .tc-output-wrap { background: var(--bg-card) !important; border-color: var(--border-color) !important; } /* 右栏统计栏 */ [data-theme="dark"] .tc-stats-bar { background: var(--bg-muted) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .tc-stats-bar button { background: var(--bg-muted) !important; border-color: var(--border-color) !important; color: var(--text-muted) !important; } /* 标题卡片 */ [data-theme="dark"] .tc-item { background: var(--bg-muted) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .tc-item-num { background: rgba(99, 102, 241, 0.18) !important; color: rgba(167, 139, 250, 0.90) !important; } /* 平台标签 */ [data-theme="dark"] .tc-plat-tag.taobao { background: rgba(249,115,22,0.14) !important; color: rgba(253,186,116,0.90) !important; } [data-theme="dark"] .tc-plat-tag.jd { background: rgba(220, 38, 38,0.14) !important; color: rgba(252,165,165,0.90) !important; } [data-theme="dark"] .tc-plat-tag.pdd { background: rgba(192, 38,211,0.14) !important; color: rgba(240,171,252,0.90) !important; } [data-theme="dark"] .tc-plat-tag.douyin, [data-theme="dark"] .tc-plat-tag.other { background: rgba(255,255,255,0.06) !important; color: var(--text-muted) !important; } /* 表单控件 */ [data-theme="dark"] .tc-field select, [data-theme="dark"] .tc-field input { background: var(--bg-muted) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* 手动添加 textarea */ [data-theme="dark"] .tc-add-row textarea { background: var(--bg-muted) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* 复制按钮 */ [data-theme="dark"] .tc-output-copy { background: rgba(99, 102, 241, 0.15) !important; color: rgba(167, 139, 250, 0.90) !important; } /* ================================================================ 28. 净利润计算器（profit-calculator.css） ================================================================ */ /* Tab hover 态（硬编码浅色渐变） */ [data-theme="dark"] .profit-tab:hover { background: rgba(99, 102, 241, 0.10) !important; color: rgba(255, 255, 255, 0.75) !important; } /* 滑块模拟介绍栏（硬编码 #f0fdf4 浅绿） */ [data-theme="dark"] .sim-intro { background: rgba(16, 185, 129, 0.08) !important; color: rgba(52, 211, 153, 0.88) !important; } /* 定价反算介绍栏（硬编码 #eff6ff 浅蓝） */ [data-theme="dark"] .reverse-intro { background: rgba(99, 102, 241, 0.09) !important; color: rgba(167, 139, 250, 0.85) !important; } /* 警告提示条 */ [data-theme="dark"] .warning-item.danger { background: rgba(239, 68, 68, 0.12) !important; color: rgba(252, 165, 165, 0.90) !important; border-color: rgba(239, 68, 68, 0.28) !important; } [data-theme="dark"] .warning-item.warning { background: rgba(245, 158, 11, 0.10) !important; color: rgba(251, 191, 36, 0.88) !important; border-color: rgba(245, 158, 11, 0.28) !important; } /* 最优 / 最差 SKU 卡片（硬编码浅绿/浅红渐变） */ [data-theme="dark"] .kpi-card-best { background: rgba(16, 185, 129, 0.10) !important; border-color: rgba(16, 185, 129, 0.30) !important; } [data-theme="dark"] .kpi-card-worst { background: rgba(239, 68, 68, 0.10) !important; border-color: rgba(239, 68, 68, 0.30) !important; } /* 文件已上传提示条（硬编码 #f0fdf4 / #bbf7d0 / #166534） */ [data-theme="dark"] .upload-file-info { background: rgba(16, 185, 129, 0.08) !important; border-color: rgba(16, 185, 129, 0.25) !important; color: rgba(52, 211, 153, 0.88) !important; } [data-theme="dark"] .upload-file-info i { color: rgba(52, 211, 153, 0.88) !important; } /* 公式提示标签（硬编码 #fff 白底） */ [data-theme="dark"] .hint-rate-list span { background: var(--bg-muted) !important; border-color: var(--border-color) !important; color: var(--text-secondary) !important; } /* 批量表亏损行（硬编码 #fef2f2） */ [data-theme="dark"] .batch-table .loss-row { background: rgba(239, 68, 68, 0.08) !important; } [data-theme="dark"] .batch-table .loss-row td { color: rgba(252, 165, 165, 0.90) !important; } /* ================================================================ 29. 京东自营毛保（pages-maobao.css） ================================================================ */ /* 功能徽章（硬编码 #f0f4fa 浅蓝底） */ [data-theme="dark"] .mb-badge-blue, [data-theme="dark"] .mb-badge-purple, [data-theme="dark"] .mb-badge-amber, [data-theme="dark"] .mb-badge-green { background: rgba(99, 102, 241, 0.12) !important; color: rgba(167, 139, 250, 0.90) !important; } /* 右侧说明面板（硬编码 #f8f9fc） */ [data-theme="dark"] .mb-right-panel { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } /* 公式块 & 示例块（硬编码 white / #e8edf7） */ [data-theme="dark"] .mb-rp-formula { background: var(--bg-muted) !important; border-color: rgba(99, 102, 241, 0.20) !important; border-left-color: rgba(99, 102, 241, 0.60) !important; color: var(--text-primary) !important; } [data-theme="dark"] .mb-example-block { background: var(--bg-muted) !important; border-color: var(--border-color) !important; } /* 计算示例展开头部（硬编码 #f8f9fc） */ [data-theme="dark"] .mb-example-summary { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; } /* 结果横幅 safe（硬编码浅绿） */ [data-theme="dark"] .mb-banner-safe { background: rgba(16, 185, 129, 0.10) !important; color: rgba(52, 211, 153, 0.90) !important; border-color: rgba(16, 185, 129, 0.28) !important; } /* 结果横幅 warn（硬编码浅红） */ [data-theme="dark"] .mb-banner-warn { background: rgba(239, 68, 68, 0.10) !important; color: rgba(252, 165, 165, 0.90) !important; border-color: rgba(239, 68, 68, 0.25) !important; } /* 敏感性分析结论 safe/warn */ [data-theme="dark"] .mb-sens-safe { background: rgba(16, 185, 129, 0.10) !important; color: rgba(52, 211, 153, 0.90) !important; border-color: rgba(16, 185, 129, 0.28) !important; } [data-theme="dark"] .mb-sens-warn { background: rgba(245, 158, 11, 0.10) !important; color: rgba(251, 191, 36, 0.88) !important; border-color: rgba(245, 158, 11, 0.28) !important; } /* 临界价高亮卡片（硬编码浅蓝渐变 / #c3cfe2 边框） */ [data-theme="dark"] .mb-critical-card { background: rgba(99, 102, 241, 0.08) !important; border-color: rgba(99, 102, 241, 0.25) !important; } /* 临界价公式内 code 标签（硬编码 #fff） */ [data-theme="dark"] .mb-critical-formula code { background: var(--bg-muted) !important; color: var(--text-primary) !important; } /* 图例颜色适配 */ [data-theme="dark"] .mb-legend-safe { color: #34d399 !important; } [data-theme="dark"] .mb-legend-danger { color: #fb7185 !important; } [data-theme="dark"] .mb-legend-critical { color: #fbbf24 !important; } /* ================================================================ 30. 多平台利润对比（profit_compare.html inline style） ================================================================ */ /* 通用引导标签（硬编码 #eef2ff 浅紫） */ [data-theme="dark"] .pc-guide-tag-pill { background: rgba(99, 102, 241, 0.14) !important; color: rgba(167, 139, 250, 0.90) !important; } /* 各平台内联色标签（硬编码品牌浅色底） */ [data-theme="dark"] .pc-guide-tag-pill[style*="fff0eb"] { background: rgba(255, 80, 0, 0.14) !important; color: #FF5000 !important; } [data-theme="dark"] .pc-guide-tag-pill[style*="fff0f3"] { background: rgba(255, 0, 54, 0.14) !important; color: #FF0036 !important; } [data-theme="dark"] .pc-guide-tag-pill[style*="fff0f0"] { background: rgba(226, 35, 26, 0.14) !important; } [data-theme="dark"] .pc-guide-tag-pill[style*="f5f5f5"] { background: rgba(255, 255, 255, 0.08) !important; color: rgba(255, 255, 255, 0.75) !important; } /* 空态提示区（pc-hint 不含 -card/-panel，需显式覆盖） */ [data-theme="dark"] .pc-hint { background: var(--bg-card) !important; border-color: var(--border-color) !important; } /* 平台勾选行（pc-platform-row 不含通配词，需显式覆盖） */ [data-theme="dark"] .pc-platform-row { background: var(--bg-card) !important; border-color: var(--border-color) !important; } /* ================================================================ 31. 精算工具箱（quick_calculators.html inline style） ================================================================ */ /* 计算结论条（硬编码浅绿/浅黄/浅红） */ [data-theme="dark"] .qc-verdict.good { background: rgba(16, 185, 129, 0.10) !important; color: rgba(52, 211, 153, 0.90) !important; } [data-theme="dark"] .qc-verdict.warn { background: rgba(245, 158, 11, 0.10) !important; color: rgba(251, 191, 36, 0.88) !important; } [data-theme="dark"] .qc-verdict.bad { background: rgba(239, 68, 68, 0.12) !important; color: rgba(252, 165, 165, 0.90) !important; } /* 示例卡片头部（硬编码深紫 #4c3d7a） */ [data-theme="dark"] .qc-example-header { background: rgba(99, 102, 241, 0.12) !important; border-color: rgba(99, 102, 241, 0.20) !important; color: rgba(167, 139, 250, 0.90) !important; } /* 示例结果块（硬编码深紫 #4c1d95） */ [data-theme="dark"] .qc-example-result { background: rgba(99, 102, 241, 0.10) !important; color: rgba(167, 139, 250, 0.90) !important; } /* 示例行分割线（硬编码 rgba(0,0,0,0.07)） */ [data-theme="dark"] .qc-example-row { border-bottom-color: rgba(255, 255, 255, 0.06) !important; } /* ================================================================ 32. 降价效果分析（price_reduction_analysis.html inline style） ================================================================ */ /* 特性卡片图标背景（硬编码浅蓝/绿/黄/紫） */ [data-theme="dark"] .pr-feature-card:nth-child(1) .pr-feature-icon { background: rgba(37, 99, 235, 0.18) !important; } [data-theme="dark"] .pr-feature-card:nth-child(2) .pr-feature-icon { background: rgba(5, 150, 105, 0.18) !important; } [data-theme="dark"] .pr-feature-card:nth-child(3) .pr-feature-icon { background: rgba(217, 119, 6, 0.18) !important; } [data-theme="dark"] .pr-feature-card:nth-child(4) .pr-feature-icon { background: rgba(124, 58, 237, 0.18) !important; } /* 步骤编号圆（硬编码 rgba(0,0,0,0.1)） */ [data-theme="dark"] .pr-step-num { background: rgba(255, 255, 255, 0.15) !important; } /* 列标签 required / optional */ [data-theme="dark"] .pr-col-tag.required { background: rgba(37, 99, 235, 0.16) !important; color: rgba(147, 197, 253, 0.90) !important; } [data-theme="dark"] .pr-col-tag.optional { background: var(--bg-muted) !important; color: var(--text-muted) !important; } /* 列检测徽标（大量硬编码浅色） */ [data-theme="dark"] .pr-badge.type-sku_name { background: rgba(124, 58, 237, 0.16) !important; color: rgba(196, 181, 253, 0.90) !important; border-color: rgba(124, 58, 237, 0.28) !important; } [data-theme="dark"] .pr-badge.type-cost_price { background: rgba(220, 38, 38, 0.14) !important; color: rgba(252, 165, 165, 0.90) !important; border-color: rgba(220, 38, 38, 0.28) !important; } [data-theme="dark"] .pr-badge.type-orig_price { background: rgba(37, 99, 235, 0.14) !important; color: rgba(147, 197, 253, 0.90) !important; border-color: rgba(37, 99, 235, 0.28) !important; } [data-theme="dark"] .pr-badge.type-sale_price { background: rgba(5, 150, 105, 0.14) !important; color: rgba(110, 231, 183, 0.90) !important; border-color: rgba(5, 150, 105, 0.28) !important; } [data-theme="dark"] .pr-badge.type-orig_qty { background: rgba(3, 105, 161, 0.14) !important; color: rgba(125, 211, 252, 0.90) !important; border-color: rgba(3, 105, 161, 0.28) !important; } [data-theme="dark"] .pr-badge.type-sale_qty { background: rgba(22, 101, 52, 0.14) !important; color: rgba(134, 239, 172, 0.90) !important; border-color: rgba(22, 101, 52, 0.28) !important; } [data-theme="dark"] .pr-badge.type-orig_cvr, [data-theme="dark"] .pr-badge.type-sale_cvr { background: rgba(217, 119, 6, 0.14) !important; color: rgba(252, 211, 77, 0.90) !important; border-color: rgba(217, 119, 6, 0.28) !important; } [data-theme="dark"] .pr-badge.type-orig_visitors, [data-theme="dark"] .pr-badge.type-sale_visitors { background: rgba(157, 23, 77, 0.14) !important; color: rgba(249, 168, 212, 0.90) !important; border-color: rgba(157, 23, 77, 0.28) !important; } [data-theme="dark"] .pr-badge.type-unknown { background: var(--bg-muted) !important; color: var(--text-muted) !important; border-color: var(--border-color) !important; } /* 评级徽标 */ [data-theme="dark"] .pr-rating-success { background: rgba(5, 150, 105, 0.14) !important; color: rgba(110, 231, 183, 0.90) !important; } [data-theme="dark"] .pr-rating-warning { background: rgba(217, 119, 6, 0.14) !important; color: rgba(252, 211, 77, 0.90) !important; } [data-theme="dark"] .pr-rating-danger { background: rgba(220, 38, 38, 0.14) !important; color: rgba(252, 165, 165, 0.90) !important; } [data-theme="dark"] .pr-rating-ineffective { background: var(--bg-muted) !important; color: var(--text-muted) !important; } [data-theme="dark"] .pr-rating-critical { background: rgba(157, 23, 77, 0.14) !important; color: rgba(249, 168, 212, 0.90) !important; } /* 诊断图标背景 */ [data-theme="dark"] .level-success .pr-diag-icon { background: rgba(22, 163, 74, 0.16) !important; color: #4ade80 !important; } [data-theme="dark"] .level-warning .pr-diag-icon { background: rgba(217, 119, 6, 0.16) !important; color: #fbbf24 !important; } [data-theme="dark"] .level-danger .pr-diag-icon { background: rgba(220, 38, 38, 0.16) !important; color: #fb7185 !important; } /* 引导标签 required / optional */ [data-theme="dark"] .pr-guide-tag-required { background: rgba(37, 99, 235, 0.16) !important; color: rgba(147, 197, 253, 0.90) !important; border-color: rgba(37, 99, 235, 0.30) !important; } [data-theme="dark"] .pr-guide-tag-optional { background: var(--bg-muted) !important; color: var(--text-muted) !important; border-color: var(--border-color) !important; } /* Loading 遮罩文字 */ [data-theme="dark"] .pr-loading-text { color: var(--text-primary) !important; } /* ================================================================ 33. A/B 测试（ab_test.html inline style + pages-ab.css） ================================================================ */ /* 一键填充示例栏（inline style 浅紫渐变） */ [data-theme="dark"] .demo-entry-bar { background: rgba(107, 70, 193, 0.12) !important; border: 1px solid rgba(107, 70, 193, 0.22); } /* 示例数据徽标（inline style #ede9fe） */ [data-theme="dark"] .demo-preview-badge { background: rgba(107, 70, 193, 0.18) !important; } /* 归一化说明框（pages-ab.css 浅蓝渐变） */ [data-theme="dark"] .ab-why-normalize { background: rgba(49, 130, 206, 0.10) !important; border-left-color: rgba(49, 130, 206, 0.60) !important; } [data-theme="dark"] .ab-why-normalize h5 { color: rgba(147, 197, 253, 0.90) !important; } /* 权重示例块（pages-ab.css 浅绿渐变） */ [data-theme="dark"] .ab-example-weight { background: rgba(56, 161, 105, 0.10) !important; border-left-color: rgba(56, 161, 105, 0.60) !important; } /* 结果高亮行（pages-ab.css 浅蓝渐变） */ [data-theme="dark"] .ab-result .result-item.highlight { background: rgba(49, 130, 206, 0.10) !important; } /* FAQ 问题悬停（pages-ab.css rgba(26,54,93,0.03) 浅蓝） */ [data-theme="dark"] .ab-faq-question:hover { background: rgba(255, 255, 255, 0.04) !important; } /* 结论卡片（inline style 浅绿渐变） */ [data-theme="dark"] .ab-conclusion-card { background: rgba(16, 185, 129, 0.08) !important; border-color: rgba(16, 185, 129, 0.25) !important; } [data-theme="dark"] .ab-conclusion-card h4 { color: rgba(52, 211, 153, 0.90) !important; } [data-theme="dark"] .ab-conclusion-card .conclusion-highlight { color: rgba(52, 211, 153, 0.90) !important; } [data-theme="dark"] .ab-conclusion-card .conclusion-tip { background: rgba(255, 255, 255, 0.05) !important; color: var(--text-secondary) !important; } /* 注意事项卡片（inline style 浅黄） */ [data-theme="dark"] .ab-notice-card { background: rgba(245, 158, 11, 0.08) !important; border-color: rgba(245, 158, 11, 0.25) !important; } [data-theme="dark"] .ab-notice-title { color: rgba(251, 191, 36, 0.90) !important; } [data-theme="dark"] .ab-notice-list li { color: var(--text-secondary) !important; } [data-theme="dark"] .ab-notice-list li strong { color: var(--text-primary) !important; } /* 退货率卡片（inline style 浅橙/黄渐变） */ [data-theme="dark"] .ab-return-card { background: rgba(245, 158, 11, 0.08) !important; border-color: rgba(245, 158, 11, 0.22) !important; } [data-theme="dark"] .ab-return-header { color: rgba(251, 191, 36, 0.90) !important; } [data-theme="dark"] .return-item { border-color: rgba(245, 158, 11, 0.25) !important; } [data-theme="dark"] .return-item.return-winner { background: rgba(16, 185, 129, 0.08) !important; border-color: rgba(16, 185, 129, 0.30) !important; } [data-theme="dark"] .return-value { color: var(--text-primary) !important; } [data-theme="dark"] .return-item.return-winner .return-value { color: #34d399 !important; } [data-theme="dark"] .return-label { color: var(--text-secondary) !important; } [data-theme="dark"] .return-note-text { color: var(--text-muted) !important; } /* ================================================================ 34. 下单转化路径（funnel_chart.html / pages-funnel.css / funnel.css） ================================================================ */ /* 转化率表格行悬停（predict-shared.css .history-table tbody tr:hover 硬编码 #f8fafc） */ [data-theme="dark"] .history-table tbody tr:hover { background: transparent !important; } [data-theme="dark"] .history-table tbody tr:hover td { background: rgba(255, 255, 255, 0.04) !important; } /* 效率分析卡片（pages-funnel.css 浅灰白渐变 / funnel.css #f8fafc） */ [data-theme="dark"] .efficiency-card { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } /* 未识别状态警告条（funnel.css 硬编码浅黄） */ [data-theme="dark"] .unmatched-warning { background: rgba(245, 158, 11, 0.08) !important; border-color: rgba(245, 158, 11, 0.30) !important; border-left-color: rgba(245, 158, 11, 0.60) !important; } [data-theme="dark"] .unmatched-warning h4 { color: rgba(251, 191, 36, 0.90) !important; } [data-theme="dark"] .unmatched-warning p { color: var(--text-secondary) !important; } /* ================================================================ 35. Excel 数据清洗（excel_cleaner.html inline style） ================================================================ */ /* 功能特性图标背景（硬编码浅色） */ [data-theme="dark"] .ec-feature-card:nth-child(1) .ec-feature-icon { background: rgba(5,150,105,0.18) !important; } [data-theme="dark"] .ec-feature-card:nth-child(2) .ec-feature-icon { background: rgba(37,99,235,0.18) !important; } [data-theme="dark"] .ec-feature-card:nth-child(3) .ec-feature-icon { background: rgba(217,119,6,0.18) !important; } [data-theme="dark"] .ec-feature-card:nth-child(4) .ec-feature-icon { background: rgba(124,58,237,0.18) !important; } /* 示例表格行分隔线 */ [data-theme="dark"] .ec-sample-table td { border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .ec-sample-td-dup { background: rgba(239,68,68,0.10) !important; } /* 质量标签 */ [data-theme="dark"] .ec-quality-label.good { background: rgba(5,150,105,0.18) !important; color: #34d399 !important; } [data-theme="dark"] .ec-quality-label.medium { background: rgba(217,119,6,0.18) !important; color: #fbbf24 !important; } [data-theme="dark"] .ec-quality-label.bad { background: rgba(220,38,38,0.18) !important; color: #f87171 !important; } /* 统计胶囊 */ [data-theme="dark"] .ec-stat-pill.danger { background: rgba(220,38,38,0.16) !important; color: #f87171 !important; } [data-theme="dark"] .ec-stat-pill.warning { background: rgba(217,119,6,0.16) !important; color: #fbbf24 !important; } [data-theme="dark"] .ec-stat-pill.info { background: rgba(37,99,235,0.16) !important; color: #93c5fd !important; } [data-theme="dark"] .ec-stat-pill.ok { background: rgba(5,150,105,0.16) !important; color: #34d399 !important; } /* 操作建议徽标 */ [data-theme="dark"] .ec-op-badge { background: rgba(217,119,6,0.18) !important; color: #fbbf24 !important; } /* 列类型徽标 */ [data-theme="dark"] .ec-type-numeric { background: rgba(37,99,235,0.18) !important; color: #93c5fd !important; } [data-theme="dark"] .ec-type-datetime { background: rgba(124,58,237,0.18) !important; color: #c4b5fd !important; } [data-theme="dark"] .ec-type-text { background: rgba(255,255,255,0.08) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .ec-type-empty { background: rgba(220,38,38,0.18) !important; color: #f87171 !important; } /* 问题标签 */ [data-theme="dark"] .ec-issue-tag { background: rgba(217,119,6,0.16) !important; color: #fbbf24 !important; } /* 数据预览表格异常行 */ [data-theme="dark"] .ec-preview-table td.empty-cell { background: rgba(234,88,12,0.12) !important; color: #fb923c !important; } [data-theme="dark"] .ec-preview-table td.dup-row { background: rgba(239,68,68,0.10) !important; } /* 原因说明卡片图标背景 */ [data-theme="dark"] .ec-why-card:nth-child(1) .ec-why-icon { background: rgba(220,38,38,0.18) !important; } [data-theme="dark"] .ec-why-card:nth-child(2) .ec-why-icon { background: rgba(217,119,6,0.18) !important; } [data-theme="dark"] .ec-why-card:nth-child(3) .ec-why-icon { background: rgba(37,99,235,0.18) !important; } [data-theme="dark"] .ec-why-card:nth-child(4) .ec-why-icon { background: rgba(124,58,237,0.18) !important; } [data-theme="dark"] .ec-why-card:nth-child(5) .ec-why-icon { background: rgba(5,150,105,0.18) !important; } [data-theme="dark"] .ec-why-card:nth-child(6) .ec-why-icon { background: rgba(219,39,119,0.18) !important; } /* ================================================================ 36. 多平台数据合并（data_merge.html inline style） ================================================================ */ /* 功能图标背景 */ [data-theme="dark"] .dm-feature-icon.green { background: rgba(5,150,105,0.18) !important; } [data-theme="dark"] .dm-feature-icon.blue { background: rgba(37,99,235,0.18) !important; } [data-theme="dark"] .dm-feature-icon.purple { background: rgba(124,58,237,0.18) !important; } /* 步骤导航激活 / 完成状态 */ [data-theme="dark"] .dm-step.active { background: rgba(37,99,235,0.14) !important; color: #93c5fd !important; } [data-theme="dark"] .dm-step.done { background: rgba(22,163,74,0.12) !important; color: #34d399 !important; } /* 文件移除按钮悬停 */ [data-theme="dark"] .dm-file-remove:hover { background: rgba(220,38,38,0.18) !important; color: #f87171 !important; } /* 目标列标准徽标 */ [data-theme="dark"] .dm-target-badge { background: rgba(37,99,235,0.16) !important; color: #93c5fd !important; border-color: rgba(37,99,235,0.30) !important; } /* 计算列删除按钮 */ [data-theme="dark"] .dm-calc-remove { background: rgba(220,38,38,0.18) !important; color: #f87171 !important; } [data-theme="dark"] .dm-calc-remove:hover { background: rgba(220,38,38,0.30) !important; } /* 列 chip */ [data-theme="dark"] .dm-col-chip { background: rgba(124,58,237,0.16) !important; color: #c4b5fd !important; border-color: rgba(124,58,237,0.30) !important; } [data-theme="dark"] .dm-col-chip:hover { background: #7c3aed !important; color: white !important; } /* 危险按钮 */ [data-theme="dark"] .dm-btn-danger { background: rgba(220,38,38,0.18) !important; color: #f87171 !important; } [data-theme="dark"] .dm-btn-danger:hover { background: rgba(220,38,38,0.30) !important; } /* 效果预览横幅 */ [data-theme="dark"] .dm-preview-banner { background: rgba(37,99,235,0.07) !important; border-color: rgba(99,102,241,0.25) !important; } [data-theme="dark"] .dm-preview-banner-title { color: #93c5fd !important; } /* Before/After 标签 */ [data-theme="dark"] .dm-ba-label.before { background: rgba(220,38,38,0.16) !important; color: #f87171 !important; } [data-theme="dark"] .dm-ba-label.after { background: rgba(5,150,105,0.16) !important; color: #34d399 !important; } /* Mini 表格（前后对比）*/ [data-theme="dark"] .dm-mini-table th { background: rgba(37,99,235,0.16) !important; color: #93c5fd !important; border-color: rgba(37,99,235,0.25) !important; } [data-theme="dark"] .dm-mini-table td { border-color: var(--border-color) !important; } [data-theme="dark"] .dm-mini-table.after th { background: rgba(5,150,105,0.16) !important; color: #34d399 !important; border-color: rgba(5,150,105,0.25) !important; } [data-theme="dark"] .dm-mini-table.after td { border-color: rgba(5,150,105,0.18) !important; } /* 去重 / 计算列徽章 */ [data-theme="dark"] .dm-dedup-badge { background: rgba(217,119,6,0.16) !important; color: #fbbf24 !important; border-color: rgba(217,119,6,0.30) !important; } [data-theme="dark"] .dm-calc-badge { background: rgba(124,58,237,0.16) !important; color: #c4b5fd !important; border-color: rgba(124,58,237,0.30) !important; } /* 快速分析面板 */ [data-theme="dark"] .dm-analyze-panel { background: rgba(37,99,235,0.06) !important; border-color: rgba(99,102,241,0.22) !important; } [data-theme="dark"] .dm-analyze-header { border-bottom-color: rgba(99,102,241,0.18) !important; } [data-theme="dark"] .dm-analyze-title { color: #93c5fd !important; } [data-theme="dark"] .dm-analyze-footer { border-top-color: rgba(99,102,241,0.18) !important; } /* ================================================================ 37. 下拉词批量对比（suggest_keywords_compare.html） ================================================================ */ /* var(--card-bg) / var(--bg-primary) 未定义，回退 #fff — 统一覆盖 */ [data-theme="dark"] .skc-search-card, [data-theme="dark"] .skc-legend, [data-theme="dark"] .skc-col, [data-theme="dark"] .skc-hint { background: var(--bg-card) !important; } [data-theme="dark"] .skc-input-wrap, [data-theme="dark"] .skc-col-btn { background: var(--bg-secondary) !important; } /* 说明条 */ [data-theme="dark"] .skc-note { background: rgba(67,56,202,0.10) !important; border-color: rgba(99,102,241,0.28) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .skc-note i, [data-theme="dark"] .skc-note strong { color: #a5b4fc !important; } /* 历史标签悬停 */ [data-theme="dark"] .skc-htag:hover { background: rgba(99,102,241,0.14) !important; } /* 关键词排名圆圈（普通） */ [data-theme="dark"] .skc-kw-rank { background: rgba(255,255,255,0.10) !important; color: var(--text-secondary) !important; } /* 独有词高亮行 */ [data-theme="dark"] .skc-kw-item.exclusive { background: rgba(251,191,36,0.08) !important; } [data-theme="dark"] .skc-kw-item.exclusive:hover { background: rgba(251,191,36,0.14) !important; } [data-theme="dark"] .skc-kw-item.exclusive .skc-kw-text { color: #fbbf24 !important; } /* 共同词高亮行 */ [data-theme="dark"] .skc-kw-item.common { background: rgba(99,102,241,0.10) !important; } [data-theme="dark"] .skc-kw-item.common:hover { background: rgba(99,102,241,0.18) !important; } [data-theme="dark"] .skc-kw-item.common .skc-kw-text { color: #a5b4fc !important; } /* 复制成功闪烁 */ [data-theme="dark"] .skc-kw-item.copied { background: rgba(5,150,105,0.12) !important; } /* 骨架屏 */ [data-theme="dark"] .skc-skel-item { background: linear-gradient(90deg, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0.10) 50%, rgba(255,255,255,0.05) 75%) !important; background-size: 200% 100% !important; } /* 错误状态 */ [data-theme="dark"] .skc-col-error { background: rgba(220,38,38,0.10) !important; border-color: rgba(220,38,38,0.30) !important; color: #f87171 !important; } /* 建议词 pill 悬停 */ [data-theme="dark"] .skc-hint-pill:hover { background: rgba(99,102,241,0.14) !important; } /* 分享按钮（inline background:#fff） */ [data-theme="dark"] #skc-share-btn { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; color: var(--text-secondary) !important; } /* 游客提示条（inline background:#fffbe6） */ [data-theme="dark"] .skc-guest-banner { background: rgba(250,173,20,0.08) !important; border-color: rgba(250,173,20,0.30) !important; color: var(--text-secondary) !important; } /* ================================================================ 38. 店铺复盘报告（activity_review.html） ================================================================ */ /* Hero 渐变保持，仅调整文字对比度 */ [data-theme="dark"] .review-hero { color: rgba(255,255,255,0.92) !important; } [data-theme="dark"] .review-hero-desc { opacity: 0.78 !important; } /* 类型按钮 active 背景混色（color-mix） */ [data-theme="dark"] .review-type-btn.active { background: var(--bg-secondary) !important; border-color: var(--type-color, #3b82f6) !important; } [data-theme="dark"] .review-type-btn.active .review-type-icon { background: var(--bg-card) !important; } /* 输入单位背景 */ [data-theme="dark"] .review-input-unit { background: var(--bg-muted) !important; } /* 导出 PPTX / 导入按钮 */ [data-theme="dark"] .btn-export-pptx, [data-theme="dark"] .btn-import-tpl { background: rgba(16,185,129,0.12) !important; color: #34d399 !important; border-color: rgba(16,185,129,0.30) !important; } [data-theme="dark"] .btn-export-pptx:hover, [data-theme="dark"] .btn-import-tpl:hover { background: #10b981 !important; color: #fff !important; border-color: #10b981 !important; } /* 导入数据按钮 */ [data-theme="dark"] .btn-import-data { background: rgba(37,99,235,0.12) !important; color: #93c5fd !important; border-color: rgba(37,99,235,0.30) !important; } [data-theme="dark"] .btn-import-data:hover { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; } /* 导入成功提示 */ [data-theme="dark"] .import-success-tip { background: rgba(16,185,129,0.12) !important; border-color: rgba(16,185,129,0.30) !important; color: #34d399 !important; } /* AI 分析面板 */ [data-theme="dark"] .review-ai-panel { border-color: rgba(99,102,241,0.22) !important; } /* ================================================================ 39. 店铺健康诊断（store_health.html） ================================================================ */ /* 行业选择区渐变 */ [data-theme="dark"] .sh-industry-section { background: rgba(37,99,235,0.08) !important; border-color: rgba(37,99,235,0.22) !important; } [data-theme="dark"] .sh-industry-section .section-title { color: #93c5fd !important; } /* AI 分析区渐变 */ [data-theme="dark"] .sh-ai-section { background: rgba(147,197,253,0.06) !important; border-color: rgba(147,197,253,0.18) !important; } /* 状态点颜色（硬编码） */ [data-theme="dark"] .sh-result-value.red { color: #f87171 !important; } [data-theme="dark"] .sh-result-value.yellow { color: #fbbf24 !important; } [data-theme="dark"] .sh-result-value.green { color: #34d399 !important; } [data-theme="dark"] .sh-result-value.excellent { color: #93c5fd !important; } /* 进度条刻度文字 */ [data-theme="dark"] .sh-bench-tick-label { color: var(--text-secondary) !important; } [data-theme="dark"] .sh-bench-tick-label.avg { color: var(--text-secondary) !important; font-weight: 400 !important; } [data-theme="dark"] .sh-bench-tick-label.high { color: var(--text-secondary) !important; font-weight: 400 !important; } /* 进度条刻度线 */ [data-theme="dark"] .sh-bench-tick { background: var(--border-color) !important; } [data-theme="dark"] .sh-bench-tick.avg { background: var(--text-muted) !important; } [data-theme="dark"] .sh-bench-tick.high { background: var(--text-primary) !important; } /* 进度条点边框 */ [data-theme="dark"] .sh-bench-dot { border-color: var(--border-color) !important; } /* 步骤圆圈默认文字 */ [data-theme="dark"] .sh-step-label { color: var(--text-secondary) !important; } /* 步骤线完成色 */ [data-theme="dark"] .sh-step-line.done { background: rgba(5,150,105,0.4) !important; } /* 鼓励文字 */ [data-theme="dark"] .sh-encouragement { color: #34d399 !important; } /* ================================================================ 40. 服务支持（support.html） ================================================================ */ /* Hero 渐变保持，仅微调粒子透明度 */ [data-theme="dark"] .support-hero::before, [data-theme="dark"] .support-hero::after { background: rgba(255,255,255,0.03) !important; } [data-theme="dark"] .hero-particle { background: rgba(255,255,255,0.12) !important; } /* 平台能力条渐变 */ [data-theme="dark"] .capability-bar { background: rgba(37,99,235,0.06) !important; border-color: rgba(37,99,235,0.20) !important; } /* 能力指标卡片边框 */ [data-theme="dark"] .capability-metric { border-color: var(--border-color) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.30) !important; } [data-theme="dark"] .capability-metric:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.50) !important; } /* 功能列表图标颜色 */ [data-theme="dark"] .support-card-features li::before { color: #34d399 !important; } /* 访客提示变量覆盖 */ [data-theme="dark"] .visitor-notice { background: rgba(217,119,6,0.08) !important; border-color: rgba(217,119,6,0.25) !important; } [data-theme="dark"] .visitor-notice-title, [data-theme="dark"] .visitor-notice-text { color: var(--text-secondary) !important; } /* ================================================================ 41. 工作台 — Excel 导入区（daily_workbench） ================================================================ */ /* 目标店铺选择行（硬编码 #fffbeb 浅黄） */ [data-theme="dark"] .dw-import-store-row { background: rgba(245, 158, 11, 0.08) !important; border-color: rgba(245, 158, 11, 0.25) !important; } /* 店铺标签文字（硬编码 #92400e 深琥珀） */ [data-theme="dark"] .dw-import-store-label { color: rgba(251, 191, 36, 0.88) !important; } /* 店铺选择框边框（硬编码 #fcd34d） */ [data-theme="dark"] .dw-import-store-select { border-color: rgba(245, 158, 11, 0.30) !important; } /* 右侧提示文字（硬编码 #b45309） */ [data-theme="dark"] .dw-import-store-tip { color: rgba(251, 191, 36, 0.65) !important; } /* 模板说明条（硬编码 #eff6ff 浅蓝） */ [data-theme="dark"] .dw-import-tip { background: rgba(99, 102, 241, 0.08) !important; border-color: rgba(99, 102, 241, 0.22) !important; } /* 上传拖放区（浏览器默认白色背景） */ [data-theme="dark"] .dw-upload-zone { background: var(--bg-secondary) !important; } [data-theme="dark"] .dw-upload-zone.dragover { background: rgba(99, 102, 241, 0.10) !important; border-color: var(--primary-color) !important; } /* ================================================================ 21. 滚动条 ================================================================ */ [data-theme="dark"] ::-webkit-scrollbar-track { background: #0d1017; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.12); border-radius: 4px; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.22); }