mockpay功能调试

apps/admin-web/src/admin.css

@@ -300,7 +300,7 @@ body:has(.big-screen-page),
 .big-screen-list-head,
 .big-screen-row {
   display: grid;
-  grid-template-columns: 180px 1fr 160px 200px;
+  grid-template-columns: 208px 1fr 160px 200px;
   align-items: center;
   column-gap: 16px;
 }
@@ -434,6 +434,13 @@ body:has(.big-screen-page),
   font-weight: 700;
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
+  letter-spacing: 0.5px;
+  min-width: 0;
+}
+
+.big-screen-amount--6d {
+  font-size: 0.86em;
+  letter-spacing: 0;
 }
 
 .big-screen-items {
@@ -540,13 +547,14 @@ body:has(.big-screen-page),
 .big-screen-fx-card {
   position: relative;
   z-index: 2;
-  min-width: 420px;
-  max-width: 72vw;
+  min-width: min(420px, 92vw);
+  max-width: min(920px, 92vw);
   padding: 28px 40px 32px;
   border-radius: 12px;
   text-align: center;
   background: rgba(8, 22, 48, 0.82);
   backdrop-filter: blur(8px);
+  box-sizing: border-box;
 }
 
 .big-screen-fx-card--t1 {
@@ -562,7 +570,7 @@ body:has(.big-screen-page),
 }
 
 .big-screen-fx-card--t3 {
-  min-width: 520px;
+  min-width: min(560px, 94vw);
   padding: 36px 48px 40px;
   border: 3px solid #ffd666;
   box-shadow:
@@ -623,12 +631,19 @@ body:has(.big-screen-page),
 }
 
 .big-screen-fx-amount {
-  font-size: 64px;
+  font-size: clamp(44px, 8.5vw, 64px);
   font-weight: 800;
   font-variant-numeric: tabular-nums;
   letter-spacing: 2px;
   line-height: 1.1;
   color: #e6f7ff;
+  max-width: 100%;
+  margin-inline: auto;
+}
+
+.big-screen-fx-amount--6d {
+  font-size: clamp(36px, 7vw, 52px) !important;
+  letter-spacing: 1px;
 }
 
 .big-screen-fx-card--t1 .big-screen-fx-amount {
@@ -643,7 +658,7 @@ body:has(.big-screen-page),
 }
 
 .big-screen-fx-card--t3 .big-screen-fx-amount {
-  font-size: 84px;
+  font-size: clamp(52px, 10vw, 84px);
   color: #ffd666;
   text-shadow:
     0 0 12px #ffd666,
@@ -651,6 +666,11 @@ body:has(.big-screen-page),
   animation: big-screen-amount-flash 0.9s ease-in-out infinite;
 }
 
+.big-screen-fx-card--t3 .big-screen-fx-amount--6d {
+  font-size: clamp(44px, 8.5vw, 68px) !important;
+  letter-spacing: 1px;
+}
+
 @keyframes big-screen-amount-pop {
   0% {
     transform: scale(0.7);
@@ -695,14 +715,23 @@ body:has(.big-screen-page),
   }
   .big-screen-list-head,
   .big-screen-row {
-    grid-template-columns: 140px 1fr 120px 160px;
+    grid-template-columns: 172px 1fr 120px 160px;
     font-size: 16px;
   }
+  .big-screen-amount--6d {
+    font-size: 0.82em;
+  }
   .big-screen-fx-amount {
-    font-size: 44px;
+    font-size: clamp(36px, 8vw, 44px);
   }
   .big-screen-fx-card--t3 .big-screen-fx-amount {
-    font-size: 56px;
+    font-size: clamp(40px, 9vw, 56px);
+  }
+  .big-screen-fx-amount--6d {
+    font-size: clamp(32px, 6.5vw, 40px) !important;
+  }
+  .big-screen-fx-card--t3 .big-screen-fx-amount--6d {
+    font-size: clamp(34px, 7vw, 48px) !important;
   }
 }