fix(user-center): 防止大额资产金额断行

assets/css/routes/user-center/credits.css

@@ -15,7 +15,7 @@
 /* Dual asset row — layout only (no outer mega-card). Desktop: 1 row; mobile: 2 rows. */
 .uc-assets-row {
   display: grid;
-  grid-template-columns: 1fr;
+  grid-template-columns: minmax(0, 1fr);
   gap: 12px;
   margin-bottom: 10px;
   background: transparent;
@@ -65,10 +65,15 @@
     grid-column: auto;
     grid-row: auto;
   }
+  .uc-asset-card__body {
+    flex-direction: column;
+    align-items: flex-start;
+  }
 }
 
 /* One surface per asset (wallet / points) — never nest inside another card shell */
 .uc-asset-card {
+  min-width: 0;
   display: flex;
   flex-direction: column;
   background: var(--main-bg-color, var(--surface-1, #fff));
@@ -78,6 +83,11 @@
   padding: 16px 20px;
   margin-bottom: 0;
 }
+/* Amount keeps its row; actions wrap below as a whole when space runs out. */
+.uc-asset-card__body {
+  flex-wrap: wrap;
+  row-gap: 10px;
+}
 /* Card-pass under a col must not look like a second stacked card */
 .uc-assets-col > .uc-card-pass {
   margin: 0;
@@ -95,6 +105,12 @@
   color: var(--main-color, #4e5358);
 }
 .uc-asset-card__amount {
+  flex: none;
+  max-width: 100%;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  overflow: hidden;
+  text-overflow: ellipsis;
   font-size: 1.75rem;
   line-height: 1.2;
 }