From ecfc9c02cfa96c0973082dcf7e88524465166760 Mon Sep 17 00:00:00 2001 From: lintsinghua <1930438860@qq.com> Date: Wed, 22 Oct 2025 17:42:48 +0800 Subject: [PATCH] style(theme): Refactor global CSS with professional color scheme and design system - Update root and dark mode color variables using HSL color system - Implement professional color palette with deep red and gradient backgrounds - Add custom shadow and gradient variables for enhanced visual design - Improve component classes with new color tokens and design tokens - Enhance readability and consistency of color and styling approach - Introduce more semantic and professional color definitions for light and dark modes --- src/assets/styles/globals.css | 287 +++++++++++++++++++------- src/components/debug/DatabaseTest.tsx | 4 +- src/components/layout/Header.tsx | 10 +- src/pages/AdminDashboard.tsx | 38 ++-- src/pages/AuditTasks.tsx | 16 +- src/pages/ColorDemo.tsx | 0 src/pages/Dashboard.tsx | 44 ++-- src/pages/InstantAnalysis.tsx | 157 +++++++------- src/pages/Login.tsx | 4 +- src/pages/Projects.tsx | 18 +- src/pages/TaskDetail.tsx | 4 +- tailwind.config.js | 29 ++- 12 files changed, 398 insertions(+), 213 deletions(-) create mode 100644 src/pages/ColorDemo.tsx diff --git a/src/assets/styles/globals.css b/src/assets/styles/globals.css index 2bd9458..0be2dc4 100644 --- a/src/assets/styles/globals.css +++ b/src/assets/styles/globals.css @@ -5,93 +5,113 @@ /* Definition of the design system. All colors, gradients, fonts, etc should be defined here. All colors MUST be HSL. + +专业深红色配色方案： +- 主色调：深红色 (0 75% 25%) - 体现专业性和权威感 +- 强调色：暗红色 (0 60% 35%) - 用于交互元素和重点突出 +- 背景色：浅灰到黑色渐变 - 提供高对比度和现代感 +- 状态色：保持语义化的绿色(成功)、红色(错误)、黄色(警告) */ @layer base { :root { - --background: 0 0% 100%; - --foreground: 222.2 84% 4.9%; + --background: 0 0% 98%; + --foreground: 0 0% 5%; --card: 0 0% 100%; - --card-foreground: 222.2 84% 4.9%; + --card-foreground: 0 0% 5%; --popover: 0 0% 100%; - --popover-foreground: 222.2 84% 4.9%; + --popover-foreground: 0 0% 5%; - --primary: 222.2 47.4% 11.2%; - --primary-foreground: 210 40% 98%; + --primary: 0 75% 25%; + --primary-foreground: 0 0% 98%; - --secondary: 210 40% 96.1%; - --secondary-foreground: 222.2 47.4% 11.2%; + --secondary: 0 0% 95%; + --secondary-foreground: 0 75% 25%; - --muted: 210 40% 96.1%; - --muted-foreground: 215.4 16.3% 46.9%; + --muted: 0 0% 94%; + --muted-foreground: 0 0% 40%; - --accent: 210 40% 96.1%; - --accent-foreground: 222.2 47.4% 11.2%; + --accent: 0 60% 35%; + --accent-foreground: 0 0% 98%; - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 210 40% 98%; + --destructive: 0 84% 60%; + --destructive-foreground: 0 0% 98%; - --border: 214.3 31.8% 91.4%; - --input: 214.3 31.8% 91.4%; - --ring: 222.2 84% 4.9%; + --border: 0 0% 90%; + --input: 0 0% 90%; + --ring: 0 75% 25%; --radius: 0.5rem; - --sidebar-background: 0 0% 98%; - - --sidebar-foreground: 240 5.3% 26.1%; - - --sidebar-primary: 240 5.9% 10%; + /* 专业渐变效果 */ + --gradient-primary: linear-gradient(135deg, hsl(0 75% 25%) 0%, hsl(0 60% 35%) 100%); + --gradient-card: linear-gradient(145deg, hsl(0 0% 100%) 0%, hsl(0 0% 98%) 100%); + --gradient-background: linear-gradient(180deg, hsl(0 0% 98%) 0%, hsl(0 0% 95%) 100%); + + /* 专业阴影效果 */ + --shadow-card: 0 1px 3px 0 hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1); + --shadow-hover: 0 4px 6px -1px hsl(0 0% 0% / 0.1), 0 2px 4px -2px hsl(0 0% 0% / 0.1); + --shadow-focus: 0 0 0 3px hsl(0 75% 25% / 0.1); + --sidebar-background: 0 0% 8%; + --sidebar-foreground: 0 0% 85%; + --sidebar-primary: 0 75% 35%; --sidebar-primary-foreground: 0 0% 98%; - - --sidebar-accent: 240 4.8% 95.9%; - - --sidebar-accent-foreground: 240 5.9% 10%; - - --sidebar-border: 220 13% 91%; - - --sidebar-ring: 217.2 91.2% 59.8%; + --sidebar-accent: 0 0% 12%; + --sidebar-accent-foreground: 0 0% 85%; + --sidebar-border: 0 0% 15%; + --sidebar-ring: 0 75% 45%; } .dark { - --background: 222.2 84% 4.9%; - --foreground: 210 40% 98%; + --background: 0 0% 3%; + --foreground: 0 0% 95%; - --card: 222.2 84% 4.9%; - --card-foreground: 210 40% 98%; + --card: 0 0% 5%; + --card-foreground: 0 0% 95%; - --popover: 222.2 84% 4.9%; - --popover-foreground: 210 40% 98%; + --popover: 0 0% 5%; + --popover-foreground: 0 0% 95%; - --primary: 210 40% 98%; - --primary-foreground: 222.2 47.4% 11.2%; + --primary: 0 75% 45%; + --primary-foreground: 0 0% 5%; - --secondary: 217.2 32.6% 17.5%; - --secondary-foreground: 210 40% 98%; + --secondary: 0 0% 8%; + --secondary-foreground: 0 0% 95%; - --muted: 217.2 32.6% 17.5%; - --muted-foreground: 215 20.2% 65.1%; + --muted: 0 0% 8%; + --muted-foreground: 0 0% 60%; - --accent: 217.2 32.6% 17.5%; - --accent-foreground: 210 40% 98%; + --accent: 0 60% 50%; + --accent-foreground: 0 0% 5%; - --destructive: 0 62.8% 30.6%; - --destructive-foreground: 210 40% 98%; + --destructive: 0 75% 55%; + --destructive-foreground: 0 0% 95%; - --border: 217.2 32.6% 17.5%; - --input: 217.2 32.6% 17.5%; - --ring: 212.7 26.8% 83.9%; - --sidebar-background: 240 5.9% 10%; - --sidebar-foreground: 240 4.8% 95.9%; - --sidebar-primary: 224.3 76.3% 48%; - --sidebar-primary-foreground: 0 0% 100%; - --sidebar-accent: 240 3.7% 15.9%; - --sidebar-accent-foreground: 240 4.8% 95.9%; - --sidebar-border: 240 3.7% 15.9%; - --sidebar-ring: 217.2 91.2% 59.8%; + --border: 0 0% 12%; + --input: 0 0% 12%; + --ring: 0 75% 45%; + + /* 暗色模式专业渐变效果 */ + --gradient-primary: linear-gradient(135deg, hsl(0 75% 45%) 0%, hsl(0 60% 50%) 100%); + --gradient-card: linear-gradient(145deg, hsl(0 0% 5%) 0%, hsl(0 0% 3%) 100%); + --gradient-background: linear-gradient(180deg, hsl(0 0% 3%) 0%, hsl(0 0% 1%) 100%); + + /* 暗色模式专业阴影效果 */ + --shadow-card: 0 1px 3px 0 hsl(0 0% 0% / 0.3), 0 1px 2px -1px hsl(0 0% 0% / 0.3); + --shadow-hover: 0 4px 6px -1px hsl(0 0% 0% / 0.4), 0 2px 4px -2px hsl(0 0% 0% / 0.4); + --shadow-focus: 0 0 0 3px hsl(0 75% 45% / 0.2); + + --sidebar-background: 0 0% 2%; + --sidebar-foreground: 0 0% 85%; + --sidebar-primary: 0 75% 50%; + --sidebar-primary-foreground: 0 0% 5%; + --sidebar-accent: 0 0% 6%; + --sidebar-accent-foreground: 0 0% 85%; + --sidebar-border: 0 0% 8%; + --sidebar-ring: 0 75% 55%; } } @@ -109,42 +129,42 @@ All colors MUST be HSL. @layer components { /* 页面标题样式 */ .page-title { - @apply text-2xl md:text-3xl font-bold text-gray-900 tracking-tight; + @apply text-2xl md:text-3xl font-bold text-foreground tracking-tight; } .page-subtitle { - @apply text-sm md:text-base text-gray-600 mt-1; + @apply text-sm md:text-base text-muted-foreground mt-1; } /* 现代化卡片样式 */ .card-modern { - @apply bg-white rounded-xl border border-gray-200/60 shadow-sm hover:shadow-md transition-all duration-200; + @apply bg-card rounded-xl border border-border shadow-sm hover:shadow-md transition-all duration-200; } /* 统计卡片样式 */ .stat-card { - @apply bg-white rounded-xl border border-gray-200/60 shadow-sm hover:shadow-lg transition-all duration-300 hover:border-gray-300/60; + @apply bg-card rounded-xl border border-border shadow-sm hover:shadow-lg transition-all duration-300 hover:border-accent/30; } .stat-label { - @apply text-xs font-medium text-gray-500 uppercase tracking-wide; + @apply text-xs font-medium text-muted-foreground uppercase tracking-wide; } .stat-value { - @apply text-2xl md:text-3xl font-bold text-gray-900 mt-1; + @apply text-2xl md:text-3xl font-bold text-foreground mt-1; } .stat-icon { - @apply w-12 h-12 rounded-lg bg-gradient-to-br flex items-center justify-center shadow-sm; + @apply w-12 h-12 rounded-lg bg-gradient-to-br from-primary/10 to-accent/10 flex items-center justify-center shadow-sm; } /* 按钮样式 */ .btn-primary { - @apply bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white shadow-sm hover:shadow-md transition-all duration-200; + @apply bg-gradient-to-r from-primary to-accent hover:from-primary/90 hover:to-accent/90 text-primary-foreground shadow-sm hover:shadow-md transition-all duration-200; } .btn-secondary { - @apply border-gray-300 hover:border-gray-400 hover:bg-gray-50 transition-all duration-200; + @apply border-border hover:border-accent/50 hover:bg-accent/5 transition-all duration-200; } /* 空状态样式 */ @@ -153,7 +173,7 @@ All colors MUST be HSL. } .empty-icon { - @apply w-16 h-16 rounded-full bg-gray-100 flex items-center justify-center mb-4; + @apply w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4; } /* 动画 */ @@ -174,7 +194,7 @@ All colors MUST be HSL. /* 渐变背景 */ .gradient-bg { - @apply bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50; + @apply bg-gradient-to-br from-background via-muted/30 to-accent/5; } /* 响应式容器 */ @@ -211,11 +231,138 @@ All colors MUST be HSL. } ::-webkit-scrollbar-thumb { - background: rgba(156, 163, 175, 0.5); + background: hsl(var(--muted-foreground) / 0.3); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { - background: rgba(156, 163, 175, 0.8); + background: hsl(var(--accent) / 0.6); + } + + /* 专业高级感样式 */ + .professional-card { + @apply bg-gradient-card border border-border/50 shadow-card hover:shadow-hover transition-all duration-300; + } + + .professional-button { + @apply bg-gradient-primary text-primary-foreground font-semibold px-6 py-3 rounded-lg shadow-sm hover:shadow-md transition-all duration-200 focus:ring-2 focus:ring-primary/20 focus:outline-none; + } + + .professional-input { + @apply bg-background border border-border rounded-lg px-4 py-2 focus:border-primary focus:ring-2 focus:ring-primary/10 transition-all duration-200; + } + + .status-indicator { + @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium; + } + + .status-success { + @apply bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400; + } + + .status-warning { + @apply bg-yellow-100 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400; + } + + .status-error { + @apply bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400; + } + + .status-info { + @apply bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400; + } + + /* 高级导航样式 */ + .nav-link { + @apply flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-all duration-200 hover:bg-accent/10 hover:text-accent-foreground; + } + + .nav-link.active { + @apply bg-primary/10 text-primary border-r-2 border-primary; + } + + /* 专业表格样式 */ + .professional-table { + @apply w-full border-collapse bg-card rounded-lg overflow-hidden shadow-card; + } + + .professional-table th { + @apply bg-muted/50 px-6 py-3 text-left text-xs font-semibold text-muted-foreground uppercase tracking-wider border-b border-border; + } + + .professional-table td { + @apply px-6 py-4 whitespace-nowrap text-sm text-foreground border-b border-border/50; + } + + .professional-table tr:hover { + @apply bg-accent/5; + } + + /* 图表和图标专用样式 */ + .chart-primary { + color: hsl(var(--primary)); + } + + .chart-accent { + color: hsl(var(--accent)); + } + + .chart-success { + color: #10b981; + } + + .chart-warning { + color: #f59e0b; + } + + .chart-error { + color: #ef4444; + } + + .icon-primary { + @apply text-primary; + } + + .icon-accent { + @apply text-accent; + } + + .icon-muted { + @apply text-muted-foreground; + } + + /* 加载动画 */ + .loading-spinner { + @apply animate-spin rounded-full border-2 border-primary border-t-transparent; + } + + /* 状态指示器颜色 */ + .status-running { + @apply bg-red-50 text-red-800 border-red-200; + } + + .status-completed { + @apply bg-green-50 text-green-800 border-green-200; + } + + .status-failed { + @apply bg-red-100 text-red-900 border-red-300; + } + + /* 渐变图标背景 */ + .icon-bg-primary { + @apply bg-gradient-to-br from-primary/10 to-accent/10; + } + + .icon-bg-success { + @apply bg-gradient-to-br from-green-100 to-emerald-100; + } + + .icon-bg-warning { + @apply bg-gradient-to-br from-yellow-100 to-orange-100; + } + + .icon-bg-error { + @apply bg-gradient-to-br from-red-100 to-red-200; } } diff --git a/src/components/debug/DatabaseTest.tsx b/src/components/debug/DatabaseTest.tsx index 97fba8e..711f017 100644 --- a/src/components/debug/DatabaseTest.tsx +++ b/src/components/debug/DatabaseTest.tsx @@ -126,7 +126,7 @@ export default function DatabaseTest() { case 'error': return ; case 'pending': - return ; + return ; default: return null; } @@ -139,7 +139,7 @@ export default function DatabaseTest() { case 'error': return 失败; case 'pending': - return 测试中; + return 测试中; default: return null; } diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx index 42af103..b6ce5d2 100644 --- a/src/components/layout/Header.tsx +++ b/src/components/layout/Header.tsx @@ -24,7 +24,7 @@ export default function Header() { alt="XCodeReviewer Logo" className="w-9 h-9 rounded-xl shadow-sm group-hover:shadow-md transition-all" /> - XCodeReviewer + XCodeReviewer {/* Desktop Navigation */} @@ -35,8 +35,8 @@ export default function Header() { to={route.path} className={`px-4 py-2 text-sm font-medium rounded-lg transition-all ${ location.pathname === route.path - ? "text-blue-600 bg-blue-50" - : "text-gray-700 hover:text-blue-600 hover:bg-gray-50" + ? "text-primary bg-red-50" + : "text-gray-700 hover:text-primary hover:bg-gray-50" }`} > {route.name} @@ -74,8 +74,8 @@ export default function Header() { to={route.path} className={`block px-3 py-2 text-base font-medium rounded-md transition-colors ${ location.pathname === route.path - ? "text-blue-600 bg-blue-50" - : "text-gray-700 hover:text-blue-600 hover:bg-gray-50" + ? "text-primary bg-red-50" + : "text-gray-700 hover:text-primary hover:bg-gray-50" }`} onClick={() => setMobileMenuOpen(false)} > diff --git a/src/pages/AdminDashboard.tsx b/src/pages/AdminDashboard.tsx index 0e60f27..a820c57 100644 --- a/src/pages/AdminDashboard.tsx +++ b/src/pages/AdminDashboard.tsx @@ -6,12 +6,12 @@ import { Input } from "@/components/ui/input"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"; -import { - Users, - Settings, - Shield, - Activity, - AlertTriangle, +import { + Users, + Settings, + Shield, + Activity, + AlertTriangle, Search, Edit, Trash2, @@ -94,7 +94,7 @@ export default function AdminDashboard() { if (loading) { return (
-
+
); } @@ -109,7 +109,7 @@ export default function AdminDashboard() { 管理系统用户、配置和监控系统状态

- + 管理员权限 @@ -120,7 +120,7 @@ export default function AdminDashboard() {
- +

总用户数

{profiles.length}

@@ -211,7 +211,7 @@ export default function AdminDashboard() { {filteredProfiles.map((profile) => (
-
+
{profile.full_name?.charAt(0) || profile.phone?.charAt(0) || 'U'}
@@ -231,16 +231,16 @@ export default function AdminDashboard() {

- +
{profile.role === 'admin' ? '管理员' : '普通用户'} - + {profile.id !== user?.id && ( )} - + @@ -282,9 +282,9 @@ export default function AdminDashboard() { 15%
-
+
- +
内存使用率 32% @@ -292,7 +292,7 @@ export default function AdminDashboard() {
- +
磁盘使用率 58% @@ -347,8 +347,8 @@ export default function AdminDashboard() {

2024-01-15 09:00:00

-
-
+
+

新用户注册

2024-01-15 08:45:00

diff --git a/src/pages/AuditTasks.tsx b/src/pages/AuditTasks.tsx index 48a2762..7fb22d5 100644 --- a/src/pages/AuditTasks.tsx +++ b/src/pages/AuditTasks.tsx @@ -44,8 +44,8 @@ export default function AuditTasks() { const getStatusColor = (status: string) => { switch (status) { case 'completed': return 'bg-green-100 text-green-800'; - case 'running': return 'bg-blue-100 text-blue-800'; - case 'failed': return 'bg-red-100 text-red-800'; + case 'running': return 'bg-red-50 text-red-800'; + case 'failed': return 'bg-red-100 text-red-900'; default: return 'bg-gray-100 text-gray-800'; } }; @@ -79,7 +79,7 @@ export default function AuditTasks() { if (loading) { return (
-
+
); } @@ -107,7 +107,7 @@ export default function AuditTasks() {

总任务数

{tasks.length}

-
+
@@ -214,13 +214,13 @@ export default function AuditTasks() {
{getStatusIcon(task.status)}
-

+

{task.project?.name || '未知项目'}

@@ -249,7 +249,7 @@ export default function AuditTasks() {

发现问题

-

{task.quality_score.toFixed(1)}

+

{task.quality_score.toFixed(1)}

质量评分

@@ -298,7 +298,7 @@ export default function AuditTasks() {
- +

{searchTerm || statusFilter !== "all" ? '未找到匹配的任务' : '暂无审计任务'} diff --git a/src/pages/ColorDemo.tsx b/src/pages/ColorDemo.tsx new file mode 100644 index 0000000..e69de29 diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx index cc1ba81..887aa24 100644 --- a/src/pages/Dashboard.tsx +++ b/src/pages/Dashboard.tsx @@ -74,18 +74,18 @@ export default function Dashboard() { const getStatusColor = (status: string) => { switch (status) { case 'completed': return 'bg-emerald-100 text-emerald-700 border-emerald-200'; - case 'running': return 'bg-blue-100 text-blue-700 border-blue-200'; - case 'failed': return 'bg-red-100 text-red-700 border-red-200'; + case 'running': return 'bg-red-50 text-red-700 border-red-200'; + case 'failed': return 'bg-red-100 text-red-800 border-red-300'; default: return 'bg-gray-100 text-gray-700 border-gray-200'; } }; const issueTypeData = [ - { name: '安全问题', value: 15, color: '#ef4444' }, - { name: '性能问题', value: 25, color: '#f97316' }, - { name: '代码风格', value: 35, color: '#eab308' }, - { name: '潜在Bug', value: 20, color: '#3b82f6' }, - { name: '可维护性', value: 5, color: '#8b5cf6' } + { name: '安全问题', value: 15, color: '#dc2626' }, + { name: '性能问题', value: 25, color: '#b91c1c' }, + { name: '代码风格', value: 35, color: '#991b1b' }, + { name: '潜在Bug', value: 20, color: '#7f1d1d' }, + { name: '可维护性', value: 5, color: '#450a0a' } ]; const qualityTrendData = [ @@ -145,7 +145,7 @@ export default function Dashboard() {

{stats?.total_projects || 5}

活跃 {stats?.active_projects || 4} 个

-
+
@@ -211,7 +211,7 @@ export default function Dashboard() { - + 代码质量趋势 @@ -232,9 +232,9 @@ export default function Dashboard() { @@ -246,7 +246,7 @@ export default function Dashboard() { - + 问题类型分布 @@ -278,7 +278,7 @@ export default function Dashboard() { - + 项目概览 @@ -289,10 +289,10 @@ export default function Dashboard() {
-

+

{project.name}

{task.status === 'completed' ? : @@ -356,7 +356,7 @@ export default function Dashboard() { }
-

+

{task.project?.name || '未知项目'}

@@ -384,7 +384,7 @@ export default function Dashboard() { {/* 右侧边栏 - 紧凑设计 */}

{/* 快速操作 */} - + @@ -450,10 +450,10 @@ export default function Dashboard() { -
-

系统更新

-

新增代码安全检测功能

-

2小时前

+
+

系统更新

+

新增代码安全检测功能

+

2小时前

任务完成

diff --git a/src/pages/InstantAnalysis.tsx b/src/pages/InstantAnalysis.tsx index 8d25307..1e03ecd 100644 --- a/src/pages/InstantAnalysis.tsx +++ b/src/pages/InstantAnalysis.tsx @@ -6,15 +6,15 @@ import { Textarea } from "@/components/ui/textarea"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"; import { Progress } from "@/components/ui/progress"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; -import { - AlertTriangle, - CheckCircle, +import { + AlertTriangle, + CheckCircle, Clock, - Code, - FileText, - Info, + Code, + FileText, + Info, Lightbulb, - Shield, + Shield, Target, TrendingUp, Upload, @@ -121,11 +121,11 @@ public class Example { try { setAnalyzing(true); const startTime = Date.now(); - + const analysisResult = await CodeAnalysisEngine.analyzeCode(code, language); const endTime = Date.now(); const duration = (endTime - startTime) / 1000; - + setResult(analysisResult); setAnalysisTime(duration); @@ -162,7 +162,7 @@ public class Example { reader.onload = (e) => { const content = e.target?.result as string; setCode(content); - + // 根据文件扩展名自动选择语言 const extension = file.name.split('.').pop()?.toLowerCase(); const languageMap: Record = { @@ -180,7 +180,7 @@ public class Example { 'php': 'php', 'rb': 'ruby' }; - + if (extension && languageMap[extension]) { setLanguage(languageMap[extension]); } @@ -202,7 +202,7 @@ public class Example { case 'critical': return 'bg-red-100 text-red-800 border-red-200'; case 'high': return 'bg-orange-100 text-orange-800 border-orange-200'; case 'medium': return 'bg-yellow-100 text-yellow-800 border-yellow-200'; - case 'low': return 'bg-blue-100 text-blue-800 border-blue-200'; + case 'low': return 'bg-red-50 text-red-800 border-red-200'; default: return 'bg-gray-100 text-gray-800 border-gray-200'; } }; @@ -325,8 +325,8 @@ public class Example {
{/* 分析按钮 */} -