add: 优化移动端展示

app/globals.css

@@ -154,16 +154,55 @@ body {
 
 .stat {
   display: flex;
-  align-items: baseline;
+  flex-direction: column;
-  gap: 8px;
+  gap: 4px;
+  min-width: 0;
 }
 .stat .label {
-  font-size: 12px;
+  font-size: 11px;
   color: var(--muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .stat .value {
-  font-size: 20px;
+  font-size: 17px;
   font-weight: 700;
+  line-height: 1.2;
+  white-space: nowrap;
+}
+.stat .badge {
+  padding: 2px 6px;
+  font-size: 10px;
+  width: fit-content;
+}
+
+@media (max-width: 640px) {
+  .container {
+    padding: 16px;
+  }
+  .grid {
+    gap: 12px;
+  }
+  .card {
+    padding: 12px;
+  }
+  .stat .value {
+    font-size: 15px;
+  }
+  .card .title span:first-child {
+    max-width: 140px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .item .name {
+    max-width: 100px;
+  }
+  .item .badge {
+    padding: 2px 4px;
+    font-size: 10px;
+  }
 }
 .up { color: var(--danger); }
 .down { color: var(--success); }