[V10.334] 強化 PChome 比價重評與補抓可觀測性

web/static/css/page-dashboard-v2.css

@@ -163,6 +163,87 @@
         color: var(--momo-accent-strong);
     }
 
+    .dashboard-backfill-card {
+        display: grid;
+        grid-template-columns: minmax(220px, 1fr) minmax(160px, 280px) minmax(240px, 1fr) auto;
+        gap: 14px;
+        align-items: center;
+        min-width: 0;
+        margin-top: 12px;
+        padding: 14px 16px;
+        overflow: hidden;
+        background: var(--momo-bg-surface);
+        border: 1px solid var(--momo-border-light);
+        border-radius: 8px;
+    }
+
+    .dashboard-backfill-card[data-status="running"] {
+        border-color: rgba(190, 106, 45, 0.36);
+        box-shadow: inset 3px 0 0 var(--momo-warm-caramel);
+    }
+
+    .dashboard-backfill-card[data-status="failed"],
+    .dashboard-backfill-card[data-status="stale"] {
+        border-color: rgba(188, 75, 49, 0.32);
+        box-shadow: inset 3px 0 0 var(--momo-danger);
+    }
+
+    .dashboard-backfill-main {
+        min-width: 0;
+    }
+
+    .dashboard-backfill-label {
+        margin-bottom: 3px;
+        color: var(--momo-text-tertiary);
+        font-size: 10px;
+        font-weight: 800;
+        letter-spacing: 0.10em;
+    }
+
+    .dashboard-backfill-title {
+        color: var(--momo-text-primary);
+        font-size: 15px;
+        font-weight: 800;
+        line-height: 1.25;
+    }
+
+    .dashboard-backfill-meta,
+    .dashboard-backfill-status {
+        min-width: 0;
+        color: var(--momo-text-secondary);
+        font-size: 11px;
+        line-height: 1.45;
+        overflow-wrap: anywhere;
+    }
+
+    .dashboard-backfill-progress {
+        position: relative;
+        width: 100%;
+        height: 8px;
+        overflow: hidden;
+        background: rgba(42, 37, 32, 0.08);
+        border: 1px solid rgba(42, 37, 32, 0.08);
+        border-radius: 999px;
+    }
+
+    .dashboard-backfill-progress span {
+        position: absolute;
+        inset: 0 auto 0 0;
+        width: 0%;
+        background: linear-gradient(90deg, var(--momo-warm-caramel), var(--momo-success));
+        transition: width 240ms ease;
+    }
+
+    .dashboard-backfill-card[data-status="failed"] .dashboard-backfill-progress span,
+    .dashboard-backfill-card[data-status="stale"] .dashboard-backfill-progress span {
+        background: linear-gradient(90deg, var(--momo-danger), var(--momo-warm-rust));
+    }
+
+    .dashboard-backfill-status {
+        display: grid;
+        gap: 2px;
+    }
+
     .dashboard-focus-grid {
         display: grid;
         grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -1151,6 +1232,16 @@
             line-height: 1.35;
         }
 
+        .dashboard-backfill-card {
+            grid-template-columns: 1fr;
+            gap: 10px;
+            padding: 14px;
+        }
+
+        .dashboard-backfill-card .dashboard-action-button {
+            width: 100%;
+        }
+
         .dashboard-search,
         .dashboard-select,
         .dashboard-segmented {