feat(workbench): show progress update time first

web/src/assets/styles/components/personal-workbench-responsive.css

@@ -96,7 +96,7 @@
   }
 
   .progress-row {
-    grid-template-columns: minmax(126px, 0.9fr) minmax(270px, 1.35fr) minmax(86px, auto);
+    grid-template-columns: minmax(72px, 0.42fr) minmax(126px, 0.86fr) minmax(270px, 1.32fr) minmax(86px, auto);
     gap: 12px;
   }
 }
@@ -325,15 +325,24 @@
   /* 重点优化：费用进度行的网格区域（Grid Area）双行重构 */
   .progress-row {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: minmax(70px, auto) 1fr minmax(74px, auto);
     grid-template-areas:
-      "identity result"
-      "steps steps";
+      "time identity result"
+      "steps steps steps";
     gap: 8px;
     padding: 10px 0;
     align-items: center;
   }
 
+  .progress-time {
+    grid-area: time;
+    width: 100%;
+  }
+
+  .progress-time time {
+    font-size: 11.5px;
+  }
+
   .progress-identity {
     grid-area: identity;
     width: 100%;

web/src/assets/styles/components/personal-workbench.css

@@ -554,7 +554,7 @@
 
 .progress-row {
   display: grid;
-  grid-template-columns: minmax(138px, 0.9fr) minmax(300px, 1.5fr) minmax(92px, auto);
+  grid-template-columns: minmax(78px, 0.44fr) minmax(138px, 0.86fr) minmax(300px, 1.46fr) minmax(92px, auto);
   align-items: center;
   gap: 12px;
   width: 100%;
@@ -563,6 +563,7 @@
   text-align: left;
 }
 
+.progress-time,
 .progress-identity,
 .progress-result {
   min-width: 0;
@@ -570,6 +571,28 @@
   gap: 2px;
 }
 
+.progress-time {
+  color: var(--workbench-muted);
+}
+
+.progress-time time {
+  min-width: 0;
+  overflow: hidden;
+  color: var(--workbench-ink);
+  font-size: 12px;
+  font-weight: 850;
+  line-height: 1.2;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.progress-time small {
+  color: var(--workbench-muted);
+  font-size: 10px;
+  font-weight: 750;
+  line-height: 1.2;
+}
+
 .progress-result {
   justify-items: end;
 }