diff --git a/src/assets/images/avatar.png b/src/assets/images/avatar.png
new file mode 100644
index 00000000..4b1f623a
Binary files /dev/null and b/src/assets/images/avatar.png differ
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 117c2f20..5ba38c1f 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -9,7 +9,7 @@
 
       <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
         <div class="avatar-wrapper">
-          <img :src="avatar" class="user-avatar">
+          <img :src="require(`../../assets/images/choicepart/avatar.png`)" class="user-avatar">
           <span v-if="nickname" class="user-nickname">{{ nickname }}</span>
           <i class="el-icon-caret-bottom" />
         </div>
@@ -188,7 +188,7 @@ export default {
           cursor: pointer;
           position: absolute;
           right: -20px;
-          top: 25px;
+          top: 18px;
           font-size: 12px;
         }
       }
diff --git a/src/views/home/expenseAnalysisComponents/monthlyOverview.vue b/src/views/home/expenseAnalysisComponents/monthlyOverview.vue
index 6a2cf344..f2a5efc6 100644
--- a/src/views/home/expenseAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/expenseAnalysisComponents/monthlyOverview.vue
@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -144,7 +144,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -154,6 +154,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -167,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/expenseAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/expenseAnalysisComponents/monthlyRelatedMetrics.vue
index d94f3192..1cc190d5 100644
--- a/src/views/home/expenseAnalysisComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/expenseAnalysisComponents/monthlyRelatedMetrics.vue
@@ -157,7 +157,7 @@ getRateFlag(rate, real, target) {
   max-width: 300px; // 最大宽度，限制过宽
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -201,6 +201,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 </style>
diff --git a/src/views/home/expenseAnalysisComponents/totalOverview.vue b/src/views/home/expenseAnalysisComponents/totalOverview.vue
index 98ec83c0..6c1cbf4e 100644
--- a/src/views/home/expenseAnalysisComponents/totalOverview.vue
+++ b/src/views/home/expenseAnalysisComponents/totalOverview.vue
@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -167,6 +167,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/expenseAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/expenseAnalysisComponents/yearRelatedMetrics.vue
index 495e871a..6b8f8448 100644
--- a/src/views/home/expenseAnalysisComponents/yearRelatedMetrics.vue
+++ b/src/views/home/expenseAnalysisComponents/yearRelatedMetrics.vue
@@ -158,7 +158,7 @@ getRateFlag(rate, real, target) {
   max-width: 300px; // 最大宽度，限制过宽
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -202,6 +202,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 </style>
diff --git a/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue b/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue
index 3a411dc2..3aac0ce6 100644
--- a/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/fullCostAnalysisComponents/monthlyOverview.vue
@@ -142,7 +142,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -157,13 +157,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -178,6 +179,7 @@ getRateFlag(rate, real, target) {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化
diff --git a/src/views/home/fullCostAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/fullCostAnalysisComponents/monthlyRelatedMetrics.vue
index feed68a1..68792250 100644
--- a/src/views/home/fullCostAnalysisComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/fullCostAnalysisComponents/monthlyRelatedMetrics.vue
@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/fullCostAnalysisComponents/relatedIndicatorsAnalysis.vue b/src/views/home/fullCostAnalysisComponents/relatedIndicatorsAnalysis.vue
index 4a44c8d2..0c4d9550 100644
--- a/src/views/home/fullCostAnalysisComponents/relatedIndicatorsAnalysis.vue
+++ b/src/views/home/fullCostAnalysisComponents/relatedIndicatorsAnalysis.vue
@@ -202,8 +202,7 @@ getRateFlag(rate, real, target) {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -221,7 +220,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -231,10 +230,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -244,6 +244,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/fullCostAnalysisComponents/totalOverview.vue b/src/views/home/fullCostAnalysisComponents/totalOverview.vue
index 3f911cdf..93f58d08 100644
--- a/src/views/home/fullCostAnalysisComponents/totalOverview.vue
+++ b/src/views/home/fullCostAnalysisComponents/totalOverview.vue
@@ -153,7 +153,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -172,7 +172,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -182,6 +182,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -195,6 +196,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/fullCostAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/fullCostAnalysisComponents/yearRelatedMetrics.vue
index feed68a1..913d6534 100644
--- a/src/views/home/fullCostAnalysisComponents/yearRelatedMetrics.vue
+++ b/src/views/home/fullCostAnalysisComponents/yearRelatedMetrics.vue
@@ -118,8 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -137,7 +136,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +146,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +160,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/grossMarginComponents/monthlyOverview.vue b/src/views/home/grossMarginComponents/monthlyOverview.vue
index 68dba780..754cfc58 100644
--- a/src/views/home/grossMarginComponents/monthlyOverview.vue
+++ b/src/views/home/grossMarginComponents/monthlyOverview.vue
@@ -126,7 +126,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -145,7 +145,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -155,6 +155,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -168,6 +169,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/grossMarginComponents/monthlyRelatedMetrics.vue b/src/views/home/grossMarginComponents/monthlyRelatedMetrics.vue
index f68af55a..474eed43 100644
--- a/src/views/home/grossMarginComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/grossMarginComponents/monthlyRelatedMetrics.vue
@@ -153,7 +153,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -196,6 +196,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/grossMarginComponents/totalOverview.vue b/src/views/home/grossMarginComponents/totalOverview.vue
index 98ec83c0..6c1cbf4e 100644
--- a/src/views/home/grossMarginComponents/totalOverview.vue
+++ b/src/views/home/grossMarginComponents/totalOverview.vue
@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -167,6 +167,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/grossMarginComponents/yearRelatedMetrics.vue b/src/views/home/grossMarginComponents/yearRelatedMetrics.vue
index 91228b89..23b49853 100644
--- a/src/views/home/grossMarginComponents/yearRelatedMetrics.vue
+++ b/src/views/home/grossMarginComponents/yearRelatedMetrics.vue
@@ -157,7 +157,7 @@ export default {
   min-width: 300px; // 最小宽度，防止挤压
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0; // 左右内边距一致
+  padding: 16px 0 0 10px;// 左右内边距一致
   margin: 0 4px; // 左右间距
 
   .title {
@@ -201,6 +201,7 @@ export default {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/inputOutputRatioComponents/monthlyOverview.vue b/src/views/home/inputOutputRatioComponents/monthlyOverview.vue
index 6a2cf344..f2a5efc6 100644
--- a/src/views/home/inputOutputRatioComponents/monthlyOverview.vue
+++ b/src/views/home/inputOutputRatioComponents/monthlyOverview.vue
@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -144,7 +144,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -154,6 +154,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -167,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/inputOutputRatioComponents/monthlyRelatedMetrics.vue b/src/views/home/inputOutputRatioComponents/monthlyRelatedMetrics.vue
index 8104f8d2..ef9cb806 100644
--- a/src/views/home/inputOutputRatioComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/inputOutputRatioComponents/monthlyRelatedMetrics.vue
@@ -143,7 +143,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px; // 最小宽度限制
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -187,6 +187,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/inputOutputRatioComponents/totalOverview.vue b/src/views/home/inputOutputRatioComponents/totalOverview.vue
index 98ec83c0..94703be9 100644
--- a/src/views/home/inputOutputRatioComponents/totalOverview.vue
+++ b/src/views/home/inputOutputRatioComponents/totalOverview.vue
@@ -125,8 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -167,6 +166,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/inputOutputRatioComponents/yearRelatedMetrics.vue b/src/views/home/inputOutputRatioComponents/yearRelatedMetrics.vue
index 09a20860..3181de79 100644
--- a/src/views/home/inputOutputRatioComponents/yearRelatedMetrics.vue
+++ b/src/views/home/inputOutputRatioComponents/yearRelatedMetrics.vue
@@ -143,7 +143,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px; // 最小宽度限制
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -187,6 +187,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/netPriceAnalysisComponents/monthlyOverview.vue b/src/views/home/netPriceAnalysisComponents/monthlyOverview.vue
index 3a411dc2..889771da 100644
--- a/src/views/home/netPriceAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/netPriceAnalysisComponents/monthlyOverview.vue
@@ -142,8 +142,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     height: 18px;
     font-family: PingFangSC, PingFang SC;
@@ -157,13 +156,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -178,6 +178,7 @@ getRateFlag(rate, real, target) {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化
diff --git a/src/views/home/netPriceAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/netPriceAnalysisComponents/monthlyRelatedMetrics.vue
index fc8484b7..38e6d5da 100644
--- a/src/views/home/netPriceAnalysisComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/netPriceAnalysisComponents/monthlyRelatedMetrics.vue
@@ -160,7 +160,7 @@ getRateFlag(rate, real, target) {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -179,7 +179,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -189,10 +189,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -202,6 +203,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/netPriceAnalysisComponents/totalOverview.vue b/src/views/home/netPriceAnalysisComponents/totalOverview.vue
index 3f911cdf..93f58d08 100644
--- a/src/views/home/netPriceAnalysisComponents/totalOverview.vue
+++ b/src/views/home/netPriceAnalysisComponents/totalOverview.vue
@@ -153,7 +153,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -172,7 +172,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -182,6 +182,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -195,6 +196,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/netPriceAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/netPriceAnalysisComponents/yearRelatedMetrics.vue
index 81e4eb89..305ad5dd 100644
--- a/src/views/home/netPriceAnalysisComponents/yearRelatedMetrics.vue
+++ b/src/views/home/netPriceAnalysisComponents/yearRelatedMetrics.vue
@@ -155,7 +155,7 @@ getRateFlag(rate, real, target) {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -174,7 +174,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -184,10 +184,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -197,6 +198,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/operatingComponents/monthlyOverview.vue b/src/views/home/operatingComponents/monthlyOverview.vue
index c5eb967d..2f93f758 100644
--- a/src/views/home/operatingComponents/monthlyOverview.vue
+++ b/src/views/home/operatingComponents/monthlyOverview.vue
@@ -125,7 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -144,7 +144,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -154,6 +154,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -167,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/operatingComponents/monthlyRelatedMetrics.vue b/src/views/home/operatingComponents/monthlyRelatedMetrics.vue
index 2a75a7a1..a4e19209 100644
--- a/src/views/home/operatingComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/operatingComponents/monthlyRelatedMetrics.vue
@@ -152,7 +152,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -195,6 +195,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/operatingComponents/totalOverview.vue b/src/views/home/operatingComponents/totalOverview.vue
index df667823..6da60ae5 100644
--- a/src/views/home/operatingComponents/totalOverview.vue
+++ b/src/views/home/operatingComponents/totalOverview.vue
@@ -125,8 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -167,6 +166,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/operatingComponents/yearRelatedMetrics.vue b/src/views/home/operatingComponents/yearRelatedMetrics.vue
index 5bd0ad21..9feecc27 100644
--- a/src/views/home/operatingComponents/yearRelatedMetrics.vue
+++ b/src/views/home/operatingComponents/yearRelatedMetrics.vue
@@ -148,7 +148,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -191,6 +191,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/operatingProfitComponents/monthlyOverview.vue b/src/views/home/operatingProfitComponents/monthlyOverview.vue
index 2306d13f..d541c29c 100644
--- a/src/views/home/operatingProfitComponents/monthlyOverview.vue
+++ b/src/views/home/operatingProfitComponents/monthlyOverview.vue
@@ -115,8 +115,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     height: 18px;
     font-family: PingFangSC, PingFang SC;
@@ -130,13 +129,14 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -151,6 +151,7 @@ export default {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化
diff --git a/src/views/home/operatingProfitComponents/monthlyRelatedMetrics.vue b/src/views/home/operatingProfitComponents/monthlyRelatedMetrics.vue
index feed68a1..68792250 100644
--- a/src/views/home/operatingProfitComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/operatingProfitComponents/monthlyRelatedMetrics.vue
@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/operatingProfitComponents/relatedIndicatorsAnalysis.vue b/src/views/home/operatingProfitComponents/relatedIndicatorsAnalysis.vue
index ab05fded..4eace697 100644
--- a/src/views/home/operatingProfitComponents/relatedIndicatorsAnalysis.vue
+++ b/src/views/home/operatingProfitComponents/relatedIndicatorsAnalysis.vue
@@ -222,7 +222,7 @@ export default {
   width: 258px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   /* 固定宽度，避免组件变形 */
   flex-shrink: 0;
 
@@ -256,7 +256,7 @@ export default {
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -266,6 +266,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 
   .line {
diff --git a/src/views/home/operatingProfitComponents/totalOverview.vue b/src/views/home/operatingProfitComponents/totalOverview.vue
index 22df2ad0..e1c36bd0 100644
--- a/src/views/home/operatingProfitComponents/totalOverview.vue
+++ b/src/views/home/operatingProfitComponents/totalOverview.vue
@@ -126,8 +126,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -145,7 +144,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -155,10 +154,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -168,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/operatingProfitComponents/yearRelatedMetrics.vue b/src/views/home/operatingProfitComponents/yearRelatedMetrics.vue
index feed68a1..68792250 100644
--- a/src/views/home/operatingProfitComponents/yearRelatedMetrics.vue
+++ b/src/views/home/operatingProfitComponents/yearRelatedMetrics.vue
@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/procurementGainAnalysisComponents/monthlyOverview.vue b/src/views/home/procurementGainAnalysisComponents/monthlyOverview.vue
index 3a411dc2..3aac0ce6 100644
--- a/src/views/home/procurementGainAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/procurementGainAnalysisComponents/monthlyOverview.vue
@@ -142,7 +142,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -157,13 +157,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -178,6 +179,7 @@ getRateFlag(rate, real, target) {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化
diff --git a/src/views/home/procurementGainAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/procurementGainAnalysisComponents/monthlyRelatedMetrics.vue
index feed68a1..68792250 100644
--- a/src/views/home/procurementGainAnalysisComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/procurementGainAnalysisComponents/monthlyRelatedMetrics.vue
@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/procurementGainAnalysisComponents/relatedIndicatorsAnalysis.vue b/src/views/home/procurementGainAnalysisComponents/relatedIndicatorsAnalysis.vue
index 1c68761b..6944ee7a 100644
--- a/src/views/home/procurementGainAnalysisComponents/relatedIndicatorsAnalysis.vue
+++ b/src/views/home/procurementGainAnalysisComponents/relatedIndicatorsAnalysis.vue
@@ -167,7 +167,7 @@ export default {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -197,7 +197,7 @@ export default {
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -207,6 +207,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 </style>
diff --git a/src/views/home/procurementGainAnalysisComponents/totalOverview.vue b/src/views/home/procurementGainAnalysisComponents/totalOverview.vue
index 3f911cdf..93f58d08 100644
--- a/src/views/home/procurementGainAnalysisComponents/totalOverview.vue
+++ b/src/views/home/procurementGainAnalysisComponents/totalOverview.vue
@@ -153,7 +153,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -172,7 +172,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -182,6 +182,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -195,6 +196,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/procurementGainAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/procurementGainAnalysisComponents/yearRelatedMetrics.vue
index feed68a1..68792250 100644
--- a/src/views/home/procurementGainAnalysisComponents/yearRelatedMetrics.vue
+++ b/src/views/home/procurementGainAnalysisComponents/yearRelatedMetrics.vue
@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue b/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue
index f0839d8c..44336a9b 100644
--- a/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/productionCostAnalysisComponents/monthlyOverview.vue
@@ -112,7 +112,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -127,13 +127,14 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -148,6 +149,7 @@ export default {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化
diff --git a/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetrics.vue
index 0736cfc0..18176489 100644
--- a/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetrics.vue
@@ -140,7 +140,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -159,7 +159,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -169,10 +169,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -182,6 +183,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetricsProcessingFuel.vue b/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetricsProcessingFuel.vue
index f4f838ec..a35a651c 100644
--- a/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetricsProcessingFuel.vue
+++ b/src/views/home/productionCostAnalysisComponents/monthlyRelatedMetricsProcessingFuel.vue
@@ -141,7 +141,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -160,7 +160,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -170,10 +170,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -183,6 +184,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetrics.vue b/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetrics.vue
index f304c78f..9fef5b75 100644
--- a/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetrics.vue
+++ b/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetrics.vue
@@ -178,7 +178,7 @@ export default {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -197,7 +197,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -207,10 +207,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -220,6 +221,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetricsPro.vue b/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetricsPro.vue
index 4e038de1..3c986613 100644
--- a/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetricsPro.vue
+++ b/src/views/home/productionCostAnalysisComponents/monthlyThreeRelatedMetricsPro.vue
@@ -177,7 +177,7 @@ export default {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -196,7 +196,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -206,10 +206,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -219,6 +220,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/relateCombustibleCostAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relateCombustibleCostAnalysis.vue
index bea1ed9e..81bf6545 100644
--- a/src/views/home/productionCostAnalysisComponents/relateCombustibleCostAnalysis.vue
+++ b/src/views/home/productionCostAnalysisComponents/relateCombustibleCostAnalysis.vue
@@ -187,7 +187,7 @@ export default {
   width: 390px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   flex-shrink: 0; // 固定宽度，不被挤压（与第二个组件一致）
   cursor: pointer; // 鼠标悬浮手型（保留原点击反馈）
   transition: all 0.2s ease; // 过渡动画（保留原样式）
diff --git a/src/views/home/productionCostAnalysisComponents/relateFactoryBurdenCostAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relateFactoryBurdenCostAnalysis.vue
index f31010f6..69affe4c 100644
--- a/src/views/home/productionCostAnalysisComponents/relateFactoryBurdenCostAnalysis.vue
+++ b/src/views/home/productionCostAnalysisComponents/relateFactoryBurdenCostAnalysis.vue
@@ -203,7 +203,7 @@ export default {
   width: 390px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -222,7 +222,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -232,10 +232,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -245,6 +246,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/relateFuelCostAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relateFuelCostAnalysis.vue
index c1d83b5f..c58f7201 100644
--- a/src/views/home/productionCostAnalysisComponents/relateFuelCostAnalysis.vue
+++ b/src/views/home/productionCostAnalysisComponents/relateFuelCostAnalysis.vue
@@ -206,7 +206,7 @@ export default {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   flex-shrink: 0; // 固定宽度，不被挤压（与第二个组件一致）
   cursor: pointer; // 鼠标悬浮手型（保留原点击反馈）
   transition: all 0.2s ease; // 过渡动画（保留原样式）
diff --git a/src/views/home/productionCostAnalysisComponents/relateProcessCostAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relateProcessCostAnalysis.vue
index 12b016b8..8f562371 100644
--- a/src/views/home/productionCostAnalysisComponents/relateProcessCostAnalysis.vue
+++ b/src/views/home/productionCostAnalysisComponents/relateProcessCostAnalysis.vue
@@ -211,7 +211,7 @@ export default {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   // 核心：添加点击反馈样式
   cursor: pointer; // 鼠标悬浮显示手型
   transition: all 0.2s ease; // 过渡动画
diff --git a/src/views/home/productionCostAnalysisComponents/relateSingleCombustible.vue b/src/views/home/productionCostAnalysisComponents/relateSingleCombustible.vue
index 3de07e70..95122a81 100644
--- a/src/views/home/productionCostAnalysisComponents/relateSingleCombustible.vue
+++ b/src/views/home/productionCostAnalysisComponents/relateSingleCombustible.vue
@@ -207,8 +207,7 @@ export default {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -226,7 +225,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -236,10 +235,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -249,6 +249,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysis.vue
index 446c3b71..1358d092 100644
--- a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysis.vue
+++ b/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysis.vue
@@ -192,8 +192,7 @@ export default {
   width: 390px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -211,7 +210,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -221,10 +220,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -234,6 +234,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisDian.vue b/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisDian.vue
index bdd20092..64e6cc6c 100644
--- a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisDian.vue
+++ b/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisDian.vue
@@ -181,8 +181,7 @@ export default {
   width: 390px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -200,7 +199,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -210,10 +209,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -223,6 +223,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisFu.vue b/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisFu.vue
index 26f58db6..43828d25 100644
--- a/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisFu.vue
+++ b/src/views/home/productionCostAnalysisComponents/relateSingleFuelCostAnalysisFu.vue
@@ -181,7 +181,7 @@ export default {
   width: 390px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -200,7 +200,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -210,10 +210,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -223,6 +224,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/relatedIndicatorsAnalysis.vue b/src/views/home/productionCostAnalysisComponents/relatedIndicatorsAnalysis.vue
index 41a70b16..2a1868d8 100644
--- a/src/views/home/productionCostAnalysisComponents/relatedIndicatorsAnalysis.vue
+++ b/src/views/home/productionCostAnalysisComponents/relatedIndicatorsAnalysis.vue
@@ -221,7 +221,7 @@ export default {
   width: 310px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   flex-shrink: 0; // 固定宽度，不被挤压（与第二个组件一致）
 
   .title {
@@ -258,6 +258,7 @@ export default {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 
   // .line {
diff --git a/src/views/home/productionCostAnalysisComponents/totalOverview.vue b/src/views/home/productionCostAnalysisComponents/totalOverview.vue
index ec3e1005..1c2bfadf 100644
--- a/src/views/home/productionCostAnalysisComponents/totalOverview.vue
+++ b/src/views/home/productionCostAnalysisComponents/totalOverview.vue
@@ -138,7 +138,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -157,7 +157,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -167,10 +167,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -180,6 +181,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/productionCostAnalysisComponents/yearRelatedMetrics.vue
index 4871331a..22a2630e 100644
--- a/src/views/home/productionCostAnalysisComponents/yearRelatedMetrics.vue
+++ b/src/views/home/productionCostAnalysisComponents/yearRelatedMetrics.vue
@@ -135,7 +135,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -154,7 +154,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -164,10 +164,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -177,6 +178,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsFuel.vue b/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsFuel.vue
index 70aaef02..bd96bdef 100644
--- a/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsFuel.vue
+++ b/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsFuel.vue
@@ -141,7 +141,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -160,7 +160,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -170,10 +170,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -183,6 +184,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsProcessingFuel.vue b/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsProcessingFuel.vue
index 33bf4445..2faf4111 100644
--- a/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsProcessingFuel.vue
+++ b/src/views/home/productionCostAnalysisComponents/yearRelatedMetricsProcessingFuel.vue
@@ -148,7 +148,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -167,7 +167,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -177,10 +177,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -190,6 +191,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetrics.vue b/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetrics.vue
index f304c78f..07804c3c 100644
--- a/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetrics.vue
+++ b/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetrics.vue
@@ -178,8 +178,7 @@ export default {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -197,7 +196,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -207,10 +206,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -220,6 +220,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetricsPro.vue b/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetricsPro.vue
index 21ba19ab..3b86e28f 100644
--- a/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetricsPro.vue
+++ b/src/views/home/productionCostAnalysisComponents/yearThreeRelatedMetricsPro.vue
@@ -177,8 +177,7 @@ export default {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -196,7 +195,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -206,10 +205,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -219,6 +219,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/rawSheetYieldComponents/monthlyOverview.vue b/src/views/home/rawSheetYieldComponents/monthlyOverview.vue
index 6a2cf344..e86063db 100644
--- a/src/views/home/rawSheetYieldComponents/monthlyOverview.vue
+++ b/src/views/home/rawSheetYieldComponents/monthlyOverview.vue
@@ -125,8 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -144,7 +143,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -154,6 +153,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -167,6 +167,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/rawSheetYieldComponents/monthlyRelatedMetrics.vue b/src/views/home/rawSheetYieldComponents/monthlyRelatedMetrics.vue
index cfea05bb..fe06db6e 100644
--- a/src/views/home/rawSheetYieldComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/rawSheetYieldComponents/monthlyRelatedMetrics.vue
@@ -143,7 +143,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px; // 最小宽度限制
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -187,6 +187,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/rawSheetYieldComponents/totalOverview.vue b/src/views/home/rawSheetYieldComponents/totalOverview.vue
index 98ec83c0..94703be9 100644
--- a/src/views/home/rawSheetYieldComponents/totalOverview.vue
+++ b/src/views/home/rawSheetYieldComponents/totalOverview.vue
@@ -125,8 +125,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -167,6 +166,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/rawSheetYieldComponents/yearRelatedMetrics.vue b/src/views/home/rawSheetYieldComponents/yearRelatedMetrics.vue
index 2767887c..b66f28b7 100644
--- a/src/views/home/rawSheetYieldComponents/yearRelatedMetrics.vue
+++ b/src/views/home/rawSheetYieldComponents/yearRelatedMetrics.vue
@@ -143,7 +143,7 @@ getRateFlag(rate, real, target) {
   min-width: 300px; // 最小宽度限制
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 16px 0;
+  padding: 16px 0 0 10px;
   margin: 0 4px;
 
   .title {
@@ -187,6 +187,7 @@ getRateFlag(rate, real, target) {
     line-height: 18px;
     letter-spacing: 1px;
     text-align: left;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/salesVolumeAnalysisComponents/monthlyOverview.vue b/src/views/home/salesVolumeAnalysisComponents/monthlyOverview.vue
index 3a411dc2..889771da 100644
--- a/src/views/home/salesVolumeAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/monthlyOverview.vue
@@ -142,8 +142,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     height: 18px;
     font-family: PingFangSC, PingFang SC;
@@ -157,13 +156,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -178,6 +178,7 @@ getRateFlag(rate, real, target) {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化
diff --git a/src/views/home/salesVolumeAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/salesVolumeAnalysisComponents/monthlyRelatedMetrics.vue
index bd4711c6..c122e08f 100644
--- a/src/views/home/salesVolumeAnalysisComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/monthlyRelatedMetrics.vue
@@ -144,7 +144,7 @@ getRateFlag(rate, real, target) {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -163,7 +163,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -173,10 +173,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -186,6 +187,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/salesVolumeAnalysisComponents/monthlyThreeRelatedMetrics.vue b/src/views/home/salesVolumeAnalysisComponents/monthlyThreeRelatedMetrics.vue
index ef308aac..d90af001 100644
--- a/src/views/home/salesVolumeAnalysisComponents/monthlyThreeRelatedMetrics.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/monthlyThreeRelatedMetrics.vue
@@ -156,8 +156,7 @@ getRateFlag(rate, real, target) {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -175,7 +174,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -185,10 +184,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -198,6 +198,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/salesVolumeAnalysisComponents/relatedIndicatorsAnalysis.vue b/src/views/home/salesVolumeAnalysisComponents/relatedIndicatorsAnalysis.vue
index 548ca5a9..6e053d0b 100644
--- a/src/views/home/salesVolumeAnalysisComponents/relatedIndicatorsAnalysis.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/relatedIndicatorsAnalysis.vue
@@ -193,7 +193,7 @@ export default {
   width: 220px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -223,7 +223,7 @@ export default {
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -233,6 +233,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 </style>
diff --git a/src/views/home/salesVolumeAnalysisComponents/totalOverview.vue b/src/views/home/salesVolumeAnalysisComponents/totalOverview.vue
index 3f911cdf..9b34cbf9 100644
--- a/src/views/home/salesVolumeAnalysisComponents/totalOverview.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/totalOverview.vue
@@ -153,8 +153,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -172,7 +171,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -182,6 +181,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -195,6 +195,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/salesVolumeAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/salesVolumeAnalysisComponents/yearRelatedMetrics.vue
index 86766f79..9572f42f 100644
--- a/src/views/home/salesVolumeAnalysisComponents/yearRelatedMetrics.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/yearRelatedMetrics.vue
@@ -139,7 +139,7 @@ getRateFlag(rate, real, target) {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -158,7 +158,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -168,10 +168,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -181,6 +182,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/salesVolumeAnalysisComponents/yearThreeRelatedMetrics.vue b/src/views/home/salesVolumeAnalysisComponents/yearThreeRelatedMetrics.vue
index 58f80b82..05115d5b 100644
--- a/src/views/home/salesVolumeAnalysisComponents/yearThreeRelatedMetrics.vue
+++ b/src/views/home/salesVolumeAnalysisComponents/yearThreeRelatedMetrics.vue
@@ -151,7 +151,7 @@ getRateFlag(rate, real, target) {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -170,7 +170,7 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -180,10 +180,11 @@ getRateFlag(rate, real, target) {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -193,6 +194,7 @@ getRateFlag(rate, real, target) {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/totalProfitComponents/monthlyOverview.vue b/src/views/home/totalProfitComponents/monthlyOverview.vue
index c62e2d81..f39dbed3 100644
--- a/src/views/home/totalProfitComponents/monthlyOverview.vue
+++ b/src/views/home/totalProfitComponents/monthlyOverview.vue
@@ -115,8 +115,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     height: 18px;
     font-family: PingFangSC, PingFang SC;
@@ -151,6 +150,7 @@ export default {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化
diff --git a/src/views/home/totalProfitComponents/monthlyRelatedMetrics.vue b/src/views/home/totalProfitComponents/monthlyRelatedMetrics.vue
index feed68a1..68792250 100644
--- a/src/views/home/totalProfitComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/totalProfitComponents/monthlyRelatedMetrics.vue
@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/totalProfitComponents/relatedIndicatorsAnalysis.vue b/src/views/home/totalProfitComponents/relatedIndicatorsAnalysis.vue
index 9d328236..aea8caaf 100644
--- a/src/views/home/totalProfitComponents/relatedIndicatorsAnalysis.vue
+++ b/src/views/home/totalProfitComponents/relatedIndicatorsAnalysis.vue
@@ -249,7 +249,7 @@ export default {
   width: 220px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -268,7 +268,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -278,10 +278,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -291,6 +292,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/totalProfitComponents/totalOverview.vue b/src/views/home/totalProfitComponents/totalOverview.vue
index fbc6f771..3d42f9ae 100644
--- a/src/views/home/totalProfitComponents/totalOverview.vue
+++ b/src/views/home/totalProfitComponents/totalOverview.vue
@@ -126,7 +126,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -158,6 +158,7 @@ export default {
   }
 
   .mom {
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -167,6 +168,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/totalProfitComponents/yearRelatedMetrics.vue b/src/views/home/totalProfitComponents/yearRelatedMetrics.vue
index feed68a1..68792250 100644
--- a/src/views/home/totalProfitComponents/yearRelatedMetrics.vue
+++ b/src/views/home/totalProfitComponents/yearRelatedMetrics.vue
@@ -118,7 +118,7 @@ export default {
   width: 382px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -137,7 +137,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -147,10 +147,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -160,6 +161,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/unitPriceAnalysisComponents/monthlyOverview.vue b/src/views/home/unitPriceAnalysisComponents/monthlyOverview.vue
index 3a411dc2..3aac0ce6 100644
--- a/src/views/home/unitPriceAnalysisComponents/monthlyOverview.vue
+++ b/src/views/home/unitPriceAnalysisComponents/monthlyOverview.vue
@@ -142,7 +142,7 @@ getRateFlag(rate, real, target) {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     height: 18px;
@@ -157,13 +157,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -178,6 +179,7 @@ getRateFlag(rate, real, target) {
     display: flex;
     align-items: center; // 箭头和文字垂直居中
     gap: 4px; // 文字和箭头间距
+    z-index: 1000;
   }
 
   // 箭头样式优化
diff --git a/src/views/home/unitPriceAnalysisComponents/monthlyRelatedMetrics.vue b/src/views/home/unitPriceAnalysisComponents/monthlyRelatedMetrics.vue
index 28ec2824..c2bc6f7d 100644
--- a/src/views/home/unitPriceAnalysisComponents/monthlyRelatedMetrics.vue
+++ b/src/views/home/unitPriceAnalysisComponents/monthlyRelatedMetrics.vue
@@ -164,7 +164,7 @@ export default {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   box-sizing: border-box; // 防止内边距撑大容器
 
   .title {
@@ -187,13 +187,14 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -205,6 +206,7 @@ export default {
     color: #000000;
     line-height: 18px;
     letter-spacing: 1px;
+    z-index: 1000;
   }
 }
 </style>
diff --git a/src/views/home/unitPriceAnalysisComponents/relatedIndicatorsAnalysis.vue b/src/views/home/unitPriceAnalysisComponents/relatedIndicatorsAnalysis.vue
index 6cd846dd..86630888 100644
--- a/src/views/home/unitPriceAnalysisComponents/relatedIndicatorsAnalysis.vue
+++ b/src/views/home/unitPriceAnalysisComponents/relatedIndicatorsAnalysis.vue
@@ -157,8 +157,7 @@ export default {
   width: 220px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
-
+  padding: 16px 0 0 10px;
   .title {
     // width: 190px;
     height: 18px;
@@ -176,7 +175,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -186,10 +185,11 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
-    width: 97px;
+    width: 120px;
     height: 18px;
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -199,6 +199,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/unitPriceAnalysisComponents/totalOverview.vue b/src/views/home/unitPriceAnalysisComponents/totalOverview.vue
index 346dc325..76b3f22e 100644
--- a/src/views/home/unitPriceAnalysisComponents/totalOverview.vue
+++ b/src/views/home/unitPriceAnalysisComponents/totalOverview.vue
@@ -153,7 +153,7 @@ export default {
   width: 264px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
 
   .title {
     // width: 190px;
@@ -172,7 +172,7 @@ export default {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     // width: 190px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
@@ -182,6 +182,7 @@ export default {
     letter-spacing: 2px;
     text-align: left;
     font-style: normal;
+    white-space: nowrap;
   }
 
   .mom {
@@ -195,6 +196,7 @@ export default {
     letter-spacing: 1px;
     text-align: left;
     font-style: normal;
+    z-index: 1000;
   }
 }
 
diff --git a/src/views/home/unitPriceAnalysisComponents/yearRelatedMetrics.vue b/src/views/home/unitPriceAnalysisComponents/yearRelatedMetrics.vue
index 63bff7e1..8e6393f4 100644
--- a/src/views/home/unitPriceAnalysisComponents/yearRelatedMetrics.vue
+++ b/src/views/home/unitPriceAnalysisComponents/yearRelatedMetrics.vue
@@ -159,7 +159,7 @@ getRateFlag(rate, real, target) {
   width: 250px;
   height: 205px;
   background: #F9FCFF;
-  padding: 16px 0 0 16px;
+  padding: 16px 0 0 10px;
   box-sizing: border-box; // 防止内边距撑大容器
 
   .title {
@@ -182,13 +182,14 @@ getRateFlag(rate, real, target) {
   .number {
     display: flex;
     align-items: center;
-    gap: 30px;
+    gap: 6px;
     height: 32px;
     font-family: YouSheBiaoTiHei;
     font-size: 32px;
     color: #0B58FF;
     line-height: 32px;
     letter-spacing: 2px;
+    white-space: nowrap;
   }
 
   .mom {
@@ -200,6 +201,7 @@ getRateFlag(rate, real, target) {
     color: #000000;
     line-height: 18px;
     letter-spacing: 1px;
+    z-index: 1000;
   }
 }
 </style>