修改样式、功能完成，待测试

public/css/finance.css

@@ -320,7 +320,8 @@
 
 /* Page wrapper */
 .je-container {
-  max-width: 900px;
+  max-width: 1200px;
+  min-width: 1200px;
   margin: 0 auto;
   padding: 20px 16px;
   /* min-height: 100vh; */
@@ -1235,9 +1236,12 @@
    ============================ */
 
 @keyframes pulse-dot {
-  0%, 100% {
+
+  0%,
+  100% {
     opacity: 1;
   }
+
   50% {
     opacity: 0.3;
   }
@@ -1248,6 +1252,7 @@
     opacity: 0;
     transform: translateY(12px);
   }
+
   to {
     opacity: 1;
     transform: translateY(0);
@@ -1266,12 +1271,29 @@
   animation-fill-mode: backwards;
 }
 
-.cz-amount-item:nth-child(1) { animation-delay: 0.03s; }
-.cz-amount-item:nth-child(2) { animation-delay: 0.06s; }
-.cz-amount-item:nth-child(3) { animation-delay: 0.09s; }
-.cz-amount-item:nth-child(4) { animation-delay: 0.12s; }
-.cz-amount-item:nth-child(5) { animation-delay: 0.15s; }
-.cz-amount-item:nth-child(6) { animation-delay: 0.18s; }
+.cz-amount-item:nth-child(1) {
+  animation-delay: 0.03s;
+}
+
+.cz-amount-item:nth-child(2) {
+  animation-delay: 0.06s;
+}
+
+.cz-amount-item:nth-child(3) {
+  animation-delay: 0.09s;
+}
+
+.cz-amount-item:nth-child(4) {
+  animation-delay: 0.12s;
+}
+
+.cz-amount-item:nth-child(5) {
+  animation-delay: 0.15s;
+}
+
+.cz-amount-item:nth-child(6) {
+  animation-delay: 0.18s;
+}
 
 /* ============================
    QR Code Section (Recharge)
@@ -1386,6 +1408,7 @@
 
 /* Tablets and small desktops */
 @media (max-width: 768px) {
+
   .cz-page,
   .je-container,
   .tx-page,
@@ -1456,6 +1479,7 @@
 
 /* Mobile devices */
 @media (max-width: 640px) {
+
   .cz-page,
   .je-container,
   .tx-page,
@@ -1625,4 +1649,4 @@
   .tx-balance-value {
     font-size: 18px;
   }
-}
+}