modify

src/views/dashboard/analysis/widget/ActiveWechatConfig.vue

@@ -132,10 +132,10 @@
 
     .card-header {
       display: flex;
-      align-items: center;
-      justify-content: space-between;
       flex-wrap: wrap;
       gap: 12px;
+      align-items: center;
+      justify-content: space-between;
 
       .header-left {
         display: flex;
@@ -220,7 +220,7 @@
     }
   }
 
-  @media (max-width: 768px) {
+  @media (width <= 768px) {
     .active-wechat-config-widget {
       .card-header {
         .header-left,

src/views/dashboard/analysis/widget/CommissionSummary.vue

@@ -151,8 +151,8 @@
 
     .stats-container {
       display: flex;
-      gap: 16px;
       flex-wrap: wrap;
+      gap: 16px;
     }
 
     .stat-card-wrapper {
@@ -171,6 +171,7 @@
 
       .stat-icon {
         display: flex;
+        flex-shrink: 0;
         align-items: center;
         justify-content: center;
         width: 40px;
@@ -178,7 +179,6 @@
         font-size: 20px;
         color: white;
         border-radius: 8px;
-        flex-shrink: 0;
       }
 
       .stat-content {
@@ -193,10 +193,10 @@
         }
 
         .stat-value {
+          overflow: hidden;
           font-size: 18px;
           font-weight: 600;
           color: var(--el-text-color-primary);
-          overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
         }
@@ -204,7 +204,7 @@
     }
   }
 
-  @media (max-width: 1400px) {
+  @media (width <= 1400px) {
     .commission-summary-widget {
       .stats-container {
         gap: 12px;
@@ -224,7 +224,7 @@
     }
   }
 
-  @media (max-width: 1200px) {
+  @media (width <= 1200px) {
     .commission-summary-widget {
       .stat-card-wrapper {
         flex: 1 1 calc(33.333% - 12px);
@@ -233,7 +233,7 @@
     }
   }
 
-  @media (max-width: 768px) {
+  @media (width <= 768px) {
     .commission-summary-widget {
       .stats-container {
         gap: 12px;
@@ -246,7 +246,7 @@
     }
   }
 
-  @media (max-width: 480px) {
+  @media (width <= 480px) {
     .commission-summary-widget {
       .stat-card-wrapper {
         flex: 1 1 100%;

src/views/dashboard/analysis/widget/WithdrawalSettings.vue

@@ -117,10 +117,10 @@
 
     .card-header {
       display: flex;
-      align-items: center;
-      justify-content: space-between;
       flex-wrap: wrap;
       gap: 12px;
+      align-items: center;
+      justify-content: space-between;
 
       .header-left {
         display: flex;
@@ -205,7 +205,7 @@
     }
   }
 
-  @media (max-width: 768px) {
+  @media (width <= 768px) {
     .withdrawal-settings-widget {
       .card-header {
         .header-left,