From a3052767d794ee8e622756b1a1d1f54f2ff339cb Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Wed, 6 May 2026 16:54:48 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E5=85=A8=20AI=20=E9=A2=84=E6=B5=8B?=
 =?UTF-8?q?=E5=8F=8C=E5=8D=A1=E7=89=87=E7=BB=84=E4=BB=B6=E7=9A=84=E4=BA=AE?=
 =?UTF-8?q?=E8=89=B2=E6=A8=A1=E5=BC=8F=20CSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

此前新增的预测卡片（scan-ai-prediction-card/confidence 等）
只有暗色模式样式，在亮色模式下白底上显示深色背景块，严重
影响可读性。现补全 30 条亮色覆盖规则。
---
 .../ScanTerminalLightTheme.module.css         | 70 +++++++++++++++++++
 1 file changed, 70 insertions(+)

diff --git a/frontend/components/dashboard/ScanTerminalLightTheme.module.css b/frontend/components/dashboard/ScanTerminalLightTheme.module.css
index ab7bd157..3a1bc6e9 100644
--- a/frontend/components/dashboard/ScanTerminalLightTheme.module.css
+++ b/frontend/components/dashboard/ScanTerminalLightTheme.module.css
@@ -839,3 +839,73 @@
 .root:global(.light) :global(.scan-terminal.light .scan-ai-decision-why) {
   color: #1d4ed8 !important;
 }
+
+/* ── AI prediction dual-card light mode ── */
+.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-dual) {
+  gap: 10px;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card) {
+  background: #ffffff !important;
+  border-color: #e2e8f0 !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card.ai) {
+  background: linear-gradient(180deg, rgba(219, 234, 254, 0.52), #ffffff) !important;
+  border-color: rgba(14, 165, 233, 0.28) !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card.deb) {
+  background: #ffffff !important;
+  border-color: #e2e8f0 !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card small) {
+  color: #64748b !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card strong) {
+  color: #0f172a !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card.ai strong) {
+  color: #0369a1 !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card em) {
+  color: #64748b !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card.ai.pending) {
+  background: rgba(219, 234, 254, 0.28) !important;
+  border-color: rgba(14, 165, 233, 0.16) !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-prediction-card.ai.pending strong) {
+  color: #94a3b8 !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-confidence) {
+  background: rgba(59, 130, 246, 0.1) !important;
+  color: #2563eb !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-confidence.high) {
+  background: rgba(16, 185, 129, 0.12) !important;
+  color: #047857 !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-confidence.medium) {
+  background: rgba(245, 158, 11, 0.12) !important;
+  color: #b45309 !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-confidence.low) {
+  background: rgba(148, 163, 184, 0.12) !important;
+  color: #64748b !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-confidence.neutral) {
+  background: rgba(148, 163, 184, 0.08) !important;
+  color: #64748b !important;
+}