From 5ea8e9f4ab723501ab7d239d47f7a8d2b77a106d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=94=B2=E8=BE=B0=E7=94=9F=E4=BA=A7?= <jiachenlong@local>
Date: Wed, 8 Apr 2026 16:09:32 +0800
Subject: [PATCH] =?UTF-8?q?v1.2.70=20-=20=E9=BE=99=E9=92=9E=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=94=B9=E4=B8=BA=E5=8D=95=E8=A1=A8=E6=A0=BC=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/Home.jsx | 49 +++++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/frontend/src/pages/Home.jsx b/frontend/src/pages/Home.jsx
index 9cee3eb..32a01b4 100644
--- a/frontend/src/pages/Home.jsx
+++ b/frontend/src/pages/Home.jsx
@@ -262,31 +262,38 @@ export default function Home() {
       {/* 今日龙钞帖子数据统计 */}
       <div style={{ marginBottom: '20px' }}>
         <div style={{ color: 'rgba(255,255,255,0.7)', fontSize: '14px', marginBottom: '12px', paddingLeft: '4px' }}>🐉 今日龙钞帖子数据统计</div>
-        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, 1fr)', gap: '10px' }}>
-          <div style={{ background: 'linear-gradient(180deg, rgba(239,68,68,0.2) 0%, rgba(239,68,68,0.08) 100%)', borderRadius: '12px', padding: '12px 8px', border: '1px solid rgba(239,68,68,0.3)', textAlign: 'center' }}>
-            <div style={{ color: '#ef4444', fontSize: '12px', fontWeight: '500', marginBottom: '6px', opacity: 0.8 }}>带4</div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' }}><span style={{ color: 'rgba(255,255,255,0.5)', fontSize: '10px' }}>出售</span><span style={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.dai4?.deals || 0}</span></div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' }}><span style={{ color: 'rgba(255,255,255,0.5)', fontSize: '10px' }}>求购</span><span style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.dai4?.wants || 0}</span></div>
+        <div style={{ background: 'linear-gradient(180deg, rgba(99,102,241,0.15) 0%, rgba(99,102,241,0.05) 100%)', borderRadius: '12px', padding: '16px', border: '1px solid rgba(99,102,241,0.2)' }}>
+          {/* 表头 */}
+          <div style={{ display: 'grid', gridTemplateColumns: '60px 1fr 1fr', gap: '8px', marginBottom: '8px' }}>
+            <div></div>
+            <div style={{ color: '#22c55e', fontSize: '14px', fontWeight: '600', textAlign: 'center' }}>出售</div>
+            <div style={{ color: '#f97316', fontSize: '14px', fontWeight: '600', textAlign: 'center' }}>求购</div>
           </div>
-          <div style={{ background: 'linear-gradient(180deg, rgba(34,197,94,0.2) 0%, rgba(34,197,94,0.08) 100%)', borderRadius: '12px', padding: '12px 8px', border: '1px solid rgba(34,197,94,0.3)', textAlign: 'center' }}>
-            <div style={{ color: '#22c55e', fontSize: '12px', fontWeight: '500', marginBottom: '6px', opacity: 0.8 }}>无4</div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' }}><span style={{ color: 'rgba(255,255,255,0.5)', fontSize: '10px' }}>出售</span><span style={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu4?.deals || 0}</span></div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' }}><span style={{ color: 'rgba(255,255,255,0.5)', fontSize: '10px' }}>求购</span><span style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu4?.wants || 0}</span></div>
+          {/* 数据行 */}
+          <div style={{ display: 'grid', gridTemplateColumns: '60px 1fr 1fr', gap: '8px', marginBottom: '6px' }}>
+            <div style={{ color: '#ef4444', fontSize: '14px', fontWeight: '500' }}>带4</div>
+            <div style={{ color: '#22c55e', fontSize: '18px', fontWeight: '700', textAlign: 'center' }}>{dragonStats.dai4?.deals || 0}</div>
+            <div style={{ color: '#f97316', fontSize: '18px', fontWeight: '700', textAlign: 'center' }}>{dragonStats.dai4?.wants || 0}</div>
           </div>
