diff --git a/frontend/src/views/TaskHall.vue b/frontend/src/views/TaskHall.vue
index c6a2927..f577c86 100644
--- a/frontend/src/views/TaskHall.vue
+++ b/frontend/src/views/TaskHall.vue
@@ -554,15 +554,15 @@
                 <!-- 任务信息 -->
                 <div class="task-info-wrapper">
                   <div class="task-info task-info-3col">
-                    <div class="info-item">
-                      <span class="label">任务类型</span>
+                  <div class="info-item">
+                    <span class="label">任务类型</span>
                       <span class="value">{{ getTaskTypeName(task.taskTypeId, task.taskTypeName, task.taskSubType) }}</span>
-                    </div>
-                    <div class="info-item">
-                      <span class="label">预估积分</span>
+                  </div>
+                  <div class="info-item">
+                    <span class="label">预估积分</span>
                       <span class="value text-brand">{{ task.totalScore || task.score || 0 }} 分</span>
-                    </div>
-                    <div class="info-item">
+                  </div>
+                  <div class="info-item">
                       <span class="label">{{ task._itemType === 'taskGroup' ? '子任务数' : '数量' }}</span>
                       <span class="value">{{ task._itemType === 'taskGroup' ? (task._groupData?.itemCount || 1) : (task.quantity || '--') }} 个</span>
                     </div>
@@ -677,7 +677,7 @@
                 <!-- 任务编号（底部） -->
                 <div class="task-no-section">
                   <Icon name="hash" size="sm" color="#31f08b" />
-                  <span>{{ task.taskNo || '--' }}</span>
+                  <span style="color: #ffffff;">{{ task.taskNo || '--' }}</span>
                 </div>
 
                 <!-- 操作按钮 -->
@@ -693,13 +693,13 @@
                     </a-button>
                   </template>
                   <template v-else>
-                    <a-button size="small" @click="handleViewTaskDetail(task)">查看详情</a-button>
-                    <a-button v-if="canApproveTask(task)" type="primary" size="small" @click="handleApproveTask(task)">
-                      通过审核
-                    </a-button>
-                    <a-button v-if="canRejectTask(task)" danger size="small" @click="handleRejectTask(task)">
-                      驳回任务
-                    </a-button>
+                  <a-button size="small" @click="handleViewTaskDetail(task)">查看详情</a-button>
+                  <a-button v-if="canApproveTask(task)" type="primary" size="small" @click="handleApproveTask(task)">
+                    通过审核
+                  </a-button>
+                  <a-button v-if="canRejectTask(task)" danger size="small" @click="handleRejectTask(task)">
+                    驳回任务
+                  </a-button>
                   </template>
                 </div>
 
@@ -5474,6 +5474,18 @@ 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;