fix: 将task-no-section样式移到.task-card内部确保正确应用

frontend/src/views/TaskHall.vue

@@ -5131,6 +5131,21 @@ onUnmounted(() => {
     padding-top: 16px;
     border-top: 1px solid #f0f0f0;
   }
+  
+  // 任务编号区域样式
+  .task-no-section {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 10px 0;
+    margin-top: 10px;
+    border-top: 1px solid rgba(49, 240, 139, 0.2);
+    font-size: 12px;
+    
+    span {
+      color: #ffffff !important;
+    }
+  }
 }
 
 .task-header {
@@ -5473,19 +5488,6 @@ onUnmounted(() => {
   }
 }
 
-// 任务底部信息（任务编号、时间等）
-// 任务编号区域样式
-.task-no-section {
-  display: flex;
-  align-items: center;
-  gap: $space-xs;
-  padding: $space-sm 0;
-  margin-top: $space-sm;
-  border-top: 1px solid $border-primary;
-  font-size: $font-size-xs;
-  color: #ffffff;
-}
-
 .task-footer {
   display: flex;
   flex-wrap: wrap;