From ba43015148f035f3dc1706a0e160e53598d82b6c Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Wed, 25 Feb 2026 21:18:36 +0800
Subject: [PATCH] 1

---
 frontend/paper-trading.html | 56 ++++++++++---------------------------
 1 file changed, 14 insertions(+), 42 deletions(-)

diff --git a/frontend/paper-trading.html b/frontend/paper-trading.html
index 61487f8..724fbcf 100644
--- a/frontend/paper-trading.html
+++ b/frontend/paper-trading.html
@@ -126,7 +126,7 @@
         }
 
         .stat-value.positive {
-            color: #10b981;
+            color: var(--accent);
         }
 
         .stat-value.negative {
@@ -135,8 +135,8 @@
 
         /* 统计卡片内的正值/负值样式 */
         .grade-card-stats .positive {
-            color: #10b981;
-            background: rgba(16, 185, 129, 0.1);
+            color: var(--accent);
+            background: rgba(0, 255, 65, 0.1);
             padding: 2px 8px;
             border-radius: 4px;
         }
@@ -339,20 +339,6 @@
             letter-spacing: 0.5px;
         }
 
-        /* 为不同类型的卡片添加颜色标识 */
-        .grade-card:nth-child(1) .grade-card-title {
-            color: #60a5fa; /* 蓝色 - 交易统计 */
-        }
-        .grade-card:nth-child(2) .grade-card-title {
-            color: #34d399; /* 绿色 - 盈亏指标 */
-        }
-        .grade-card:nth-child(3) .grade-card-title {
-            color: #f87171; /* 红色 - 风险指标 */
-        }
-        .grade-card:nth-child(4) .grade-card-title {
-            color: #fbbf24; /* 黄色 - 收益统计 */
-        }
-
         .grade-card-stats {
             display: flex;
             flex-direction: column;
@@ -380,33 +366,19 @@
             font-variant-numeric: tabular-nums;
         }
 
-        /* 添加统计卡片顶部指示条 */
-        .grade-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 3px;
-            border-radius: 8px 8px 0 0;
-            opacity: 0.8;
+        /* 统计卡片内的正值/负值样式 */
+        .grade-card-stats .positive {
+            color: var(--accent);
+            background: rgba(0, 255, 65, 0.1);
+            padding: 2px 8px;
+            border-radius: 4px;
         }
 
-        .grade-card {
-            position: relative;
-        }
-
-        .grade-card:nth-child(1)::before {
-            background: linear-gradient(90deg, #60a5fa, #3b82f6);
-        }
-        .grade-card:nth-child(2)::before {
-            background: linear-gradient(90deg, #34d399, #10b981);
-        }
-        .grade-card:nth-child(3)::before {
-            background: linear-gradient(90deg, #f87171, #ef4444);
-        }
-        .grade-card:nth-child(4)::before {
-            background: linear-gradient(90deg, #fbbf24, #f59e0b);
+        .grade-card-stats .negative {
+            color: #ff4444;
+            background: rgba(255, 68, 68, 0.1);
+            padding: 2px 8px;
+            border-radius: 4px;
         }
 
         /* 空状态 */