-          <div style={{ background: 'linear-gradient(180deg, rgba(59,130,246,0.2) 0%, rgba(59,130,246,0.08) 100%)', borderRadius: '12px', padding: '12px 8px', border: '1px solid rgba(59,130,246,0.3)', textAlign: 'center' }}>
-            <div style={{ color: '#3b82f6', fontSize: '12px', fontWeight: '500', marginBottom: '6px', opacity: 0.8 }}>无47</div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' }}><span style={{ color: 'rgba(255,255,255,0.5)', fontSize: '10px' }}>出售</span><span style={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu47?.deals || 0}</span></div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' }}><span style={{ color: 'rgba(255,255,255,0.5)', fontSize: '10px' }}>求购</span><span style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu47?.wants || 0}</span></div>
+          <div style={{ display: 'grid', gridTemplateColumns: '60px 1fr 1fr', gap: '8px', marginBottom: '6px' }}>
+            <div style={{ color: '#22c55e', fontSize: '14px', fontWeight: '500' }}>无4</div>
+            <div style={{ color: '#22c55e', fontSize: '18px', fontWeight: '700', textAlign: 'center' }}>{dragonStats.wu4?.deals || 0}</div>
+            <div style={{ color: '#f97316', fontSize: '18px', fontWeight: '700', textAlign: 'center' }}>{dragonStats.wu4?.wants || 0}</div>
           </div>
-          <div style={{ background: 'linear-gradient(180deg, rgba(168,85,247,0.2) 0%, rgba(168,85,247,0.08) 100%)', borderRadius: '12px', padding: '12px 8px', border: '1px solid rgba(168,85,247,0.3)', textAlign: 'center' }}>
-            <div style={{ color: '#a855f7', fontSize: '12px', fontWeight: '500', marginBottom: '6px', opacity: 0.8 }}>无247</div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' }}><span style={{ color: 'rgba(255,255,255,0.5)', fontSize: '10px' }}>出售</span><span style={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu247?.deals || 0}</span></div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' }}><span style={{ color: 'rgba(255,255,255,0.5)', fontSize: '10px' }}>求购</span><span style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu247?.wants || 0}</span></div>
+          <div style={{ display: 'grid', gridTemplateColumns: '60px 1fr 1fr', gap: '8px', marginBottom: '6px' }}>
+            <div style={{ color: '#3b82f6', fontSize: '14px', fontWeight: '500' }}>无47</div>
+            <div style={{ color: '#22c55e', fontSize: '18px', fontWeight: '700', textAlign: 'center' }}>{dragonStats.wu47?.deals || 0}</div>
+            <div style={{ color: '#f97316', fontSize: '18px', fontWeight: '700', textAlign: 'center' }}>{dragonStats.wu47?.wants || 0}</div>
           </div>
-          <div style={{ background: 'linear-gradient(180deg, rgba(236,72,153,0.2) 0%, rgba(236,72,153,0.08) 100%)', borderRadius: '12px', padding: '12px 8px', border: '1px solid rgba(236,72,153,0.3)', textAlign: 'center' }}>
-            <div style={{ color: '#ec4899', fontSize: '12px', fontWeight: '500', marginBottom: '6px', opacity: 0.8 }}>无347</div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' }}><span style={{ color: 'rgba(255,255,255,0.5)', fontSize: '10px' }}>出售</span><span style={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu347?.deals || 0}</span></div>
-            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '4px' }}><span style={{ color: 'rgba(255,255,255,0.5)', fontSize: '10px' }}>求购</span><span style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu347?.wants || 0}</span></div>
+          <div style={{ display: 'grid', gridTemplateColumns: '60px 1fr 1fr', gap: '8px', marginBottom: '6px' }}>
+            <div style={{ color: '#a855f7', fontSize: '14px', fontWeight: '500' }}>无247</div>
+            <div style={{ color: '#22c55e', fontSize: '18px', fontWeight: '700', textAlign: 'center' }}>{dragonStats.wu247?.deals || 0}</div>
+            <div style={{ color: '#f97316', fontSize: '18px', fontWeight: '700', textAlign: 'center' }}>{dragonStats.wu247?.wants || 0}</div>
+          </div>
+          <div style={{ display: 'grid', gridTemplateColumns: '60px 1fr 1fr', gap: '8px' }}>
+            <div style={{ color: '#ec4899', fontSize: '14px', fontWeight: '500' }}>无347</div>
+            <div style={{ color: '#22c55e', fontSize: '18px', fontWeight: '700', textAlign: 'center' }}>{dragonStats.wu347?.deals || 0}</div>
+            <div style={{ color: '#f97316', fontSize: '18px', fontWeight: '700', textAlign: 'center' }}>{dragonStats.wu347?.wants || 0}</div>
           </div>
         </div>
       </div>