diff --git a/admin-frontend-vue/e2e/dup-console.spec.ts b/admin-frontend-vue/e2e/dup-console.spec.ts
new file mode 100644
index 00000000..3a35eb35
--- /dev/null
+++ b/admin-frontend-vue/e2e/dup-console.spec.ts
@@ -0,0 +1,95 @@
+import { existsSync } from 'node:fs'
+import { pathToFileURL } from 'node:url'
+import { expect, test } from '@playwright/test'
+
+// 撞款控制台（DuplicateCheckPage）像素级复刻 reference asin-store-console 的真浏览器验收：
+// mock 后端跑真实数据渲染，无 pageerror；并截图本页与 reference 离线页供人工比对。
+
+const REFERENCE = 'D:\\todesk\\副业\\数富AI\\crawler-plugin\\reference\\asin-store-console\\asin-store-console\\index.html'
+
+test('test_dup_console_render_dup_tab_normal_primary_path', async ({ page }) => {
+  const errors: string[] = []
+  page.on('pageerror', (error) => errors.push(error.message))
+
+  await page.goto('/admin-vue/shop-center/duplicate-check')
+  await expect(page.locator('.dup-head h2')).toHaveText('店铺数据撞款监控')
+  // KPI + 矩阵行 + 撞款卡片都渲染出真实 mock 数据
+  await expect(page.locator('.kpi')).toHaveCount(7)
+  await expect(page.locator('table.matrix tbody tr').first()).toBeVisible({ timeout: 15000 })
+  await expect(page.locator('.dup-card').first()).toBeVisible()
+  // 分组撞款：切到「分组撞款」出现分组 chips
+  await page.getByRole('button', { name: /分组撞款/ }).click()
+  await expect(page.locator('.g-chip').first()).toBeVisible()
+  expect(errors).toEqual([])
+  await page.screenshot({ path: 'test-results/dup-console-admin-dup.jpg' })
+})
+
+test('test_dup_console_render_ledger_tab_normal_variant_input', async ({ page }) => {
+  const errors: string[] = []
+  page.on('pageerror', (error) => errors.push(error.message))
+
+  await page.goto('/admin-vue/shop-center/duplicate-check')
+  await expect(page.locator('.dup-head h2')).toHaveText('店铺数据撞款监控')
+  await page.getByRole('button', { name: /全部ASIN台账/ }).click()
+  await expect(page.locator('table.ledger tbody tr').first()).toBeVisible({ timeout: 15000 })
+  await expect(page.locator('.pager')).toBeVisible()
+  expect(errors).toEqual([])
+  await page.locator('.table-wrap').screenshot({ path: 'test-results/dup-console-admin-ledger.jpg' })
+})
+
+test('test_dup_console_palette_matches_reference_tokens', async ({ page }) => {
+  // reference 设计令牌在页面落定：主蓝 #2E5BE6、红 #D63A4A、弱红底、单元底色等。
+  await page.goto('/admin-vue/shop-center/duplicate-check')
+  await expect(page.locator('.kpi')).toHaveCount(7)
+  const got = await page.evaluate(() => {
+    const cs = (sel, prop) => {
+      const el = document.querySelector(sel)
+      return el ? getComputedStyle(el)[prop] : null
+    }
+    return {
+      btnPrimary: cs('.btn-primary', 'backgroundColor'),
+      btnPrimaryColor: cs('.btn-primary', 'color'),
+      kpiDanger: cs('.kpi.danger .k-value', 'color'),
+      kpiPrimary: cs('.kpi.primary .k-value', 'color'),
+      mCell: cs('.m-cell', 'backgroundColor'),
+      mCellText: cs('.m-cell', 'color'),
+      badgeDup: cs('.badge.dup', 'backgroundColor'),
+      badgeSingle: cs('.badge.single', 'backgroundColor'),
+      kSub: cs('.kpi .k-sub', 'color'),
+      selectBorder: cs('.f-group select', 'borderColor'),
+      kDotDanger: cs('.kpi.danger .k-dot', 'backgroundColor'),
+    }
+  })
+  expect(got.btnPrimary).toBe('rgb(46, 91, 230)')
+  expect(got.btnPrimaryColor).toBe('rgb(255, 255, 255)')
+  expect(got.kpiDanger).toBe('rgb(214, 58, 74)')
+  expect(got.kpiPrimary).toBe('rgb(46, 91, 230)')
+  expect(got.mCell).toBe('rgb(234, 240, 255)')
+  expect(got.mCellText).toBe('rgb(46, 91, 230)')
+  expect(got.badgeDup).toBe('rgb(253, 235, 237)')
+  expect(got.badgeSingle).toBe('rgb(231, 247, 239)')
+  expect(got.kSub).toBe('rgb(152, 161, 177)')
+  expect(got.selectBorder).toBe('rgb(213, 219, 230)')
+  expect(got.kDotDanger).toBe('rgb(214, 58, 74)')
+})
+
+test('test_dup_console_structure_matches_reference', async ({ page }) => {
+  // 结构对齐：矩阵列=可见店铺数、台账列=reference 10 列、分组说明抽屉内 4 列。
+  await page.goto('/admin-vue/shop-center/duplicate-check')
+  await expect(page.locator('.kpi')).toHaveCount(7)
+  await expect(page.locator('table.matrix tbody tr').first()).toBeVisible({ timeout: 15000 })
+  const matrixHeaders = await page.locator('table.matrix thead th').count()
+  expect(matrixHeaders).toBe(8) // ASIN + 品牌 + 6 家店
+  await page.getByRole('button', { name: /全部ASIN台账/ }).click()
+  await expect(page.locator('table.ledger tbody tr').first()).toBeVisible({ timeout: 15000 })
+  const ledgerHeaders = await page.locator('table.ledger thead th').count()
+  expect(ledgerHeaders).toBe(10)
+})
+
+test('test_dup_console_reference_screenshot', async ({ page }) => {
+  // reference 离线原型截图：仅供人工像素比对（不接入应用路由）。
+  test.skip(!existsSync(REFERENCE), 'reference 原型不在本机，跳过比对')
+  await page.goto(pathToFileURL(REFERENCE).href)
+  await expect(page.locator('.kpi').first()).toBeVisible({ timeout: 15000 })
+  await page.screenshot({ path: 'test-results/dup-console-reference.jpg' })
+})
diff --git a/admin-frontend-vue/scripts/mock-admin-server.mjs b/admin-frontend-vue/scripts/mock-admin-server.mjs
index f90536ea..68e5fb5d 100644
--- a/admin-frontend-vue/scripts/mock-admin-server.mjs
+++ b/admin-frontend-vue/scripts/mock-admin-server.mjs
@@ -1,4 +1,4 @@
-// 本地浏览器验收用 mock（仅测试，不随前端产物发布）：模拟 Admin 壳层所需的最小 API。
+// 本地浏览器验收用 mock（仅测试，不随前端产物发布）：模拟 Admin 壳层所需的最小 API + 撞款控制台夹具。
 import { createServer } from 'node:http'
 
 const PORT = Number(process.env.MOCK_PORT || 18100)
@@ -15,6 +15,123 @@ const MENU_TREE = [
   },
 ]
 
