diff --git a/frontend/src/views/TaskHall.vue b/frontend/src/views/TaskHall.vue
index d8d8126..d751478 100644
--- a/frontend/src/views/TaskHall.vue
+++ b/frontend/src/views/TaskHall.vue
@@ -1550,11 +1550,13 @@
                       <Icon name="layers" size="sm" color="#31f08b" />
                     </span>
                     <span class="subtask-stats">
-                      子任务: 
-                      <span class="stat completed">已完成 {{ task.subTaskCompleted || 0 }}</span>
-                      <span class="stat in-progress">进行中 {{ task.subTaskInProgress || 0 }}</span>
-                      <span class="stat pending">待接单 {{ task.subTaskPending || 0 }}</span>
-                      <span class="stat total">/ 共 {{ task.subTaskTotal }}</span>
+                      子任务进度: 
+                      <span class="stat completed" title="已完成">{{ task.subTaskCompleted || 0 }}</span>
+                      <span class="stat-separator">/</span>
+                      <span class="stat in-progress" title="进行中">{{ task.subTaskInProgress || 0 }}</span>
+                      <span class="stat-separator">/</span>
+                      <span class="stat pending" title="待接单">{{ task.subTaskPending || 0 }}</span>
+                      <span class="stat-label">（共{{ task.subTaskTotal }}个）</span>
                     </span>
                   </div>
                   <div v-if="task.brandName" class="detail-item">
@@ -4967,16 +4969,21 @@ onUnmounted(() => {
     .subtask-stats {
       display: flex;
       align-items: center;
-      gap: 8px;
-      flex-wrap: wrap;
-      white-space: normal;
-      overflow: visible;
+      gap: 4px;
+      flex-wrap: nowrap;
+      white-space: nowrap;
       
       .stat {
-        padding: 2px 8px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        min-width: 24px;
+        height: 24px;
+        padding: 0 8px;
         border-radius: 4px;
-        font-size: 12px;
-        font-weight: 500;
+        font-size: 13px;
+        font-weight: 600;
+        cursor: help;
         white-space: nowrap;
         
         &.completed {
@@ -4999,6 +5006,17 @@ onUnmounted(() => {
           padding: 0;
         }
       }
+      
+      .stat-separator {
+        color: #666;
+        font-size: 12px;
+      }
+      
+      .stat-label {
+        color: #888;
+        font-size: 12px;
+        margin-left: 4px;
+      }
     }
   }
 }