修改问题

src/views/HealthStatusAnalysis/index.vue

@@ -20,19 +20,19 @@
             srcset=""
           />
           <!-- 添加注释和标签 -->
-          <div class="annotation" style="top: 25%; left: 14%">左DE活塞</div>
-          <div class="annotation" style="top: 24%; left: 28%">左DE燃油齿条</div>
+          <div class="annotation" style="top: 25%; left: 12%">左DE活塞</div>
+          <div class="annotation" style="top: 24%; left: 26%">左DE燃油齿条</div>
           <div class="annotation" style="top: 15%; left: 36%">左DE冷却水</div>
           <div class="annotation" style="top: 24%; left: 40%">左DE箱装体</div>
           <div class="annotation" style="top: 19%; left: 45%">左DE燃油齿条</div>
-          <div class="annotation" style="top: 14%; left: 53%">右齿轮箱</div>
+          <div class="annotation" style="top: 14%; left: 55%">右齿轮箱</div>
           <div class="annotation" style="top: 22%; left: 58%">
             右GT高压压气机
           </div>
           <div class="annotation" style="top: 28%; left: 69%">
             右GT脉冲温度调节器保护
           </div>
-          <div class="annotation" style="bottom: 16%; left: 16%">
+          <div class="annotation" style="bottom: 16%; left: 14%">
             右DE增压空气
           </div>
           <div class="annotation" style="bottom: 15%; left: 26%">
@@ -43,7 +43,7 @@
           </div>
           <div class="annotation" style="bottom: 14%; left: 42%">右DE滑油</div>
           <!-- 带有小边框的注释 -->
-          <div class="annotation bordered-box" style="top: 10%; left: 2%">
+          <div class="annotation bordered-box" style="top: 10%; left: 1%">
             <div>
               <div>压力A排</div>
         
@@ -72,7 +72,7 @@
               </div>
             </div>
           </div>
-          <div class="annotation bordered-box" style="bottom: 11%; left: 0%">
+          <div class="annotation bordered-box" style="bottom: 11%; left: -1.5%">
             <div>
               <div>后气压PP030</div>
               <div class="value">
@@ -880,7 +880,7 @@ const healthColor = (status: string) => {
   font-size: 16px;
 }
 .bordered-box div {
-  font-size: 14px;
+  font-size: 12px;
   display: flex;
   justify-content: space-between; /* 使文本和数值分布在两端 */
   line-height: 20px;
@@ -891,7 +891,7 @@ const healthColor = (status: string) => {
 .bordered-box {
   border: 1px solid transparent;
   border-radius: 6px;
-  padding: 10px 15px;
+  padding: 5px 8px;
   background-clip: padding-box, border-box;
   background-origin: padding-box, border-box;
   background-image: linear-gradient(to right, #000, #000),
@@ -1034,7 +1034,7 @@ const healthColor = (status: string) => {
   background-clip: text;
   text-fill-color: transparent;
   font-family: "YouSheTitleHei", sans-serif;
-  font-size: 30px;
+  font-size: 24px;
   font-weight: 400;
   line-height: 36px;
   letter-spacing: 0%;