From e635c36160f07e4008352a3ed44c812e662bbda0 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 15:56:39 +0800
Subject: [PATCH] =?UTF-8?q?v1.2.68=20-=20=E7=BE=8E=E5=8C=96=E9=BE=99?=
 =?UTF-8?q?=E9=92=9E=E6=95=B0=E6=8D=AEUI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/frontend/src/pages/Home.jsx b/frontend/src/pages/Home.jsx
index 1047835..55f8316 100644
--- a/frontend/src/pages/Home.jsx
+++ b/frontend/src/pages/Home.jsx
@@ -262,26 +262,31 @@ 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: '8px' }}>
-          <div style={{ background: 'linear-gradient(135deg, rgba(239,68,68,0.15) 0%, rgba(239,68,68,0.05) 100%)', borderRadius: '8px', padding: '10px 6px', border: '1px solid rgba(239,68,68,0.2)', textAlign: 'center' }}>
-            <div style={{ color: '#ef4444', fontSize: '14px', fontWeight: '700' }}>带4</div>
-            <div style={{ color: 'rgba(255,255,255,0.4)', fontSize: '9px', marginTop: '4px' }}><span style={{color:'#22c55e'}}>出售:{dragonStats.dai4?.deals || 0}</span><br/><span style={{color:'#f97316'}}>求购:{dragonStats.dai4?.wants || 0}</span></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={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.dai4?.deals || 0}</div>
+            <div style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.dai4?.wants || 0}</div>
           </div>
-          <div style={{ background: 'linear-gradient(135deg, rgba(34,197,94,0.15) 0%, rgba(34,197,94,0.05) 100%)', borderRadius: '8px', padding: '10px 6px', border: '1px solid rgba(34,197,94,0.2)', textAlign: 'center' }}>
-            <div style={{ color: '#22c55e', fontSize: '14px', fontWeight: '700' }}>无4</div>
-            <div style={{ color: 'rgba(255,255,255,0.4)', fontSize: '9px', marginTop: '4px' }}><span style={{color:'#22c55e'}}>出售:{dragonStats.wu4?.deals || 0}</span><br/><span style={{color:'#f97316'}}>求购:{dragonStats.wu4?.wants || 0}</span></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={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu4?.deals || 0}</div>
+            <div style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu4?.wants || 0}</div>
           </div>
-          <div style={{ background: 'linear-gradient(135deg, rgba(59,130,246,0.15) 0%, rgba(59,130,246,0.05) 100%)', borderRadius: '8px', padding: '10px 6px', border: '1px solid rgba(59,130,246,0.2)', textAlign: 'center' }}>
-            <div style={{ color: '#3b82f6', fontSize: '14px', fontWeight: '700' }}>无47</div>
-            <div style={{ color: 'rgba(255,255,255,0.4)', fontSize: '9px', marginTop: '4px' }}><span style={{color:'#22c55e'}}>出售:{dragonStats.wu47?.deals || 0}</span><br/><span style={{color:'#f97316'}}>求购:{dragonStats.wu47?.wants || 0}</span></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={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu47?.deals || 0}</div>
+            <div style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu47?.wants || 0}</div>
           </div>
-          <div style={{ background: 'linear-gradient(135deg, rgba(168,85,247,0.15) 0%, rgba(168,85,247,0.05) 100%)', borderRadius: '8px', padding: '10px 6px', border: '1px solid rgba(168,85,247,0.2)', textAlign: 'center' }}>
-            <div style={{ color: '#a855f7', fontSize: '14px', fontWeight: '700' }}>无247</div>
-            <div style={{ color: 'rgba(255,255,255,0.4)', fontSize: '9px', marginTop: '4px' }}><span style={{color:'#22c55e'}}>出售:{dragonStats.wu247?.deals || 0}</span><br/><span style={{color:'#f97316'}}>求购:{dragonStats.wu247?.wants || 0}</span></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={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu247?.deals || 0}</div>
+            <div style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu247?.wants || 0}</div>
           </div>
-          <div style={{ background: 'linear-gradient(135deg, rgba(236,72,153,0.15) 0%, rgba(236,72,153,0.05) 100%)', borderRadius: '8px', padding: '10px 6px', border: '1px solid rgba(236,72,153,0.2)', textAlign: 'center' }}>
-            <div style={{ color: '#ec4899', fontSize: '14px', fontWeight: '700' }}>无347</div>
-            <div style={{ color: 'rgba(255,255,255,0.4)', fontSize: '9px', marginTop: '4px' }}><span style={{color:'#22c55e'}}>出售:{dragonStats.wu347?.deals || 0}</span><br/><span style={{color:'#f97316'}}>求购:{dragonStats.wu347?.wants || 0}</span></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={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu347?.deals || 0}</div>
+            <div style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu347?.wants || 0}</div>
           </div>
         </div>
       </div>