修改卡片内布局；

src/views/PlatformData/UserOverview.vue

@@ -25,11 +25,13 @@
           <div class="card-title">
             <el-icon><UserFilled /></el-icon> 用户总数
           </div>
+          <div class="big-card-content">
             <div class="card-value">154,838</div>
             <div class="card-tag up">
               较昨日增加↑ 5.22%
             </div>
           </div>
+        </div>
 
         <div class="right-stats-col">
           <!-- 会员总数 -->
@@ -420,9 +422,17 @@ onMounted(() => {
 .card-value {
   font-size: 64px;
   font-weight: bold;
-  margin: auto 0; /* 垂直居中剩余空间 */
+  margin: 0;
   text-align: center;
 }
+.big-card-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px; /* 数字和百分比之间的间距 */
+}
 .card-value-small {
   font-size: 48px;
   font-weight: bold;
@@ -440,11 +450,10 @@ onMounted(() => {
 }
 .card-tag {
   background-color: #fff;
-  padding: 4px 12px;
+  padding: 8px 16px; /* 增加高度 */
   border-radius: 4px;
   font-weight: bold;
   display: inline-block;
-  margin: 0 auto; /* Center for big card */
 }
 .big-card .card-tag {
   font-size: 18px;
@@ -468,7 +477,8 @@ onMounted(() => {
 }
 .section-header {
   color: #fff;
-  font-size: 20px;
+  font-size: 24px;
+  font-weight: bold;
   margin-bottom: 15px;
   display: flex;
   align-items: center;