diff --git a/backend/src/main/java/com/designhub/entity/TaskItem.java b/backend/src/main/java/com/designhub/entity/TaskItem.java
index d49a76b..bcd66a6 100644
--- a/backend/src/main/java/com/designhub/entity/TaskItem.java
+++ b/backend/src/main/java/com/designhub/entity/TaskItem.java
@@ -194,4 +194,10 @@ public class TaskItem implements Serializable {
      */
     @TableField(exist = false)
     private String attachmentUrl;
+
+    /**
+     * 预览图URL（非数据库字段，从主任务关联）
+     */
+    @TableField(exist = false)
+    private String previewImage;
 }
diff --git a/backend/src/main/java/com/designhub/mapper/TaskItemMapper.java b/backend/src/main/java/com/designhub/mapper/TaskItemMapper.java
index a54b95b..1c2edcc 100644
--- a/backend/src/main/java/com/designhub/mapper/TaskItemMapper.java
+++ b/backend/src/main/java/com/designhub/mapper/TaskItemMapper.java
@@ -31,6 +31,7 @@ public interface TaskItemMapper extends BaseMapper<TaskItem> {
             "  t.spu_info AS spuInfo, " +
             "  t.task_sub_type AS taskSubType, " +
             "  t.attachment_url AS attachmentUrl, " +
+            "  t.preview_image AS previewImage, " +
             "  u.real_name AS publisherName, " +
             "  b.brand_name AS brandName, " +
             "  c.category_name AS categoryName, " +
diff --git a/frontend/src/views/TaskHall.vue b/frontend/src/views/TaskHall.vue
index aff8ccc..1eab3df 100644
--- a/frontend/src/views/TaskHall.vue
+++ b/frontend/src/views/TaskHall.vue
@@ -210,26 +210,26 @@
               <!-- 卡片内容 -->
               <div class="card-content" :class="{ 'has-preview': task.previewImage }">
                 <!-- 任务标题（单独一行） -->
-                <h3 class="task-title">{{ task.title }}</h3>
+                  <h3 class="task-title">{{ task.title }}</h3>
                 
                 <!-- 状态标签（单独一行） -->
                 <div class="task-badges-row">
-                  <span v-if="task.isSubTask" class="badge badge-subtask">
-                    <Icon name="layers" size="sm" color="#1890ff" style="margin-right: 4px; vertical-align: middle;" />
-                    子任务
-                  </span>
-                  <span v-if="isNewTask(task)" class="badge badge-new">
-                    <Icon name="sparkles" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
-                    新发布
-                  </span>
-                  <span v-if="isHighScoreTask(task)" class="badge badge-high-score">
-                    <Icon name="star" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
-                    高分
-                  </span>
-                  <span v-if="task.isUrgent" class="badge badge-urgent">
-                    <Icon name="fire" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
-                    紧急
-                  </span>
+                    <span v-if="task.isSubTask" class="badge badge-subtask">
+                      <Icon name="layers" size="sm" color="#1890ff" style="margin-right: 4px; vertical-align: middle;" />
+                      子任务
+                    </span>
+                    <span v-if="isNewTask(task)" class="badge badge-new">
+                      <Icon name="sparkles" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
+                      新发布
+                    </span>
+                    <span v-if="isHighScoreTask(task)" class="badge badge-high-score">
+                      <Icon name="star" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
+                      高分
+                    </span>
+                    <span v-if="task.isUrgent" class="badge badge-urgent">
+                      <Icon name="fire" size="sm" color="#31f08b" style="margin-right: 4px; vertical-align: middle;" />
+                      紧急
+                    </span>
                 </div>
 
             <!-- 流程阶段 -->