From 55f9903b2f14ab58f9bf861b78da74f2d6991bce Mon Sep 17 00:00:00 2001
From: Soulter <905617992@qq.com>
Date: Mon, 30 Mar 2026 23:50:19 +0800
Subject: [PATCH] perf: enhance token display styles for better readability and
 layout

---
 dashboard/src/views/stats/StatsPage.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/dashboard/src/views/stats/StatsPage.vue b/dashboard/src/views/stats/StatsPage.vue
index ca6ae1ec9..cb0a358c6 100644
--- a/dashboard/src/views/stats/StatsPage.vue
+++ b/dashboard/src/views/stats/StatsPage.vue
@@ -814,6 +814,10 @@ onBeforeUnmount(() => {
   width: 100%;
 }
 
+.token-side-column > * {
+  min-width: 0;
+}
+
 .stat-card {
   border: 1px solid var(--stats-border);
   border-radius: 16px;
@@ -917,6 +921,8 @@ onBeforeUnmount(() => {
   font-size: 19px;
   font-weight: 650;
   letter-spacing: -0.02em;
+  line-height: 1.3;
+  overflow-wrap: anywhere;
 }
 
 .section-subtitle {
@@ -1052,9 +1058,14 @@ onBeforeUnmount(() => {
 
 .token-total-value {
   margin-top: 10px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 8px;
   font-size: clamp(32px, 3vw, 44px);
   line-height: 1.02;
   font-weight: 700;
+  overflow-wrap: anywhere;
 }
 
 .token-meta-list {
@@ -1102,6 +1113,12 @@ onBeforeUnmount(() => {
   white-space: nowrap;
 }
 
+.token-total-card .card-label,
+.token-total-card .card-note,
+.token-side-column .section-subtitle {
+  overflow-wrap: anywhere;
+}
+
 .empty-state {
   color: var(--stats-muted);
   font-size: 14px;