From 705f7626f51af18838d6800ea9b35ddfa46937da Mon Sep 17 00:00:00 2001
From: imeepos <imeepos@sker.com>
Date: Thu, 17 Jul 2025 13:30:18 +0800
Subject: [PATCH] fix: apply correct stat-card color variants for proper
 visibility

- Add primary, success, warning, purple color variants to stat cards
- Remove hover-glow class that was conflicting with stat-card styling
- Ensure white background with proper color decorations
- Fix black-on-black text visibility issue in statistics section
---
 apps/desktop/src/components/ExportRecordManager.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/desktop/src/components/ExportRecordManager.tsx b/apps/desktop/src/components/ExportRecordManager.tsx
index 8c34cf8..413545e 100644
--- a/apps/desktop/src/components/ExportRecordManager.tsx
+++ b/apps/desktop/src/components/ExportRecordManager.tsx
@@ -371,7 +371,7 @@ const ExportRecordManager: React.FC<ExportRecordManagerProps> = ({
         {/* 统计信息 */}
         {statistics && (
           <div className={`grid ${compact ? 'grid-cols-2 md:grid-cols-4 gap-3' : 'grid-cols-2 md:grid-cols-4 gap-4'}`}>
-            <div className="stat-card hover-glow">
+            <div className="stat-card primary">
               <div className="flex items-center justify-between">
                 <div>
                   <div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-primary-600`}>
@@ -384,7 +384,7 @@ const ExportRecordManager: React.FC<ExportRecordManagerProps> = ({
                 </div>
               </div>
             </div>
-            <div className="stat-card hover-glow">
+            <div className="stat-card success">
               <div className="flex items-center justify-between">
                 <div>
                   <div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-green-600`}>
@@ -397,7 +397,7 @@ const ExportRecordManager: React.FC<ExportRecordManagerProps> = ({
                 </div>
               </div>
             </div>
-            <div className="stat-card hover-glow">
+            <div className="stat-card warning">
               <div className="flex items-center justify-between">
                 <div>
                   <div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-red-600`}>
@@ -410,7 +410,7 @@ const ExportRecordManager: React.FC<ExportRecordManagerProps> = ({
                 </div>
               </div>
             </div>
-            <div className="stat-card hover-glow">
+            <div className="stat-card purple">
               <div className="flex items-center justify-between">
                 <div>
                   <div className={`${compact ? 'text-xl' : 'text-2xl'} font-bold text-purple-600`}>