+/* ===================== 撞款控制台夹具（对齐前端 parse 的 snake 契约） ===================== */
+const STORE_GROUP = { 店A1: '陈新辉', 店A2: '陈新辉', 店B1: '魏振峰', 店B2: '魏振峰', 店B3: '魏振峰', 店C1: '郭亚芳' }
+const GROUP_DEFS = [
+  { name: '陈新辉', shops: ['店A1', '店A2'] },
+  { name: '魏振峰', shops: ['店B1', '店B2', '店B3'] },
+  { name: '郭亚芳', shops: ['店C1'] },
+]
+
+function occ(asin, brand, shop, country, day) {
+  return { asin, date: `2026-08-${String(day).padStart(2, '0')} 09:00:00`, price: '9.90', brand, shop_name: shop, group_name: STORE_GROUP[shop], country_codes: [country], country }
+}
+
+// 撞款种子（≥2 店在售）与单店种子
+const DUP_SEEDS = [
+  { asin: 'E0000001', brand: '品牌甲', occ: [occ('E0000001', '品牌甲', '店A1', 'UK', 20), occ('E0000001', '品牌甲', '店A1', 'UK', 24), occ('E0000001', '品牌甲', '店A2', 'DE', 22), occ('E0000001', '品牌甲', '店B1', 'FR', 21)] },
+  { asin: 'E0000002', brand: '品牌乙', occ: [occ('E0000002', '品牌乙', '店B1', 'UK', 10), occ('E0000002', '品牌乙', '店B2', 'DE', 12)] },
+  { asin: 'E0000003', brand: '品牌丙', occ: [occ('E0000003', '品牌丙', '店A2', 'DE', 15), occ('E0000003', '品牌丙', '店B3', 'IT', 16)] },
+]
+const SINGLE_SEEDS = [
+  { asin: 'E0000004', brand: '品牌甲', occ: [occ('E0000004', '品牌甲', '店A1', 'UK', 1)] },
+  { asin: 'E0000005', brand: '品牌丁', occ: [occ('E0000005', '品牌丁', '店B2', 'UK', 2), occ('E0000005', '品牌丁', '店B2', 'UK', 3)] },
+  { asin: 'E0000006', brand: '品牌戊', occ: [occ('E0000006', '品牌戊', '店C1', 'FR', 5)] },
+  { asin: 'E0000007', brand: '品牌己', occ: [occ('E0000007', '品牌己', '店B3', 'DE', 6)] },
+  { asin: 'E0000008', brand: '品牌庚', occ: [occ('E0000008', '品牌庚', '店A1', 'ES', 7)] },
+]
+
+function finalizeRow(seed) {
+  const stores = []
+  const storeSet = new Set()
+  const countries = new Set()
+  let earliest = ''
+  let latest = ''
+  for (const o of seed.occ) {
+    if (!storeSet.has(o.shop_name)) {
+      storeSet.add(o.shop_name)
+      stores.push(o.shop_name)
+    }
+    countries.add(o.country)
+    if (!earliest || o.date < earliest) earliest = o.date
+    if (o.date > latest) latest = o.date
+  }
+  const groups = [...new Set(stores.map((s) => STORE_GROUP[s] || ''))].filter(Boolean)
+  return {
+    asin: seed.asin,
+    brand: seed.brand,
+    store_count: stores.length,
+    stores,
+    groups,
+    countries: [...countries],
+    record_count: seed.occ.length,
+    earliest,
+    latest,
+    occurrences: seed.occ,
+  }
+}
+
+const ALL_ROWS = [...DUP_SEEDS, ...SINGLE_SEEDS].map(finalizeRow)
+const DUP_ROWS = ALL_ROWS.filter((row) => row.store_count >= 2)
+
+const SHOPS = Object.keys(STORE_GROUP).map((name) => {
+  const codes = new Set()
+  let recordCount = 0
+  let asinCount = 0
+  for (const row of ALL_ROWS) {
+    if (row.stores.includes(name)) {
+      asinCount += 1
+      for (const o of row.occurrences) {
+        if (o.shop_name === name) {
+          recordCount += 1
+          codes.add(o.country)
+        }
+      }
+    }
+  }
+  return { shop_name: name, group_name: STORE_GROUP[name], country_codes: [...codes], asin_count: asinCount, record_count: recordCount }
+})
+
+function computeGroups() {
+  return GROUP_DEFS.map((group) => {
+    const members = group.shops
+    const hit = DUP_ROWS.filter((row) => members.filter((shop) => row.stores.includes(shop)).length >= 2)
+    const asinUnique = ALL_ROWS.filter((row) => row.stores.some((shop) => members.includes(shop))).length
+    const recordCount = ALL_ROWS.reduce((sum, row) => {
+      if (row.stores.some((shop) => members.includes(shop))) sum += row.recordCount
+      return sum
+    }, 0)
+    return { name: group.name, shop_count: members.length, asin_unique: asinUnique, record_count: recordCount, dup_count: hit.length }
+  })
+}
+
+const GROUPS = computeGroups()
+const RECORD_TOTAL = ALL_ROWS.reduce((sum, row) => sum + row.recordCount, 0)
+
+function consolePayload() {
+  return {
+    success: true,
+    data: {
+      pending: false,
+      scanned_at: '2026-09-05 08:30:00',
+      summary: {
+        shop_count: SHOPS.length,
+        asin_total: ALL_ROWS.length,
+        record_total: RECORD_TOTAL,
+        duplicate_asin_total: DUP_ROWS.length,
+        duplicate_shop_count: DUP_ROWS.length ? 6 : 0,
+        site_count: 5,
+        asin_per_shop: 4.8,
+        source: 'job',
+      },
+      shops: SHOPS,
+      dup: DUP_ROWS,
+      groups: GROUPS,
+      total_dup: DUP_ROWS.length,
+    },
+  }
+}
+
 function json(res, payload, status = 200) {
   const body = JSON.stringify(payload)
   res.writeHead(status, {
@@ -54,6 +171,15 @@ const server = createServer((req, res) => {
   if (url === '/api/admin/shop-manage-groups') {
     return json(res, { success: true, data: { items: [] } })
   }
+  if (url === '/api/admin/shop-data-crawl/duplicate-check-console') {
+    return json(res, consolePayload())
+  }
+  if (url === '/api/admin/shop-data-crawl/duplicate-check-ledger') {
+    return json(res, {
+      success: true,
+      data: { pending: false, scanned_at: '2026-09-05 08:30:00', items: ALL_ROWS, total: ALL_ROWS.length, page: 1, page_size: 20 },
+    })
+  }
   if (url.startsWith('/api/')) {
     return json(res, { success: true, data: { items: [], total: 0 } })
   }
diff --git a/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue b/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue
index 25c5cefb..11883aec 100644
--- a/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue
+++ b/admin-frontend-vue/src/pages/tasks/DuplicateCheckPage.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 /**
- * 店铺数据重复检查 · 撞款控制台（reference asin-store-console 后台化，自家样式）。
- * 数据面：/duplicate-check-console(指标/店铺/撞款全集/分组统计) + /duplicate-check-ledger(台账分页) + /duplicate-check-export(CSV)。
+ * 店铺数据重复检查 · 撞款控制台 —— 观感与交互像素级复刻 reference/asin-store-console（index.template.html），
+ * 数据源保持自家后端：/duplicate-check-console(指标/店铺/撞款全集/分组统计) + /duplicate-check-ledger(台账分页) + /duplicate-check-export(Excel)。
+ * 分组归属来自「店铺管理」真实店铺分组，本页只读展示，仅用于分组撞款范围切换。
  */
 import { computed, onMounted, reactive, ref } from 'vue'
-import { ElMessage } from 'element-plus'
-import type { DuplicateItem, DuplicateOccurrence, DuplicateMetrics } from './duplicate-model.ts'
-import { fetchDuplicateConsole, fetchDuplicateLedger, requestDuplicateCsvBlob, type LedgerSortKey } from './duplicate-console-api.ts'
+import type { DuplicateItem, DuplicateOccurrence, DuplicateMetrics, DuplicateShop } from './duplicate-model.ts'
+import { fetchDuplicateConsole, fetchDuplicateLedger, requestDuplicateExportBlob, type LedgerSortKey } from './duplicate-console-api.ts'
 import { aggregateDrawerRows, drawerSummaryOf, dupWithinGroup, indexShopGroups, type DrawerAggRow, type DrawerSummary, type ShopGroups } from './duplicate-console-logic.ts'
-import type { DuplicateConsole, LedgerPage, LedgerRow } from './duplicate-console-model.ts'
+import type { DuplicateConsole, LedgerRow } from './duplicate-console-model.ts'
 import { ASIN_COUNTRY_CODES, asinCountryLabel } from '../asin/asin-country.ts'
 
 type Tab = 'dup' | 'ledger'
@@ -19,17 +19,19 @@ const loading = ref(false)
 const loadError = ref('')
 const reanalyzing = ref(false)
 
-const filter = reactive({ asin: '', shop: '', group: '', country: '', dateRange: [] as string[] })
+const filter = reactive({ asin: '', shop: '', group: '', country: '', dateFrom: '', dateTo: '' })
 
 const activeTab = ref<Tab>('dup')
 const scope = ref<Scope>('global')
 const selectedGroup = ref('')
 const shopGroups = ref<ShopGroups>({ members: {}, shopGroupNames: {} })
 
+const LEDGER_PAGE_SIZE = 20
 const ledgerItems = ref<LedgerRow[]>([])
 const ledgerTotal = ref(0)
 const ledgerPage = ref(1)
 const ledgerLoading = ref(false)
+const jumpInput = ref('')
 const sortState = reactive<{ key: LedgerSortKey | ''; dir: 'asc' | 'desc' }>({ key: 'earliest', dir: 'asc' })
 
 const drawerVisible = ref(false)
@@ -37,12 +39,20 @@ const drawerTitle = ref('')
 const drawerBrand = ref('')
 const drawerDup = ref(false)
 const drawerOccurrences = ref<DuplicateOccurrence[]>([])
-/** 明细抽屉：店铺×站点聚合 + 汇总徽章（对齐 reference 抽屉的 次数/国家chips/最早上架）。 */
 const drawerAggRows = computed<DrawerAggRow[]>(() => aggregateDrawerRows(drawerOccurrences.value))
 const drawerSummary = computed<DrawerSummary>(() => drawerSummaryOf(drawerOccurrences.value))
-
 const groupInfoVisible = ref(false)
 
+let toastTimer: number | undefined
+function toast(msg: string) {
+  const t = document.getElementById('dup-toast')
+  if (!t) return
+  t.textContent = msg
+  t.classList.add('show')
+  window.clearTimeout(toastTimer)
+  toastTimer = window.setTimeout(() => t.classList.remove('show'), 2400)
+}
+
 const overview = computed(() => consoleData.value?.overview ?? null)
 const summary = computed<DuplicateMetrics | null>(() => overview.value?.summary ?? null)
 const shops = computed(() => overview.value?.shops ?? [])
@@ -56,39 +66,34 @@ const countryOptions = computed<string[]>(() => {
   return [...codes]
 })
 
+/** 店铺展示顺序（reference：按上架记录量降序），店铺分布/矩阵列/筛选下拉共用。 */
+const orderedShops = computed<DuplicateShop[]>(() =>
+  [...shops.value].sort((a, b) => b.recordCount - a.recordCount || a.shopName.localeCompare(b.shopName)),
+)
+
 const kpis = computed(() => {
   const s = summary.value
-  const totalDup = dupItems.value.length
+  const totalDup = consoleData.value?.totalDup ?? dupItems.value.length
   const groupDupTotal = groupStats.value.reduce((sum, group) => sum + group.dupCount, 0)
-  const siteCount = s?.siteCount ?? 0
+  const groupSub = groupStats.value.map((group) => group.name).join(' / ')
+  const siteSub = [...countryOptions.value].map((code) => asinCountryLabel(code)).join(' / ')
   return [
-    { label: '唯一ASIN', value: (s?.asinTotal ?? 0).toLocaleString(), sub: '去重后', danger: false },
-    { label: '上架记录', value: (s?.recordTotal ?? 0).toLocaleString(), sub: '含重复扫描', danger: false },
-    { label: '在售店铺', value: (s?.shopCount ?? 0).toLocaleString(), sub: '本批数据', danger: false },
-    { label: '分组', value: groupStats.value.length.toLocaleString(), sub: groupStats.value.map((group) => group.name).join(' / ') || '未配置', danger: false },
-    { label: '全店撞款', value: (s?.duplicateAsinTotal ?? totalDup).toLocaleString(), sub: '≥2店在售', danger: true },
-    { label: '组内撞款', value: groupDupTotal.toLocaleString(), sub: '分组内≥2店', danger: groupDupTotal > 0 },
-    { label: '覆盖站点', value: siteCount.toLocaleString(), sub: countryOptions.value.map(asinCountryLabel).join(' / '), danger: false },
+    { label: '唯一ASIN', value: (s?.asinTotal ?? 0).toLocaleString(), sub: '去重后', tone: '' },
+    { label: '上架记录', value: (s?.recordTotal ?? 0).toLocaleString(), sub: '含重复扫描', tone: '' },
+    { label: '在售店铺', value: (s?.shopCount ?? orderedShops.value.length).toLocaleString(), sub: '本批数据', tone: 'primary' },
+    { label: '分组', value: groupStats.value.length.toLocaleString(), sub: groupSub || '未配置', tone: '' },
+    { label: '全店撞款', value: totalDup.toLocaleString(), sub: '≥2店在售', tone: 'danger' },
+    { label: '组内撞款', value: groupDupTotal.toLocaleString(), sub: '分组内≥2店', tone: groupDupTotal > 0 ? 'danger' : '' },
+    { label: '覆盖站点', value: (s?.siteCount ?? 0).toLocaleString(), sub: siteSub, tone: '' },
   ]
 })
 
 const storeDistribution = computed(() => {
-  const list = shops.value.map((shop) => ({ name: shop.shopName, group: shop.groupName, records: shop.recordCount, asins: shop.asinCount }))
-  const max = Math.max(1, ...list.map((s) => s.records))
+  const list = orderedShops.value.map((shop) => ({ name: shop.shopName, group: shop.groupName, records: shop.recordCount, asins: shop.asinCount }))
+  const max = Math.max(1, ...list.map((item) => item.records))
   return { max, list }
 })
 
-function dateFrom(): string {
-  return filter.dateRange?.[0] || ''
-}
-function dateTo(): string {
-  return filter.dateRange?.[1] || ''
-}
-
-function activeFilterParams() {
-  return { asin: filter.asin.trim(), shopName: filter.shop.trim(), group: filter.group.trim(), country: filter.country, site: '', dateFrom: dateFrom(), dateTo: dateTo() }
-}
-
 function selectedGroupMembers(): string[] {
   if (!selectedGroup.value) return []
   return shopGroups.value.members[selectedGroup.value] || []
@@ -96,16 +101,16 @@ function selectedGroupMembers(): string[] {
 
 const groupChips = computed(() => groupStats.value.filter((group) => group.shopCount >= 2))
 
-/** 当前撞款行集：全局=撞款全集；分组=组内成员撞款子集。 */
+/** 当前撞款行集：全局=撞款全集；分组=组内成员撞款子集；均按 ASIN 升序（reference 台账顺序）。 */
 const dupRows = computed<DuplicateItem[]>(() => {
-  if (scope.value === 'global') return dupItems.value
-  return dupWithinGroup(dupItems.value, selectedGroupMembers())
+  const rows = scope.value === 'global' ? dupItems.value : dupWithinGroup(dupItems.value, selectedGroupMembers())
+  return [...rows].sort((a, b) => a.asin.localeCompare(b.asin))
 })
 
-/** 矩阵列：分组范围=该组成员店；全店=全部可见店铺。 */
+/** 矩阵列：分组范围=该组成员店；全店=全部可见店铺(按上架量降序)。 */
 const matrixShops = computed<string[]>(() => {
   if (scope.value === 'group') return selectedGroupMembers()
-  return shops.value.map((shop) => shop.shopName)
+  return orderedShops.value.map((shop) => shop.shopName)
 })
 
 const activeGroupStat = computed(() => groupStats.value.find((group) => group.name === selectedGroup.value) || null)
@@ -117,6 +122,14 @@ function itemBrand(item: DuplicateItem): string {
   return ''
 }
 
+const matrixHint = computed(() =>
+  scope.value === 'global'
+    ? '行 = 全店撞款ASIN，列 = 全部店铺；有数字表示该店在售此 ASIN，点击行可看上架时间明细'
+    : selectedGroup.value
+      ? `行 = 分组「${selectedGroup.value}」内的撞款ASIN，列 = 该分组店铺；有数字表示组内该店在售此 ASIN`
+      : '行 = 分组内撞款ASIN，列 = 该分组店铺；有数字表示组内该店在售此 ASIN',
+)
+
 /* ----- 矩阵单元格辅助 ----- */
 function shopKey(name: string): string {
   return (name || '').trim().toLowerCase()
@@ -143,18 +156,22 @@ function cellTitle(item: DuplicateItem, shop: string): string {
   return `${shop} 在售 ${count} 条 · ${sites}`
 }
 
+function activeFilterParams() {
+  return { asin: filter.asin.trim(), shopName: filter.shop.trim(), group: filter.group.trim(), country: filter.country, site: '', dateFrom: filter.dateFrom, dateTo: filter.dateTo }
+}
+
 async function loadConsole() {
   loading.value = true
   loadError.value = ''
   try {
     consoleData.value = await fetchDuplicateConsole({ view: '', ...activeFilterParams() })
-    shopGroups.value = indexShopGroups(shops.value)
+    shopGroups.value = indexShopGroups(orderedShops.value)
     if (groupStats.value.length && !groupStats.value.some((group) => group.name === selectedGroup.value)) {
       selectedGroup.value = groupChips.value[0] ? groupChips.value[0].name : ''
     }
   } catch (error) {
     loadError.value = error instanceof Error ? error.message : '撞款数据加载失败'
-    ElMessage.error(loadError.value)
+    toast(loadError.value)
   } finally {
     loading.value = false
   }
@@ -167,20 +184,20 @@ async function loadLedger(page: number, resetSort = false) {
       sortState.key = 'earliest'
       sortState.dir = 'asc'
     }
-    const result: LedgerPage = await fetchDuplicateLedger({ view: '', ...activeFilterParams() }, page, 100, sortState.key, sortState.dir)
+    const result = await fetchDuplicateLedger({ view: '', ...activeFilterParams() }, page, LEDGER_PAGE_SIZE, sortState.key, sortState.dir)
     ledgerItems.value = result.items
     ledgerTotal.value = result.total
     ledgerPage.value = result.page
   } catch (error) {
-    ElMessage.error(error instanceof Error ? error.message : '台账加载失败')
+    toast(error instanceof Error ? error.message : '台账加载失败')
   } finally {
     ledgerLoading.value = false
   }
 }
 
 function applyQuery() {
-  if (dateFrom() && dateTo() && dateFrom() > dateTo()) {
-    ElMessage.warning('开始日期不能晚于结束日期')
+  if (filter.dateFrom && filter.dateTo && filter.dateFrom > filter.dateTo) {
+    toast('开始日期不能晚于结束日期')
     return
   }
   loadConsole()
@@ -192,11 +209,13 @@ function resetQuery() {
   filter.shop = ''
   filter.group = ''
   filter.country = ''
-  filter.dateRange = []
+  filter.dateFrom = ''
+  filter.dateTo = ''
   scope.value = 'global'
   selectedGroup.value = ''
   activeTab.value = 'dup'
   applyQuery()
+  toast('筛选已重置')
 }
 
 function switchTab(tab: Tab) {
@@ -212,11 +231,11 @@ function switchScope(next: Scope) {
 async function reAnalyze() {
   reanalyzing.value = true
   try {
-    await fetchDuplicateConsole({ view: '', asin: '', shopName: '', country: '', site: '', dateFrom: '', dateTo: '' })
+    await fetchDuplicateConsole({ view: '', asin: '', shopName: '', group: '', country: '', site: '', dateFrom: '', dateTo: '' })
     await loadConsole()
-    ElMessage.success('重新分析完成，已同步最新扫描结果')
+    toast('重新分析完成，已同步最新扫描结果')
   } catch (error) {
-    ElMessage.error(error instanceof Error ? error.message : '重新分析失败')
+    toast(error instanceof Error ? error.message : '重新分析失败')
   } finally {
     reanalyzing.value = false
   }
@@ -244,7 +263,7 @@ function shopBlocks(item: DuplicateItem, restrictShops: string[] = []): ShopSite
       order.push(shop)
     }
     const country = occ.country || ''
-    let site = block.sites.find((s) => s.country === country)
+    let site = block.sites.find((entry) => entry.country === country)
     if (!site) {
       site = { country, times: [] }
       block.sites.push(site)
@@ -271,15 +290,43 @@ function openLedgerDrawer(row: LedgerRow) {
   openDrawer(row.asin, row.brand, row.storeCount >= 2, row.occurrences)
 }
 
-function onLedgerSort(change: { prop: string; order: string | null }) {
-  const key = change.prop as LedgerSortKey
-  if (!change.order || !key) return
-  sortState.key = key
-  sortState.dir = change.order === 'descending' ? 'desc' : 'asc'
+/* ----- 台账排序/分页（服务器端 sort_key/page_size） ----- */
+const ledgerCols: { label: string; key: LedgerSortKey | '' }[] = [
+  { label: 'ASIN', key: 'asin' },
+  { label: '品牌', key: 'brand' },
+  { label: '上架店铺', key: 'store_count' },
+  { label: '涉及店铺', key: '' },
+  { label: '分组', key: '' },
+  { label: '站点', key: '' },
+  { label: '上架次数', key: 'record_count' },
+  { label: '最早上架', key: 'earliest' },
+  { label: '最近上架', key: 'latest' },
+  { label: '操作', key: '' },
+]
+
+function onSort(key: LedgerSortKey) {
+  if (sortState.key === key) sortState.dir = sortState.dir === 'asc' ? 'desc' : 'asc'
+  else {
+    sortState.key = key
+    sortState.dir = 'asc'
+  }
   loadLedger(1)
 }
 
-async function exportCsv() {
+const totalPages = computed(() => Math.max(1, Math.ceil(ledgerTotal.value / LEDGER_PAGE_SIZE)))
+function goPage(page: number) {
+  if (page < 1 || page > totalPages.value) return
+  loadLedger(page)
+}
+function jumpPage() {
+  const value = parseInt(jumpInput.value, 10)
+  if (!Number.isNaN(value) && value >= 1 && value <= totalPages.value) {
+    goPage(value)
+    jumpInput.value = ''
+  }
+}
+
+async function exportXlsx() {
   let view = 'monitor'
   const params = activeFilterParams()
   if (activeTab.value === 'ledger') {
@@ -288,11 +335,11 @@ async function exportCsv() {
     params.shopName = selectedGroup.value
   }
   try {
-    const blob = await requestDuplicateCsvBlob({ view, ...params }, view)
-    saveBlob(blob, `店铺数据_${activeTab.value === 'ledger' ? '台账' : '撞款'}_${new Date().toISOString().slice(0, 10)}.csv`)
-    ElMessage.success('已导出 CSV')
+    const blob = await requestDuplicateExportBlob({ view, ...params }, view)
+    saveBlob(blob, `店铺数据_${activeTab.value === 'ledger' ? '台账' : '撞款'}_${new Date().toISOString().slice(0, 10)}.xlsx`)
+    toast('已导出 Excel')
   } catch (error) {
-    ElMessage.error(error instanceof Error ? error.message : '导出失败')
+    toast(error instanceof Error ? error.message : '导出失败')
   }
 }
 
@@ -310,10 +357,6 @@ function siteColor(code: string): string {
   return map[code.toUpperCase()] || '#98A1B1'
 }
 
-function displayDate(value: string): string {
-  return (value || '').slice(0, 16)
-}
-
 onMounted(() => {
   loadConsole()
   // 台账 Tab 计数打开即显示：挂载时预取第一页拿 total（对齐 reference 渲染即见台账条数）。
@@ -322,391 +365,579 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="page-stack dup-console">
-    <div class="page-heading">
+  <div class="dup-ref">
+    <div class="dup-head">
       <div>
         <h2>店铺数据撞款监控</h2>
         <p>按 ASIN×店铺×站点分析同一 ASIN 在多家自营店铺/分组内的重复上架；分组归属来自店铺管理，只读展示。</p>
       </div>
-      <div class="actions">
-        <span v-if="overview" class="updated">数据更新时间 {{ overview.scannedAt || '—' }}</span>
-        <el-button :loading="reanalyzing" @click="reAnalyze">重新分析</el-button>
-        <el-button @click="exportCsv">导出CSV</el-button>
-      </div>
     </div>
 
-    <el-alert v-if="loadError" type="error" :title="loadError" :closable="false" show-icon style="margin-bottom: 12px" />
+    <div v-if="loadError" class="load-banner">
+      <span>{{ loadError }}</span>
+      <button class="btn btn-ghost btn-sm" type="button" @click="loadError = ''">知道了</button>
+    </div>
 
-    <el-card shadow="never" style="margin-bottom: 14px">
-      <div class="filter-grid">
-        <div class="f-item">
+    <!-- 筛选条件 -->
+    <section class="card filter">
+      <div class="filter-title">筛选条件</div>
+      <div class="filter-row">
+        <div class="f-group">
           <label>ASIN</label>
-          <el-input v-model="filter.asin" placeholder="模糊搜索ASIN" clearable @keyup.enter="applyQuery" />
+          <input type="text" v-model="filter.asin" placeholder="模糊搜索ASIN" @keyup.enter="applyQuery" />
         </div>
-        <div class="f-item">
+        <div class="f-group">
           <label>店铺</label>
-          <el-select v-model="filter.shop" placeholder="全部店铺" clearable filterable>
-            <el-option v-for="shop in shops" :key="shop.shopName" :label="shop.shopName" :value="shop.shopName" />
-          </el-select>
+          <select v-model="filter.shop">
+            <option value="">全部店铺</option>
+            <option v-for="shop in orderedShops" :key="shop.shopName" :value="shop.shopName">{{ shop.shopName }}</option>
+          </select>
         </div>
-        <div class="f-item">
+        <div class="f-group">
           <label>分组</label>
-          <el-select v-model="filter.group" placeholder="全部分组" clearable filterable>
-            <el-option v-for="group in groupStats" :key="group.name" :label="group.name" :value="group.name" />
-          </el-select>
+          <select v-model="filter.group">
+            <option value="">全部分组</option>
+            <option v-for="group in groupStats" :key="group.name" :value="group.name">{{ group.name }}</option>
+          </select>
         </div>
-        <div class="f-item">
-          <label>国家/站点</label>
-          <el-select v-model="filter.country" placeholder="全部国家" clearable>
-            <el-option v-for="code in countryOptions" :key="code" :label="asinCountryLabel(code)" :value="code" />
-          </el-select>
+        <div class="f-group">
+          <label>国家 / 站点</label>
+          <select v-model="filter.country">
+            <option value="">全部国家</option>
+            <option v-for="code in countryOptions" :key="code" :value="code">{{ asinCountryLabel(code) }}</option>
+          </select>
         </div>
-        <div class="f-item wide">
-          <label>上架时间</label>
-          <el-date-picker v-model="filter.dateRange" type="daterange" range-separator="至" start-placeholder="开始" end-placeholder="结束" value-format="YYYY-MM-DD" unlink-panels />
+        <div class="f-group">
+          <label>上架时间开始</label>
+          <input type="date" v-model="filter.dateFrom" />
         </div>
-        <div class="f-item btn-row">
-          <el-button type="primary" @click="applyQuery">查询</el-button>
-          <el-button @click="resetQuery">重置</el-button>
+        <div class="f-group">
+          <label>上架时间结束</label>
+          <input type="date" v-model="filter.dateTo" />
+        </div>
+        <div class="f-group">
+          <label>&nbsp;</label>
+          <button class="btn btn-primary" type="button" @click="applyQuery">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><circle cx="11" cy="11" r="7" /><path d="M21 21l-4.3-4.3" /></svg>
+            查询
+          </button>
+        </div>
+        <div class="f-group">
+          <label>&nbsp;</label>
+          <button class="btn btn-ghost" type="button" @click="resetQuery">重置</button>
         </div>
       </div>
-    </el-card>
+    </section>
 
-    <template v-if="consoleData && !loading">
-      <!-- KPI -->
-      <div class="kpi-row">
-        <div v-for="kpi in kpis" :key="kpi.label" class="kpi-card" :class="{ danger: kpi.danger, primary: kpi.label === '在售店铺' }">
-          <div class="k-label"><span class="k-dot" :class="{ danger: kpi.danger, primary: kpi.label === '在售店铺' }"></span>{{ kpi.label }}</div>
-          <div class="k-value">{{ kpi.value }}</div>
-          <div class="k-sub">{{ kpi.sub }}</div>
-        </div>
-      </div>
+    <div v-loading="loading" class="dup-body-wrap">
+      <template v-if="consoleData">
+        <!-- KPI 统计 -->
+        <section class="kpis">
+          <div v-for="kpi in kpis" :key="kpi.label" class="kpi" :class="kpi.tone">
+            <div class="k-label"><span class="k-dot"></span>{{ kpi.label }}</div>
+            <div class="k-value">{{ kpi.value }}</div>
+            <div class="k-sub">{{ kpi.sub }}</div>
+          </div>
+        </section>
 
-      <!-- 店铺上架分布 -->
-      <el-card shadow="never" style="margin-bottom: 14px">
-        <div class="card-title">店铺上架分布 <span class="hint">各店铺在本批站点中的上架记录量（含重复扫描）</span></div>
-        <div class="store-bars">
-          <div v-for="bar in storeDistribution.list" :key="bar.name" class="s-bar">
-            <div class="s-name">
-              <span>{{ bar.name }}<span v-if="bar.group" class="s-group"> · {{ bar.group }}</span></span>
-              <b>{{ bar.records.toLocaleString() }}</b>
+        <!-- 店铺上架分布 -->
+        <section class="card store-strip">
+          <div class="strip-head">
+            <span class="strip-title">店铺上架分布</span>
+            <span class="strip-note">各店铺在本批站点中的上架记录量（含重复扫描）</span>
+          </div>
+          <div class="strip-bars">
+            <div v-for="bar in storeDistribution.list" :key="bar.name" class="s-bar">
+              <div class="s-name">
+                <span>{{ bar.name }}<span v-if="bar.group" class="s-grp"> · {{ bar.group }}</span></span>
+                <b>{{ bar.records.toLocaleString() }}</b>
+              </div>
+              <div class="s-track"><div class="s-fill" :style="{ width: Math.round((bar.records / storeDistribution.max) * 100) + '%' }"></div></div>
+              <div class="s-meta">{{ bar.asins.toLocaleString() }} 个 ASIN</div>
             </div>
-            <div class="s-track"><div class="s-fill" :style="{ width: Math.round((bar.records / storeDistribution.max) * 100) + '%' }"></div></div>
-            <div class="s-meta">{{ bar.asins.toLocaleString() }} 个 ASIN</div>
           </div>
-        </div>
-      </el-card>
+        </section>
 
-      <!-- 主区 Tabs -->
-      <div class="tab-bar">
-        <div class="tabs">
-          <button class="tab" :class="{ active: activeTab === 'dup' }" @click="switchTab('dup')">撞款监控 <span class="t-count">{{ totalDupCount }}</span></button>
-          <button class="tab" :class="{ active: activeTab === 'ledger' }" @click="switchTab('ledger')">全部ASIN台账 <span class="t-count">{{ ledgerTotal }}</span></button>
-        </div>
-        <el-button class="help-btn" size="small" @click="groupInfoVisible = true">分组说明</el-button>
-      </div>
-
-      <!-- ============ 撞款监控 ============ -->
-      <template v-if="activeTab === 'dup'">
-        <div class="scope-bar">
-          <div class="seg">
-            <button class="seg-btn" :class="{ active: scope === 'global' }" @click="switchScope('global')">全店撞款</button>
-            <button class="seg-btn" :class="{ active: scope === 'group' }" @click="switchScope('group')">分组撞款</button>
+        <!-- 主区 Tabs + 操作 -->
+        <div class="content-head">
+          <div class="tabs">
+            <button class="tab" :class="{ active: activeTab === 'dup' }" type="button" @click="switchTab('dup')">撞款监控 <span class="t-count">{{ totalDupCount }}</span></button>
+            <button class="tab" :class="{ active: activeTab === 'ledger' }" type="button" @click="switchTab('ledger')">全部ASIN台账 <span class="t-count">{{ ledgerTotal }}</span></button>
           </div>
-          <div v-if="scope === 'group'" class="group-chips">
-            <template v-if="groupChips.length">
-              <button v-for="group in groupChips" :key="group.name" class="g-chip" :class="{ active: selectedGroup === group.name, dup: group.dupCount > 0 }" @click="selectedGroup = group.name">
-                {{ group.name }} <span class="g-count">{{ group.shopCount }}店 · {{ group.dupCount }}撞款</span>
-              </button>
-            </template>
-            <span v-else class="dim">暂无 ≥2 家店铺的分组，无法做分组撞款分析</span>
+          <div class="actions">
+            <span v-if="overview" class="updated">数据更新时间 {{ overview.scannedAt || '—' }}</span>
+            <button class="btn btn-ghost btn-sm" type="button" @click="groupInfoVisible = true">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /><circle cx="9" cy="7" r="4" /><path d="M23 21v-2a4 4 0 0 0-3-3.87" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /></svg>
+              分组说明
+            </button>
+            <button class="btn btn-ghost btn-sm" type="button" :disabled="reanalyzing" @click="reAnalyze">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-2.6-6.4" /><path d="M21 3v6h-6" /></svg>
+              {{ reanalyzing ? '重新分析中…' : '重新分析' }}
+            </button>
+            <button class="btn btn-ghost btn-sm" type="button" @click="exportXlsx">
+              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12" /><path d="M7 10l5 5 5-5" /><path d="M4 21h16" /></svg>
+              导出
+            </button>
           </div>
         </div>
 
-        <div v-if="scope === 'group' && activeGroupStat" class="group-summary">
-          <div class="gs-item"><div class="gs-v">{{ activeGroupStat.shopCount }}</div><div class="gs-l">组员店铺</div></div>
-          <div class="gs-item"><div class="gs-v">{{ activeGroupStat.asinUnique.toLocaleString() }}</div><div class="gs-l">组内唯一ASIN</div></div>
-          <div class="gs-item"><div class="gs-v">{{ activeGroupStat.recordCount.toLocaleString() }}</div><div class="gs-l">组内上架记录</div></div>
-          <div class="gs-item" :class="{ warn: activeGroupStat.dupCount > 0 }"><div class="gs-v">{{ activeGroupStat.dupCount }}</div><div class="gs-l">组内撞款ASIN</div></div>
-        </div>
-
-        <div class="section-title">撞款覆盖矩阵 <span class="hint">行 = ASIN，列 = 店铺；数字为该店在售此 ASIN 的记录量，点击行看明细</span></div>
-        <div class="matrix-wrap">
-          <table v-if="dupRows.length" class="matrix">
-            <thead>
-              <tr>
-                <th>ASIN</th>
-                <th>品牌</th>
-                <th v-for="shop in matrixShops" :key="shop" style="text-align: center">{{ shop }}</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr v-for="item in dupRows" :key="item.asin" @click="openDupDrawer(item)">
-                <td class="asin-cell">{{ item.asin }}</td>
-                <td class="brand-cell">{{ itemBrand(item) || '—' }}</td>
-                <td v-for="shop in matrixShops" :key="shop" style="text-align: center">
-                  <div class="m-cell" :class="{ empty: cellCount(item, shop) === 0 }" :title="cellTitle(item, shop)">
-                    {{ cellCount(item, shop) || '' }}
-                    <span class="dots"><span v-for="code in cellCountryDots(item, shop)" :key="code" class="m-dot" :style="{ background: siteColor(code) }"></span></span>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-          <el-empty v-else description="当前范围下没有撞款ASIN">
-            <template #description>
-              <p>当前范围下没有撞款ASIN</p>
-              <p class="dim">调整筛选条件或切换到其他分组查看</p>
-            </template>
-          </el-empty>
-        </div>
-
-        <div class="section-title" style="margin-top: 22px">撞款详情 <span class="hint">同一 ASIN 在多家店铺的上架时间明细</span></div>
-        <div v-if="dupRows.length" class="dup-cards">
-          <div v-for="item in dupRows" :key="item.asin" class="dup-card">
-            <div class="dup-head">
-              <span class="dup-asin">{{ item.asin }}</span>
-              <span class="badge dup">{{ item.shopCount }}店在售</span>
-              <span class="dup-brand">{{ itemBrand(item) || '未知品牌' }}</span>
-              <el-button text type="primary" size="small" @click="openDupDrawer(item)">查看明细</el-button>
+        <!-- ============ 撞款监控 ============ -->
+        <template v-if="activeTab === 'dup'">
+          <div class="scope-bar">
+            <div class="seg">
+              <button class="seg-btn" :class="{ active: scope === 'global' }" type="button" @click="switchScope('global')">全店撞款</button>
+              <button class="seg-btn" :class="{ active: scope === 'group' }" type="button" @click="switchScope('group')">分组撞款</button>
             </div>
-            <div class="dup-body">
-              <div v-for="block in shopBlocks(item)" :key="block.shopName" class="store-col">
-                <div class="st-name">{{ block.shopName }}<span class="st-count">{{ block.count }} 条</span></div>
-                <div v-if="block.groupName" class="st-grp">分组：{{ block.groupName }}</div>
-                <div v-for="site in block.sites" :key="site.country" class="c-site">
-                  <div class="c-site-head">
-                    <span class="m-dot" :style="{ background: siteColor(site.country) }"></span>{{ asinCountryLabel(site.country) }} · {{ site.times.length }} 次
-                  </div>
-                  <div class="c-times">
-                    <span v-for="(time, index) in site.times" :key="index" class="c-time">{{ time }}</span>
-                  </div>
+            <div v-if="scope === 'group'" class="group-chips">
+              <template v-if="groupChips.length">
+                <button v-for="group in groupChips" :key="group.name" type="button" class="g-chip" :class="{ active: selectedGroup === group.name, dup: group.dupCount > 0 }" @click="selectedGroup = group.name">
+                  {{ group.name }} <span class="g-count">{{ group.shopCount }}店 · {{ group.dupCount }}撞款</span>
+                </button>
+              </template>
+              <span v-else class="chip-empty">暂无 ≥2 家店铺的分组，无法做分组撞款分析</span>
+            </div>
+          </div>
+
+          <div v-if="scope === 'group' && activeGroupStat" class="group-summary card">
+            <div class="gs-item"><div class="gs-v">{{ activeGroupStat.shopCount }}</div><div class="gs-l">组员店铺</div></div>
+            <div class="gs-item"><div class="gs-v">{{ activeGroupStat.asinUnique.toLocaleString() }}</div><div class="gs-l">组内唯一ASIN</div></div>
+            <div class="gs-item"><div class="gs-v">{{ activeGroupStat.recordCount.toLocaleString() }}</div><div class="gs-l">组内上架记录</div></div>
+            <div class="gs-item" :class="{ warn: activeGroupStat.dupCount > 0 }"><div class="gs-v">{{ activeGroupStat.dupCount }}</div><div class="gs-l">组内撞款ASIN</div></div>
+          </div>
+
+          <div class="section-title">撞款覆盖矩阵 <span class="hint">{{ matrixHint }}</span></div>
+          <div class="matrix-wrap">
+            <table v-if="dupRows.length" class="matrix">
+              <thead>
+                <tr>
+                  <th>ASIN</th>
+                  <th>品牌</th>
+                  <th v-for="shop in matrixShops" :key="shop" style="text-align:center">{{ shop }}</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="item in dupRows" :key="item.asin" @click="openDupDrawer(item)">
+                  <td><span class="asin-code">{{ item.asin }}</span></td>
+                  <td><span class="m-brand">{{ itemBrand(item) || '—' }}</span></td>
+                  <td v-for="shop in matrixShops" :key="shop" style="text-align:center">
+                    <div class="m-cell" :class="{ empty: cellCount(item, shop) === 0 }" :title="cellTitle(item, shop)">
+                      {{ cellCount(item, shop) || '' }}
+                      <span class="dots"><span v-for="code in cellCountryDots(item, shop)" :key="code" class="m-dot" :style="{ background: siteColor(code) }"></span></span>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <div v-else class="empty-state">
+              <div class="e-title">当前范围下没有撞款ASIN</div>
+              调整筛选条件或切换到其他分组查看
+            </div>
+          </div>
+
+          <div class="section-title" style="margin-top:24px">撞款详情 <span class="hint">同一 ASIN 在多家店铺的上架时间明细</span></div>
+          <div v-if="dupRows.length" class="dup-grid">
+            <div v-for="item in dupRows" :key="item.asin" class="dup-card">
+              <div class="dup-head">
+                <span class="asin-code">{{ item.asin }}</span>
+                <span class="badge dup">{{ item.shopCount }}店在售</span>
+                <span class="d-brand">{{ itemBrand(item) || '未知品牌' }}</span>
+                <button class="link-btn" type="button" @click="openDupDrawer(item)">查看明细</button>
+              </div>
+              <div class="dup-body">
+                <div v-for="block in shopBlocks(item)" :key="block.shopName" class="store-col">
+                  <div class="st-name">{{ block.shopName }}<span class="st-count">{{ block.count }} 条</span></div>
+                  <div v-if="block.groupName" class="st-grp">分组：{{ block.groupName }}</div>
+                  <template v-for="site in block.sites" :key="site.country">
+                    <div class="c-site"><span class="m-dot" :style="{ background: siteColor(site.country) }"></span>{{ asinCountryLabel(site.country) }} · {{ site.times.length }} 次</div>
+                    <div class="c-times"><span v-for="(time, index) in site.times" :key="index" class="c-time">{{ time }}</span></div>
+                  </template>
                 </div>
               </div>
             </div>
           </div>
-        </div>
-        <el-empty v-else description="当前范围下没有撞款ASIN">
-          <template #description>
-            <p>当前范围下没有撞款ASIN</p>
-            <p class="dim">调整筛选条件或切换到其他分组查看</p>
-          </template>
-        </el-empty>
-      </template>
+          <div v-else class="dup-empty">当前范围下没有撞款ASIN</div>
+          <div class="dup-total">共 <b>{{ dupRows.length }}</b> 条{{ scope === 'group' && selectedGroup ? `分组「${selectedGroup}」组内撞款ASIN` : '全店撞款ASIN' }}</div>
+        </template>
 
-      <!-- ============ 全部ASIN台账 ============ -->
-      <template v-else>
-        <el-card shadow="never">
-          <el-table v-loading="ledgerLoading" :data="ledgerItems" stripe border @sort-change="onLedgerSort">
-            <el-table-column prop="asin" label="ASIN" min-width="140" sortable="custom">
-              <template #default="{ row }">
-                <el-link type="primary" @click="openLedgerDrawer(row as LedgerRow)">{{ row.asin }}</el-link>
-              </template>
-            </el-table-column>
-            <el-table-column prop="brand" label="品牌" min-width="120" sortable="custom" />
-            <el-table-column prop="storeCount" label="上架店铺" width="110" sortable="custom" align="center">
-              <template #default="{ row }">
-                <el-tag :type="(row as LedgerRow).storeCount >= 2 ? 'danger' : 'success'" size="small">{{ (row as LedgerRow).storeCount }} 店</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column label="涉及店铺" min-width="190">
-              <template #default="{ row }">
-                <el-tag v-for="store in (row as LedgerRow).stores" :key="store" size="small" class="tag-gap" type="info" effect="plain">{{ store }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column label="分组" min-width="120">
-              <template #default="{ row }">
-                <template v-if="(row as LedgerRow).groups.length">
-                  <el-tag v-for="group in (row as LedgerRow).groups" :key="group" size="small" class="tag-gap">{{ group }}</el-tag>
-                </template>
-                <span v-else class="dim">—</span>
-              </template>
-            </el-table-column>
-            <el-table-column label="站点" min-width="130">
-              <template #default="{ row }">
-                <span v-for="code in (row as LedgerRow).countries" :key="code" class="site-chip" :style="{ background: siteColor(code) + '1F', color: siteColor(code) }">{{ asinCountryLabel(code) }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column prop="recordCount" label="上架次数" width="100" sortable="custom" align="center" />
-            <el-table-column prop="earliest" label="最早上架" min-width="165" sortable="custom">
-              <template #default="{ row }">{{ displayDate((row as LedgerRow).earliest) }}</template>
-            </el-table-column>
-            <el-table-column prop="latest" label="最近上架" min-width="165" sortable="custom">
-              <template #default="{ row }">{{ displayDate((row as LedgerRow).latest) }}</template>
-            </el-table-column>
-            <el-table-column label="操作" width="90" fixed="right">
-              <template #default="{ row }">
-                <el-button text type="primary" size="small" @click="openLedgerDrawer(row as LedgerRow)">明细</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-          <div class="table-footer">
-            <span>共 <b>{{ ledgerTotal.toLocaleString() }}</b> 条</span>
-            <el-pagination background layout="prev, pager, next, jumper" :total="ledgerTotal" :page-size="100" :current-page="ledgerPage" @current-change="(page: number) => loadLedger(page)" />
+        <!-- ============ 全部ASIN台账 ============ -->
+        <template v-else>
+          <div class="table-wrap" v-loading="ledgerLoading">
+            <table v-if="ledgerItems.length" class="ledger">
+              <thead>
+                <tr>
+                  <th v-for="col in ledgerCols" :key="col.label" :class="{ sortable: !!col.key }" @click="col.key && onSort(col.key)">
+                    {{ col.label }}<span v-if="sortState.key === col.key" class="arr">{{ sortState.dir === 'asc' ? '▲' : '▼' }}</span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="row in ledgerItems" :key="row.asin">
+                  <td><span class="link" @click="openLedgerDrawer(row)">{{ row.asin }}</span></td>
+                  <td class="brand-cell">{{ row.brand || '—' }}</td>
+                  <td><span class="badge" :class="row.storeCount >= 2 ? 'dup' : 'single'">{{ row.storeCount }} 店</span></td>
+                  <td class="chips-cell"><span v-for="store in row.stores" :key="store" class="badge store">{{ store }}</span></td>
+                  <td class="chips-cell">
+                    <template v-if="row.groups.length"><span v-for="group in row.groups" :key="group" class="badge country">{{ group }}</span></template>
+                    <span v-else class="dim-cell">—</span>
+                  </td>
+                  <td><span v-for="code in row.countries" :key="code" class="site-chip" :style="{ background: siteColor(code) + '1F', color: siteColor(code) }">{{ asinCountryLabel(code) }}</span></td>
+                  <td class="num-cell">{{ row.recordCount }}</td>
+                  <td class="mono dt-cell">{{ row.earliest || '—' }}</td>
+                  <td class="mono dt-cell">{{ row.latest || '—' }}</td>
+                  <td><button class="btn btn-ghost btn-sm" type="button" @click="openLedgerDrawer(row)">明细</button></td>
+                </tr>
+              </tbody>
+            </table>
+            <div v-else class="empty-state">
+              <div class="e-title">暂无台账记录</div>
+              调整筛选条件或触发重新分析后再查看
+            </div>
           </div>
-        </el-card>
+          <div v-if="ledgerTotal" class="pager">
+            <span class="total">共 <b>{{ ledgerTotal.toLocaleString() }}</b> 条 · 第 {{ ledgerPage }}/{{ totalPages }} 页</span>
+            <button class="pg-btn" type="button" :disabled="ledgerPage <= 1" @click="goPage(ledgerPage - 1)">上一页</button>
+            <button class="pg-btn" type="button" :disabled="ledgerPage >= totalPages" @click="goPage(ledgerPage + 1)">下一页</button>
+            <span class="jump">跳至 <input type="number" min="1" :max="totalPages" v-model="jumpInput" @keyup.enter="jumpPage" /> 页 <button class="btn btn-ghost btn-sm" type="button" @click="jumpPage">跳转</button></span>
+          </div>
+        </template>
       </template>
-    </template>
 
-    <div v-else-if="!loadError && !loading" class="empty-state" v-loading="loading">
-      <el-empty description="暂无扫描结果，请点击右上角「重新分析」触发撞款扫描" />
+      <div v-else-if="!loadError" class="card empty-state">
+        <div class="e-title">暂无扫描结果</div>
+        请点击右上角「重新分析」触发撞款扫描
+      </div>
     </div>
+
+    <!-- 明细抽屉 -->
+    <div class="mask" :class="{ show: drawerVisible }" v-show="drawerVisible" @click="drawerVisible = false"></div>
+    <aside class="drawer" :class="{ show: drawerVisible }" v-show="drawerVisible">
+      <div class="drawer-head">
+        <span class="d-title">{{ drawerTitle }}</span>
+        <span v-if="drawerDup" class="badge dup">撞款</span>
+        <button class="drawer-close" type="button" @click="drawerVisible = false">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18" /></svg>
+        </button>
+      </div>
+      <div class="drawer-body">
+        <div class="d-brand">品牌：{{ drawerBrand || '未知' }}</div>
+        <div class="d-summary">
+          <span class="badge store">{{ drawerSummary.shopCount }} 家店铺</span>
+          <template v-for="code in drawerSummary.countries" :key="code"><span class="site-chip" :style="{ background: siteColor(code) + '1F', color: siteColor(code) }">{{ asinCountryLabel(code) }}</span></template>
+          <span class="badge single">{{ drawerSummary.totalRecords }} 次上架</span>
+          <span class="badge time">最早上架 {{ drawerSummary.earliest || '—' }}</span>
+        </div>
+        <table v-if="drawerAggRows.length" class="d-table">
+          <thead>
+            <tr><th>店铺</th><th>分组</th><th>站点</th><th>上架时间（按时间升序）</th><th>次数</th></tr>
+          </thead>
+          <tbody>
+            <tr v-for="row in drawerAggRows" :key="row.shopName + '|' + row.country">
+              <td class="cell-strong">{{ row.shopName }}</td>
+              <td><span class="d-stgrp">{{ row.groupName || '—' }}</span></td>
+              <td><span class="site-chip" :style="{ background: siteColor(row.country) + '1F', color: siteColor(row.country) }">{{ asinCountryLabel(row.country || '') }}</span></td>
+              <td><template v-for="(time, index) in row.times" :key="index"><span class="d-time">{{ time }}</span></template></td>
+              <td class="num-cell">{{ row.count }}</td>
+            </tr>
+          </tbody>
+        </table>
+        <div v-else class="dup-empty">暂无上架时间明细</div>
+      </div>
+    </aside>
+
+    <!-- 分组说明（只读，来自店铺管理） -->
+    <div class="mask" :class="{ show: groupInfoVisible }" v-show="groupInfoVisible" @click="groupInfoVisible = false"></div>
+    <aside class="drawer" :class="{ show: groupInfoVisible }" v-show="groupInfoVisible" style="width:560px">
+      <div class="drawer-head">
+        <span class="m-title">分组撞款说明</span>
+        <button class="drawer-close" type="button" @click="groupInfoVisible = false">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18" /></svg>
+        </button>
+      </div>
+      <div class="drawer-body">
+        <p class="note">分组归属来自「店铺管理」的真实店铺分组，仅用于本页分组撞款范围切换；本页不做分组编辑。如需调整店铺所属分组，请到店铺管理维护（会影响对应负责人的数据查看范围）。</p>
+        <table class="d-table">
+          <thead><tr><th>分组</th><th>店铺数</th><th>成员店铺</th><th>组内撞款</th></tr></thead>
+          <tbody>
+            <tr v-for="group in groupStats" :key="group.name">
+              <td class="cell-strong">{{ group.name }}</td>
+              <td class="num-cell">{{ group.shopCount }}</td>
+              <td><template v-for="shop in (shopGroups.members[group.name] || [])" :key="shop"><span class="badge store">{{ shop }}</span></template></td>
+              <td class="num-cell">{{ group.dupCount }}</td>
+            </tr>
+            <tr v-if="!groupStats.length"><td colspan="4" class="empty-cell">暂无分组</td></tr>
+          </tbody>
+        </table>
+      </div>
+    </aside>
+
+    <div id="dup-toast"></div>
   </div>
-
-  <!-- 明细抽屉 -->
-  <el-drawer v-model="drawerVisible" :title="drawerTitle" size="600px">
-    <div class="drawer-head">
-      <span v-if="drawerDup" class="badge dup">撞款</span>
-      <span class="d-brand">{{ drawerTitle }} · 品牌：{{ drawerBrand || '未知' }}</span>
-    </div>
-    <div v-if="drawerOccurrences.length" class="drawer-badges">
-      <span class="badge store">{{ drawerSummary.shopCount }} 家店铺</span>
-      <span v-for="code in drawerSummary.countries" :key="code" class="chip" :style="{ background: siteColor(code) }">{{ asinCountryLabel(code) }}</span>
-      <span class="badge count">{{ drawerSummary.totalRecords }} 次上架</span>
-      <span class="badge time">最早上架 {{ drawerSummary.earliest }}</span>
-    </div>
-    <el-table v-if="drawerAggRows.length" :data="drawerAggRows" border size="small">
-      <el-table-column prop="shopName" label="店铺" min-width="130" />
-      <el-table-column label="分组" min-width="90">
-        <template #default="{ row }">{{ (row as DrawerAggRow).groupName || '—' }}</template>
-      </el-table-column>
-      <el-table-column label="站点" min-width="80">
-        <template #default="{ row }">{{ asinCountryLabel((row as DrawerAggRow).country || '') }}</template>
-      </el-table-column>
-      <el-table-column label="上架时间（升序）" min-width="170">
-        <template #default="{ row }">
-          <div v-for="(time, index) in (row as DrawerAggRow).times" :key="index" class="drawer-time">{{ time }}</div>
-        </template>
-      </el-table-column>
-      <el-table-column label="次数" min-width="70" align="center">
-        <template #default="{ row }">{{ (row as DrawerAggRow).count }}</template>
-      </el-table-column>
-    </el-table>
-    <el-empty v-else description="暂无上架时间明细" />
-  </el-drawer>
-
-  <!-- 分组说明（只读） -->
-  <el-drawer v-model="groupInfoVisible" title="分组撞款说明" size="520px">
-    <el-alert type="info" :closable="false" show-icon title="分组归属来自「店铺管理」的真实店铺分组，仅用于本页分组撞款范围切换；本页不做分组编辑。如需调整店铺所属分组，请到店铺管理维护（会影响对应负责人的数据查看范围）。" />
-    <el-table :data="groupStats" border style="margin-top: 14px">
-      <el-table-column prop="name" label="分组" min-width="110" />
-      <el-table-column label="店铺数" width="80" align="center">
-        <template #default="{ row }">{{ (row as { shopCount: number }).shopCount }}</template>
-      </el-table-column>
-      <el-table-column label="成员店铺" min-width="200">
-        <template #default="{ row }">
-          <el-tag v-for="shop in (shopGroups.members[(row as { name: string }).name] || [])" :key="shop" size="small" class="tag-gap" effect="plain">{{ shop }}</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="组内撞款" width="90" align="center">
-        <template #default="{ row }">{{ (row as { dupCount: number }).dupCount }}</template>
-      </el-table-column>
-    </el-table>
-  </el-drawer>
 </template>
 
-<style scoped>
-.dup-console { max-width: 1560px; }
-.page-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
-.page-heading .actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; margin-left: auto; }
-.updated { color: var(--el-text-color-secondary); font-size: 12px; line-height: 1.4; }
-.filter-grid { display: flex; flex-wrap: wrap; gap: 12px 18px; }
-.f-item { display: flex; flex-direction: column; gap: 6px; width: 170px; }
-.f-item label { color: var(--el-text-color-secondary); font-size: 12px; }
-.f-item.wide { width: 320px; }
-.f-item.btn-row { flex-direction: row; align-items: flex-end; gap: 8px; width: auto; }
-.kpi-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 14px; }
-.kpi-card { background: var(--el-bg-color); border: 1px solid var(--el-border-color-lighter); border-radius: 10px; padding: 12px 16px; box-shadow: var(--el-box-shadow-lighter); }
-.k-label { color: var(--el-text-color-secondary); font-size: 12px; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
-/* KPI 彩色指示圆点（对齐 reference k-dot：撞款红/在售店铺蓝/其余灰）。 */
-.k-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--el-border-color); display: inline-block; flex: none; }
-.k-dot.danger { background: var(--el-color-danger); }
-.k-dot.primary { background: var(--el-color-primary); }
-.kpi-card.primary .k-value { color: var(--el-color-primary); }
-.k-value { font-size: 26px; font-weight: 700; font-variant-numeric: tabular-nums; }
-.kpi-card.danger .k-value { color: var(--el-color-danger); }
-.k-sub { color: var(--el-text-color-secondary); font-size: 11px; margin-top: 3px; }
-.card-title { font-size: 13px; font-weight: 600; margin-bottom: 12px; display: flex; gap: 8px; align-items: baseline; }
-.hint { font-size: 11px; font-weight: 400; color: var(--el-text-color-secondary); }
-.store-bars { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; }
-.s-name { display: flex; justify-content: space-between; font-size: 12px; color: var(--el-text-color-secondary); margin-bottom: 5px; }
-.s-name b { color: var(--el-text-color-primary); font-weight: 600; }
-.s-group { color: var(--el-text-color-secondary); }
-.s-track { height: 8px; background: var(--el-fill-color-light); border-radius: 5px; overflow: hidden; }
-.s-fill { height: 100%; border-radius: 5px; background: linear-gradient(90deg, #6366f1, #8b9cf6); }
-.s-meta { font-size: 11px; color: var(--el-text-color-secondary); margin-top: 5px; }
-.tab-bar { display: flex; justify-content: space-between; align-items: center; margin: 4px 0 14px; }
-.tabs { display: flex; gap: 4px; background: var(--el-bg-color); border: 1px solid var(--el-border-color-lighter); border-radius: 9px; padding: 4px; }
-.tab { padding: 7px 18px; border-radius: 7px; font-size: 13px; font-weight: 600; color: var(--el-text-color-regular); cursor: pointer; background: transparent; border: none; display: inline-flex; gap: 7px; align-items: center; }
-.tab:hover { color: var(--el-color-primary); }
-.tab.active { background: var(--el-color-primary); color: #fff; }
-.t-count { background: rgba(0, 0, 0, 0.12); border-radius: 10px; padding: 0 7px; font-size: 11px; }
-.tab.active .t-count { background: rgba(255, 255, 255, 0.25); }
-.help-btn.el-button { color: #2f4a63; border-color: #a9c3d9; background: #fff; }
-.help-btn.el-button:hover { color: #1e3b57; border-color: #7fa6c6; background: #edf5fb; }
-.scope-bar { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; flex-wrap: wrap; }
-.seg { display: flex; gap: 4px; background: var(--el-bg-color); border: 1px solid var(--el-border-color-lighter); border-radius: 9px; padding: 4px; }
-.seg-btn { padding: 7px 16px; border-radius: 7px; font-size: 13px; font-weight: 600; color: var(--el-text-color-regular); border: none; background: transparent; cursor: pointer; }
-.seg-btn:hover { color: var(--el-color-primary); }
-.seg-btn.active { background: var(--el-color-primary); color: #fff; }
-.group-chips { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
-.g-chip { padding: 7px 14px; border-radius: 20px; font-size: 12.5px; font-weight: 600; background: var(--el-bg-color); border: 1px solid var(--el-border-color); color: var(--el-text-color-regular); cursor: pointer; transition: all 0.15s; }
-.g-chip:hover { border-color: var(--el-color-primary); color: var(--el-color-primary); }
-.g-chip.active { background: var(--el-color-primary); border-color: var(--el-color-primary); color: #fff; }
-.g-chip.dup:not(.active) { border-color: #f3c6cc; background: #fdebed; color: #d63a4a; }
-.g-count { font-size: 11px; opacity: 0.85; }
-.dim { color: var(--el-text-color-secondary); font-size: 12px; }
-.group-summary { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--el-bg-color); border: 1px solid var(--el-border-color-lighter); border-radius: 10px; margin-bottom: 16px; overflow: hidden; }
-.gs-item { padding: 14px 20px; border-right: 1px solid var(--el-border-color-lighter); }
-.gs-item:last-child { border-right: none; }
-.gs-v { font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; }
-.gs-item.warn .gs-v { color: var(--el-color-danger); }
-.gs-item.warn { background: var(--el-color-danger-light-9); }
-.gs-l { font-size: 12px; color: var(--el-text-color-secondary); margin-top: 4px; }
-.section-title { font-size: 14px; font-weight: 700; display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; }
-.matrix-wrap { overflow-x: auto; border-radius: 10px; background: var(--el-bg-color); border: 1px solid var(--el-border-color-lighter); }
-table.matrix { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 12.5px; }
-table.matrix th { background: var(--el-fill-color-lighter); color: var(--el-text-color-regular); font-size: 12px; font-weight: 600; padding: 10px 12px; border-bottom: 1px solid var(--el-border-color-lighter); text-align: left; white-space: nowrap; }
-table.matrix td { padding: 8px 12px; border-bottom: 1px solid var(--el-border-color-extra-light); white-space: nowrap; }
-table.matrix tbody tr { cursor: pointer; }
-table.matrix tbody tr:hover td { background: var(--el-fill-color-light); }
-.asin-cell { font-family: 'Cascadia Mono', Consolas, monospace; font-weight: 700; color: var(--el-color-primary); }
-.brand-cell { color: var(--el-text-color-secondary); }
-.m-cell { width: 42px; height: 30px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; color: var(--el-color-primary); background: var(--el-color-primary-light-9); position: relative; }
-.m-cell.empty { background: var(--el-fill-color-light); color: var(--el-text-color-placeholder); font-weight: 400; }
-.dots { position: absolute; bottom: 2px; left: 0; right: 0; display: flex; justify-content: center; gap: 2px; }
-.m-dot { width: 5px; height: 5px; border-radius: 50%; display: inline-block; }
-.dup-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 14px; }
-.dup-card { background: var(--el-bg-color); border: 1px solid var(--el-border-color-lighter); border-radius: 10px; overflow: hidden; }
-.dup-head { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-bottom: 1px solid var(--el-border-color-lighter); background: var(--el-fill-color-lighter); flex-wrap: wrap; }
-.dup-asin { font-family: 'Cascadia Mono', Consolas, monospace; font-weight: 700; color: var(--el-color-primary); font-size: 13px; }
-.badge { display: inline-flex; align-items: center; border-radius: 20px; padding: 2px 9px; font-size: 11px; font-weight: 600; white-space: nowrap; }
-.badge.dup { background: #fdebed; color: #d63a4a; }
-.dup-brand { color: var(--el-text-color-secondary); font-size: 12px; }
-.dup-body { padding: 12px 14px; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; }
-.store-col .st-name { font-size: 12.5px; font-weight: 700; margin-bottom: 6px; display: flex; gap: 6px; align-items: center; }
-.st-count { font-size: 11px; color: var(--el-text-color-secondary); font-weight: 400; }
-.st-grp { font-size: 10.5px; color: var(--el-text-color-secondary); margin-bottom: 4px; }
-.c-site { font-size: 11px; color: var(--el-text-color-regular); margin-top: 6px; }
-.c-site-head { font-weight: 600; display: flex; gap: 5px; align-items: center; }
-.c-times { margin-top: 2px; }
-.c-time { font-family: 'Cascadia Mono', Consolas, monospace; font-size: 11px; color: var(--el-text-color-secondary); line-height: 1.7; display: block; }
-.site-chip { border-radius: 5px; padding: 1px 7px; font-size: 11.5px; margin-right: 4px; font-weight: 600; display: inline-block; }
-.tag-gap { margin-right: 4px; margin-bottom: 2px; }
-.table-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 14px; }
-.table-footer span { color: var(--el-text-color-secondary); font-size: 12.5px; }
-.table-footer b { color: var(--el-text-color-primary); }
-.drawer-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
-.d-brand { color: var(--el-text-color-secondary); font-size: 13px; }
-/* 明细抽屉汇总徽章组（对齐 reference：N家店铺/国家chips/N次上架/最早上架）。 */
-.drawer-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
-.badge.store { background: #e8f1fa; color: #2f5d8b; }
-.badge.count { background: #fdebed; color: #d63a4a; }
-.badge.time { background: var(--el-fill-color-light); color: var(--el-text-color-regular); }
-.chip { border-radius: 20px; padding: 2px 9px; font-size: 11px; font-weight: 600; color: #fff; white-space: nowrap; }
-.drawer-time { font-family: 'Cascadia Mono', Consolas, monospace; font-size: 11.5px; color: var(--el-text-color-regular); line-height: 1.7; }
-/* 矩阵表头吸顶（对齐 reference sticky 表头）。 */
-.matrix-wrap { max-height: 480px; overflow-y: auto; }
-table.matrix th { position: sticky; top: 0; z-index: 1; }
-.empty-state { margin-top: 12px; }
+<style>
+/* ============================================================
+   像素级复刻 reference asin-store-console（index.template.html）：
+   页面内独立令牌 + 组件观感。所有选择器前缀 .dup-ref 防外泄。
+   ============================================================ */
+.dup-ref {
+  /* reference 设计令牌 */
+  --bg: #F2F4F8;
+  --surface: #FFFFFF;
+  --border: #E5E9F0;
+  --border-strong: #D5DBE6;
+  --text: #1C2230;
+  --text2: #5A6474;
+  --text3: #98A1B1;
+  --primary: #2E5BE6;
+  --primary-hover: #1E4BD8;
+  --primary-weak: #EAF0FF;
+  --danger: #D63A4A;
+  --danger-weak: #FDEBED;
+  --green: #1F9D62;
+  --green-weak: #E7F7EF;
+  --amber: #D9912B;
+  --amber-weak: #FCF2E3;
+  --mono: "Cascadia Mono", "SF Mono", Consolas, "Courier New", monospace;
+  --shadow: 0 1px 2px rgba(20, 30, 60, 0.05), 0 4px 18px rgba(20, 30, 60, 0.06);
+  --radius: 10px;
+  max-width: 1560px;
+  margin: 0 auto;
+  color: var(--text);
+  font-size: 13px;
+  line-height: 1.55;
+  -webkit-font-smoothing: antialiased;
+}
+.dup-ref .mono { font-family: var(--mono); }
+.dup-ref button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
+.dup-ref button:disabled { opacity: 0.55; cursor: not-allowed; }
+.dup-ref input, .dup-ref select { font-family: inherit; font-size: 13px; color: var(--text); }
+.dup-ref a { color: var(--primary); text-decoration: none; }
+.dup-ref .dim-cell { color: var(--text3); }
+.dup-ref .num-cell { font-variant-numeric: tabular-nums; }
+.dup-ref .cell-strong { font-weight: 600; }
+.dup-ref .empty-cell { text-align: center; color: var(--text3); padding: 18px 10px !important; }
+
+/* ---------- 页面标题（本页在 admin 壳内的控制台头部） ---------- */
+.dup-ref .dup-head { margin: 0 0 18px; }
+.dup-ref .dup-head h2 { margin: 0; font-size: 20px; color: var(--text); }
+.dup-ref .dup-head p { margin: 7px 0 0; color: var(--text2); font-size: 13px; }
+.dup-ref .load-banner {
+  display: flex; align-items: center; justify-content: space-between; gap: 12px;
+  background: var(--danger-weak); color: var(--danger);
+  border: 1px solid #F3C6CC; border-radius: var(--radius);
+  padding: 10px 14px; margin-bottom: 14px; font-size: 13px;
+}
+
+/* ---------- 卡片 ---------- */
+.dup-ref .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }
+
+/* ---------- 筛选条件 ---------- */
+.dup-ref .filter { padding: 16px 18px; margin-bottom: 16px; }
+.dup-ref .filter-title { font-size: 12px; color: var(--text3); margin-bottom: 12px; letter-spacing: 0.5px; }
+.dup-ref .filter-row { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
+.dup-ref .f-group { display: flex; flex-direction: column; gap: 6px; }
+.dup-ref .f-group label { font-size: 12px; color: var(--text2); }
+.dup-ref .f-group input, .dup-ref .f-group select {
+  height: 34px; border: 1px solid var(--border-strong); border-radius: 7px; padding: 0 10px; background: #FBFCFE; outline: none;
+  transition: border-color 0.15s, box-shadow 0.15s;
+}
+.dup-ref .f-group input:focus, .dup-ref .f-group select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(46, 91, 230, 0.12); background: #fff; }
+.dup-ref .f-group input { width: 170px; }
+.dup-ref .f-group select { width: 150px; cursor: pointer; }
+.dup-ref .f-group input[type="date"] { width: 150px; }
+.dup-ref .btn {
+  height: 34px; border-radius: 7px; padding: 0 16px; font-size: 13px; font-weight: 600;
+  display: inline-flex; align-items: center; gap: 6px; transition: background 0.15s, color 0.15s, border-color 0.15s;
+}
+.dup-ref .btn-primary { background: var(--primary); color: #fff; }
+.dup-ref .btn-primary:hover { background: var(--primary-hover); }
+.dup-ref .btn-ghost { background: #fff; color: var(--text2); border: 1px solid var(--border-strong); }
+.dup-ref .btn-ghost:hover { border-color: var(--primary); color: var(--primary); }
+.dup-ref .btn-sm { height: 28px; padding: 0 10px; font-size: 12px; border-radius: 6px; }
+
+/* ---------- KPI 统计 ---------- */
+.dup-ref .kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin-bottom: 16px; }
+.dup-ref .kpi { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 14px 16px; }
+.dup-ref .kpi .k-label { font-size: 12px; color: var(--text3); display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
+.dup-ref .kpi .k-value { font-size: 26px; font-weight: 700; letter-spacing: 0.3px; font-variant-numeric: tabular-nums; }
+.dup-ref .kpi .k-sub { font-size: 11px; color: var(--text3); margin-top: 3px; }
+.dup-ref .kpi.danger .k-value { color: var(--danger); }
+.dup-ref .kpi.primary .k-value { color: var(--primary); }
+.dup-ref .k-dot { width: 8px; height: 8px; border-radius: 50%; background: #B8C0CE; }
+.dup-ref .kpi.danger .k-dot { background: var(--danger); }
+.dup-ref .kpi.primary .k-dot { background: var(--primary); }
+
+/* ---------- 店铺分布条 ---------- */
+.dup-ref .store-strip { padding: 14px 18px; margin-bottom: 16px; }
+.dup-ref .strip-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
+.dup-ref .strip-title { font-size: 13px; font-weight: 600; }
+.dup-ref .strip-note { font-size: 11px; color: var(--text3); }
+.dup-ref .strip-bars { display: grid; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); gap: 16px 20px; }
+.dup-ref .s-bar .s-name { font-size: 12px; color: var(--text2); margin-bottom: 6px; display: flex; justify-content: space-between; gap: 8px; }
+.dup-ref .s-bar .s-name b { color: var(--text); font-weight: 600; }
+.dup-ref .s-grp { color: var(--text3); font-weight: 400; font-size: 11px; }
+.dup-ref .s-track { height: 8px; background: #EEF1F6; border-radius: 5px; overflow: hidden; }
+.dup-ref .s-fill { height: 100%; border-radius: 5px; background: linear-gradient(90deg, #2E5BE6, #6C8BEF); }
+.dup-ref .s-bar .s-meta { font-size: 11px; color: var(--text3); margin-top: 5px; }
+
+/* ---------- 内容区头部（Tabs + 操作） ---------- */
+.dup-ref .content-head { display: flex; align-items: center; justify-content: space-between; margin: 4px 0 14px; flex-wrap: wrap; gap: 10px; }
+.dup-ref .tabs { display: flex; gap: 4px; background: var(--surface); border: 1px solid var(--border); border-radius: 9px; padding: 4px; }
+.dup-ref .tab {
+  padding: 7px 18px; border-radius: 7px; font-size: 13px; font-weight: 600; color: var(--text2);
+  display: inline-flex; align-items: center; gap: 7px; transition: all 0.15s;
+}
+.dup-ref .tab:hover { color: var(--primary); }
+.dup-ref .tab.active { background: var(--primary); color: #fff; }
+.dup-ref .tab .t-count { background: rgba(0, 0, 0, 0.12); border-radius: 10px; padding: 0 7px; font-size: 11px; font-weight: 700; }
+.dup-ref .tab.active .t-count { background: rgba(255, 255, 255, 0.25); }
+.dup-ref .actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
+.dup-ref .actions .updated { font-size: 11px; color: var(--text3); margin-right: 4px; }
+
+/* ---------- 撞款检测范围（分段控件） ---------- */
+.dup-ref .scope-bar { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
+.dup-ref .seg { display: flex; gap: 4px; background: var(--surface); border: 1px solid var(--border); border-radius: 9px; padding: 4px; box-shadow: var(--shadow); }
+.dup-ref .seg-btn { padding: 7px 16px; border-radius: 7px; font-size: 13px; font-weight: 600; color: var(--text2); transition: all 0.15s; }
+.dup-ref .seg-btn:hover { color: var(--primary); }
+.dup-ref .seg-btn.active { background: var(--primary); color: #fff; }
+.dup-ref .group-chips { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
+.dup-ref .g-chip {
+  display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 20px; font-size: 12.5px; font-weight: 600;
+  background: var(--surface); border: 1px solid var(--border-strong); color: var(--text2); transition: all 0.15s; box-shadow: var(--shadow);
+}
+.dup-ref .g-chip:hover { border-color: var(--primary); color: var(--primary); }
+.dup-ref .g-chip.active { background: var(--primary); border-color: var(--primary); color: #fff; }
+.dup-ref .g-chip.dup:not(.active) { border-color: #F3C6CC; background: var(--danger-weak); color: var(--danger); }
+.dup-ref .g-chip .g-count { font-size: 11px; font-weight: 500; opacity: 0.85; }
+.dup-ref .chip-empty { font-size: 12px; color: var(--text3); }
+
+/* ---------- 分组概览 ---------- */
+.dup-ref .group-summary { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; margin-bottom: 16px; }
+.dup-ref .gs-item { padding: 16px 20px; border-right: 1px solid var(--border); }
+.dup-ref .gs-item:last-child { border-right: none; }
+.dup-ref .gs-item.warn { background: var(--danger-weak); }
+.dup-ref .gs-v { font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; }
+.dup-ref .gs-item.warn .gs-v { color: var(--danger); }
+.dup-ref .gs-l { font-size: 12px; color: var(--text2); margin-top: 4px; }
+
+/* ---------- 撞款覆盖矩阵 ---------- */
+.dup-ref .section-title { font-size: 14px; font-weight: 700; display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; }
+.dup-ref .section-title .hint { font-size: 11px; font-weight: 400; color: var(--text3); }
+.dup-ref .matrix-wrap { overflow-x: auto; overflow-y: auto; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); max-height: 480px; }
+.dup-ref table.matrix { border-collapse: separate; border-spacing: 0; width: 100%; background: var(--surface); }
+.dup-ref table.matrix th {
+  background: #F7F9FC; color: var(--text2); font-size: 12px; font-weight: 600; padding: 10px 12px;
+  border-bottom: 1px solid var(--border); text-align: left; white-space: nowrap;
+  position: sticky; top: 0; z-index: 1;
+}
+.dup-ref table.matrix td { padding: 9px 12px; border-bottom: 1px solid #EFF2F7; vertical-align: middle; font-size: 12.5px; white-space: nowrap; }
+.dup-ref table.matrix tbody tr { cursor: pointer; }
+.dup-ref table.matrix tbody tr:hover td { background: #F7FAFF; }
+.dup-ref .m-brand { color: var(--text2); }
+.dup-ref .m-cell {
+  width: 34px; height: 30px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center;
+  font-weight: 700; font-size: 12.5px; color: var(--primary); background: var(--primary-weak); position: relative;
+}
+.dup-ref .m-cell.empty { background: #F1F3F8; color: #C4CBD8; font-weight: 400; }
+.dup-ref .m-cell .dots { position: absolute; bottom: 2px; left: 0; right: 0; display: flex; justify-content: center; gap: 2px; }
+.dup-ref .m-dot { width: 4px; height: 4px; border-radius: 50%; display: inline-block; }
+.dup-ref .asin-code { font-family: var(--mono); font-weight: 700; font-size: 12.5px; letter-spacing: 0.4px; color: var(--primary); }
+
+/* ---------- 撞款详情卡片 ---------- */
+.dup-ref .badge { display: inline-flex; align-items: center; gap: 5px; border-radius: 20px; padding: 2px 9px; font-size: 11px; font-weight: 600; white-space: nowrap; }
+.dup-ref .badge.dup { background: var(--danger-weak); color: var(--danger); }
+.dup-ref .badge.single { background: var(--green-weak); color: var(--green); }
+.dup-ref .badge.store { background: var(--primary-weak); color: var(--primary); }
+.dup-ref .badge.country { background: #EFF2F8; color: var(--text2); font-weight: 500; }
+.dup-ref .badge.time { background: #F1F3F8; color: var(--text2); }
+.dup-ref .dup-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(368px, 1fr)); gap: 16px; }
+.dup-ref .dup-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; display: flex; flex-direction: column; }
+.dup-ref .dup-head {
+  padding: 13px 16px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
+  background: linear-gradient(180deg, #FBFCFE, #F6F8FC);
+}
+.dup-ref .dup-head .d-brand { font-size: 12px; color: var(--text2); font-weight: 500; margin-left: 2px; }
+.dup-ref .dup-head .link-btn { margin-left: auto; font-size: 12px; color: var(--primary); font-weight: 600; }
+.dup-ref .dup-head .link-btn:hover { text-decoration: underline; }
+.dup-ref .dup-body { padding: 14px 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 18px; flex: 1; align-content: start; }
+.dup-ref .store-col .st-name { font-size: 12.5px; font-weight: 700; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
+.dup-ref .store-col .st-name .st-count { font-size: 11px; color: var(--text3); font-weight: 400; }
+.dup-ref .store-col .st-grp { font-size: 10.5px; color: var(--text3); font-weight: 400; margin-bottom: 4px; }
+.dup-ref .c-site { font-size: 11px; color: var(--text2); margin-top: 8px; font-weight: 600; display: flex; align-items: center; gap: 5px; }
+.dup-ref .c-site .m-dot { width: 6px; height: 6px; }
+.dup-ref .c-times { margin-top: 3px; }
+.dup-ref .c-time { font-family: var(--mono); font-size: 11.5px; color: var(--text2); line-height: 1.7; display: block; }
+.dup-ref .dup-empty { padding: 40px; text-align: center; color: var(--text3); font-size: 13px; }
+.dup-ref .dup-total { margin-top: 12px; color: var(--text2); font-size: 12.5px; }
+.dup-ref .dup-total b { color: var(--text); }
+
+/* ---------- 全部ASIN台账表 ---------- */
+.dup-ref .table-wrap { overflow-x: auto; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow); }
+.dup-ref table.ledger { border-collapse: separate; border-spacing: 0; width: 100%; background: var(--surface); }
+.dup-ref table.ledger th {
+  background: #F7F9FC; color: var(--text2); font-size: 12px; font-weight: 600; padding: 11px 12px;
+  border-bottom: 1px solid var(--border); text-align: left; white-space: nowrap; user-select: none; position: sticky; top: 0; z-index: 1;
+}
+.dup-ref table.ledger th.sortable { cursor: pointer; }
+.dup-ref table.ledger th.sortable:hover { color: var(--primary); }
+.dup-ref table.ledger th .arr { font-size: 10px; margin-left: 4px; color: var(--text3); }
+.dup-ref table.ledger td { padding: 10px 12px; border-bottom: 1px solid #EFF2F7; font-size: 12.5px; white-space: nowrap; }
+.dup-ref table.ledger tbody tr:hover td { background: #F7FAFF; }
+.dup-ref table.ledger .link { color: var(--primary); font-weight: 600; cursor: pointer; }
+.dup-ref table.ledger .link:hover { text-decoration: underline; }
+.dup-ref .brand-cell { color: var(--text2); }
+.dup-ref .chips-cell { max-width: 230px; }
+.dup-ref .chips-cell .badge { margin-right: 4px; margin-bottom: 2px; }
+.dup-ref .dt-cell { font-size: 11.5px; color: var(--text2); }
+.dup-ref .site-chip { border-radius: 5px; padding: 1px 7px; font-size: 11.5px; margin-right: 4px; margin-bottom: 2px; font-weight: 600; display: inline-block; white-space: nowrap; }
+
+/* ---------- 分页 ---------- */
+.dup-ref .pager {
+  display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 16px;
+  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 16px;
+  box-shadow: var(--shadow);
+}
+.dup-ref .pager .total { color: var(--text2); font-size: 12.5px; margin-right: auto; }
+.dup-ref .pager .total b { color: var(--text); font-size: 13px; }
+.dup-ref .pager .pg-btn { height: 28px; padding: 0 12px; border: 1px solid var(--border-strong); border-radius: 6px; font-size: 12px; color: var(--text2); background: #fff; }
+.dup-ref .pager .pg-btn:hover:not(:disabled) { border-color: var(--primary); color: var(--primary); }
+.dup-ref .pager .pg-btn:disabled { opacity: 0.4; cursor: not-allowed; }
+.dup-ref .pager .jump { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text2); }
+.dup-ref .pager .jump input { width: 52px; height: 28px; border: 1px solid var(--border-strong); border-radius: 6px; text-align: center; }
+.dup-ref .pager .jump input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(46, 91, 230, 0.12); }
+
+/* ---------- 空态 / 加载 ---------- */
+.dup-ref .empty-state { padding: 48px 20px; text-align: center; color: var(--text3); font-size: 13px; }
+.dup-ref .empty-state .e-title { font-size: 14px; font-weight: 600; color: var(--text2); margin-bottom: 6px; }
+.dup-ref .dup-body-wrap { min-height: 120px; }
+
+/* ---------- 抽屉（明细） ---------- */
+.dup-ref .mask { position: fixed; inset: 0; background: rgba(16, 24, 40, 0.42); z-index: 100; }
+.dup-ref .drawer {
+  position: fixed; top: 0; right: 0; bottom: 0; width: 540px; max-width: 92vw; background: var(--surface); z-index: 101;
+  box-shadow: -8px 0 30px rgba(20, 30, 60, 0.18); display: flex; flex-direction: column;
+}
+.dup-ref .drawer-head { display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--border); }
+.dup-ref .drawer-head .d-title { font-size: 15px; font-weight: 700; font-family: var(--mono); color: var(--primary); }
+.dup-ref .drawer-head .m-title { font-size: 15px; font-weight: 700; }
+.dup-ref .drawer-close { margin-left: auto; width: 30px; height: 30px; border-radius: 7px; display: flex; align-items: center; justify-content: center; color: var(--text3); }
+.dup-ref .drawer-close:hover { background: #F1F3F8; color: var(--text); }
+.dup-ref .drawer-body { padding: 18px 20px; overflow-y: auto; flex: 1; }
+.dup-ref .d-brand { font-size: 12px; color: var(--text2); margin-bottom: 4px; }
+.dup-ref .d-summary { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0 16px; align-items: center; }
+.dup-ref .d-table { width: 100%; border-collapse: collapse; }
+.dup-ref .d-table th { background: #F7F9FC; font-size: 12px; color: var(--text2); text-align: left; padding: 8px 10px; border: 1px solid var(--border); }
+.dup-ref .d-table td { padding: 8px 10px; border: 1px solid var(--border); font-size: 12.5px; vertical-align: top; }
+.dup-ref .d-table .d-time { font-family: var(--mono); font-size: 11.5px; display: block; line-height: 1.8; color: var(--text2); }
+.dup-ref .d-stgrp { font-size: 11px; color: var(--text3); }
+.dup-ref .note { font-size: 12px; color: var(--text2); line-height: 1.7; margin: 0 0 14px; }
+
+/* ---------- Toast ---------- */
+.dup-ref #dup-toast {
+  position: fixed; left: 50%; bottom: 34px; transform: translateX(-50%) translateY(20px); z-index: 200;
+  background: #1C2230; color: #fff; padding: 10px 18px; border-radius: 9px; font-size: 13px;
+  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25); opacity: 0; pointer-events: none; transition: all 0.25s;
+  max-width: 70vw; text-align: center;
+}
+.dup-ref #dup-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
 </style>
diff --git a/admin-frontend-vue/src/pages/tasks/duplicate-console-api.ts b/admin-frontend-vue/src/pages/tasks/duplicate-console-api.ts
index 0ea73361..29c3eab2 100644
--- a/admin-frontend-vue/src/pages/tasks/duplicate-console-api.ts
+++ b/admin-frontend-vue/src/pages/tasks/duplicate-console-api.ts
@@ -55,8 +55,8 @@ export async function fetchDuplicateLedger(
   return parseLedgerPage(data)
 }
 
-/** 导出 CSV(撞款 view=monitor / 台账 view=all)：GET /duplicate-check-export → Blob。 */
-export async function requestDuplicateCsvBlob(filter: DuplicateFilter, view: string): Promise<Blob> {
+/** 导出 Excel(撞款 view=monitor / 台账 view=all)：GET /duplicate-check-export → xlsx Blob。 */
+export async function requestDuplicateExportBlob(filter: DuplicateFilter, view: string): Promise<Blob> {
   const { data } = await http.get<Blob>(`${DUPLICATE_CHECK_ENDPOINT}/duplicate-check-export`, {
     params: toDuplicateItemsQuery({ ...filter, view }, 1, 100),
     responseType: 'blob',
diff --git a/admin-frontend-vue/tests/align-column-width.test.ts b/admin-frontend-vue/tests/align-column-width.test.ts
index 1cce3364..819dbd97 100644
--- a/admin-frontend-vue/tests/align-column-width.test.ts
+++ b/admin-frontend-vue/tests/align-column-width.test.ts
@@ -47,9 +47,10 @@ test('align_column_width_normal_variant_input', () => {
 })
 
 test('align_column_width_boundary_empty_input', () => {
-  // 例外页 DuplicateCheckPage 保持自身实现不动。
+  // 例外页 DuplicateCheckPage 已整页复刻 reference 撞款控制台（原生 ledger 表格），不参与 el-table 列宽约定。
   const dup = readSource('src/pages/tasks/DuplicateCheckPage.vue')
-  assert.match(dup, /el-table-column/, 'DuplicateCheckPage 表格仍在且未被修改')
+  assert.equal(/el-table-column/.test(dup), false, '撞款台账已用 reference 原生表格，不再有 el-table-column')
+  assert.match(dup, /class="ledger"/, '撞款台账仍为表格实现')
 })
 
 test('align_column_width_dependency_failure_returns_actionable_message', () => {
diff --git a/admin-frontend-vue/tests/align-dup-console.test.ts b/admin-frontend-vue/tests/align-dup-console.test.ts
index 11cd2fc8..bbaaa23e 100644
--- a/admin-frontend-vue/tests/align-dup-console.test.ts
+++ b/admin-frontend-vue/tests/align-dup-console.test.ts
@@ -42,7 +42,7 @@ test('align_dup_console_drawer_template', () => {
   assert.match(page, /drawerAggRows/, '抽屉渲染聚合行')
   assert.match(page, /drawerSummary/, '抽屉渲染汇总徽章')
   assert.match(page, /次上架/, '汇总含 N 次上架')
-  assert.match(page, /label="次数"/, '聚合表含次数列')
+  assert.match(page, /<th[^>]*>次数<\/th>/, '聚合表含次数列')
 })
 
 test('align_dup_console_ledger_total_preload', () => {