微调运行页面废料箱样式

src/pages/Index/Regular/Running.vue

@@ -390,17 +390,23 @@ watch(
 
       .waste-area {
         border-radius: 12px;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
+        // display: flex;
+        // flex-direction: column;
+        // justify-content: center;
+        // align-items: center;
+        position: relative;
         transition: all 0.3s ease;
         background-color: #5cb85c;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+        margin-bottom: 6px;
         &.isFull {
           background-color: #d9534f;
         }
         .waste-text {
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translateX(-50%) translateY(-60%);
           font-size: 26px;
           font-weight: 600;
           color: #ffffff;
@@ -410,7 +416,10 @@ watch(
           text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
         }
         .full-state {
-          margin-top: 8px;
+          position: absolute;
+          left: 50%;
+          bottom: 55px;
+          transform: translateX(-50%);
           color: #fff;
           font-size: 20px;
           font-weight: bold;