diff --git a/admin-frontend-vue/src/pages/tasks/ShopDataTasksPage.vue b/admin-frontend-vue/src/pages/tasks/ShopDataTasksPage.vue
index 97733553..4f76f716 100644
--- a/admin-frontend-vue/src/pages/tasks/ShopDataTasksPage.vue
+++ b/admin-frontend-vue/src/pages/tasks/ShopDataTasksPage.vue
@@ -217,14 +217,14 @@ async function downloadBatch() {
 
 async function removeRowByRow(row: ShopDataResultRow) {
   // 对齐旧版：原生 confirm。
-  if (!window.confirm(`确认删除店铺“${row.shopName}”的任务 ${row.taskId || row.taskNo || row.resultId} 及结果文件？`)) return
+  if (!window.confirm(`确认删除店铺“${row.shopName}”的任务 ${row.taskNo || row.resultId} 及结果文件？`)) return
   deletingKey.value = row.resultId
   try {
     await deleteShopDataResultHistory(row.resultId)
     ElMessage.success('删除成功')
     await load()
   } catch (error) {
-    ElMessage.error(error instanceof Error ? error.message : `正在删除任务 ${row.taskId || row.taskNo || row.resultId}...`)
+    ElMessage.error(error instanceof Error ? error.message : `正在删除任务 ${row.taskNo || row.resultId}...`)
   } finally {
     deletingKey.value = ''
   }
@@ -335,7 +335,7 @@ onMounted(load)
             </header>
             <div class="sd-card-select-row">
               <input type="checkbox" :checked="rowSelected(row)" :disabled="!isUsableShopDataResult(row)" @change="toggleRow(row)" />
-              <span class="shop-card-task-no">任务 {{ row.taskId || row.taskNo || row.resultId }}</span>
+              <span class="shop-card-task-no" :title="`任务 ${row.taskNo || row.resultId}`">任务 {{ row.taskNo || row.resultId }}</span>
               <span class="st-pill" :class="`is-${statusType(row.status)}`">{{ statusLabel(row.status) }}</span>
             </div>
             <div class="sd-card-row" v-if="row.groupName">
@@ -631,9 +631,11 @@ h3 {
   gap: 10px;
   padding: 10px 16px 0;
 }
-.sd-task-no {
+.shop-card-task-no {
+  flex: 1 1 auto;
+  min-width: 0;
   font-weight: 600;
-  font-size: 13px;
+  font-size: 12px;
   color: #24384d;
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/admin-frontend-vue/tests/align-shop-data-cards.test.ts b/admin-frontend-vue/tests/align-shop-data-cards.test.ts
index 48df14ae..c0a43547 100644
--- a/admin-frontend-vue/tests/align-shop-data-cards.test.ts
+++ b/admin-frontend-vue/tests/align-shop-data-cards.test.ts
@@ -10,7 +10,7 @@ test('align_shop_data_cards_per_task', () => {
   assert.match(page, /v-for="row in pagedResultRows"/, '逐任务卡片渲染')
   assert.doesNotMatch(page, /v-for="group in groups"/, '去掉按店铺聚合卡片')
   // 卡片结构：店铺名头 + 任务 id/状态 + 分组/最新/国家/文件 信息行 + 下载文件/删除。
-  assert.match(page, /任务 {{ row\.taskId \|\| row\.taskNo \|\| row\.resultId }}/, '卡片含任务 id（桌面端 taskid）')
+  assert.match(page, /任务 {{ row\.taskNo \|\| row\.resultId }}/, '卡片显示任务号（taskNo 优先，短）')
   assert.match(page, />分组</, '卡片含分组行')
   assert.match(page, />最新</, '卡片含最新行')
   assert.match(page, />国家</, '卡片含国家行')