diff --git a/src/views/Dashboard/Index.vue b/src/views/Dashboard/Index.vue
index b0b1b339..d32a9f93 100644
--- a/src/views/Dashboard/Index.vue
+++ b/src/views/Dashboard/Index.vue
@@ -10,36 +10,40 @@
         <div class="dashboard-content-top-center">
           <div class="gauge-container">
             <div class="dashboard-content-top-center-data">
-              <!-- 左侧区域：3个字段纵向排列 -->
-              <div class="info-field-item">
+              <!-- 左侧区域：上1下2排列 -->
+              <div class="info-field-item top-field">
                 <div class="field-label">累计服刑天数</div>
                 <div class="field-value">{{ servedDays }}</div>
               </div>
-              <div class="info-field-item">
-                <div class="field-label">累计违规次数</div>
-                <div class="field-value">{{ violationCount }}</div>
-              </div>
-              <div class="info-field-item">
-                <div class="field-label">累计表扬次数</div>
-                <div class="field-value">{{ praiseCount }}</div>
+              <div class="card-row">
+                <div class="info-field-item">
+                  <div class="field-label">累计违规次数</div>
+                  <div class="field-value">{{ violationCount }}</div>
+                </div>
+                <div class="info-field-item">
+                  <div class="field-label">累计表扬次数</div>
+                  <div class="field-value">{{ praiseCount }}</div>
+                </div>
               </div>
             </div>
             <div class="dashboard-content-top-center-center">
               <GaugeChart :height="'240px'" :value="gaugeValue" :name="gaugeName" />
             </div>
             <div class="dashboard-content-top-center-data">
-              <!-- 右侧区域：3个字段纵向排列 -->
-              <div class="info-field-item">
+              <!-- 右侧区域：上1下2排列 -->
+              <div class="info-field-item top-field">
                 <div class="field-label">剩余刑期天数</div>
                 <div class="field-value">{{ remainingDays }}</div>
               </div>
-              <div class="info-field-item">
-                <div class="field-label">累计扣分次数</div>
-                <div class="field-value">{{ penaltyCount }}</div>
-              </div>
-              <div class="info-field-item">
-                <div class="field-label">累计加分次数</div>
-                <div class="field-value">{{ rewardCount }}</div>
+              <div class="card-row">
+                <div class="info-field-item">
+                  <div class="field-label">累计扣分次数</div>
+                  <div class="field-value">{{ penaltyCount }}</div>
+                </div>
+                <div class="info-field-item">
+                  <div class="field-label">累计加分次数</div>
+                  <div class="field-value">{{ rewardCount }}</div>
+                </div>
               </div>
             </div>
           </div>
@@ -615,6 +619,12 @@ onUnmounted(() => {
   }
 }
 
+// 顶部字段样式（用于上1下2布局中的顶部字段）
+.top-field {
+  height: 50%;
+  width: 100%;
+}
+
 // 字段标签样式
 .field-label {
   font-size: 14px;