更新

src/styles/batchTranscribe.scss

@@ -26,13 +26,25 @@
 }
 
 @keyframes batchFadeIn {
-  from { opacity: 0; }
-  to { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
 }
 
 @keyframes batchSlideUp {
-  from { opacity: 0; transform: translateY(20px); }
-  to { opacity: 1; transform: translateY(0); }
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 // 批量转写进度浮窗（非阻塞 toast）
@@ -64,7 +76,9 @@
       font-weight: 600;
       color: var(--text-primary);
 
-      svg { color: var(--primary-color); }
+      svg {
+        color: var(--primary);
+      }
     }
   }
 
@@ -90,18 +104,38 @@
   .batch-progress-toast-body {
     padding: 12px 14px;
 
-    .progress-text {
+    .progress-info-row {
       display: flex;
-      justify-content: space-between;
-      align-items: center;
+      flex-direction: column;
+      gap: 4px;
       margin-bottom: 8px;
-      font-size: 12px;
-      color: var(--text-secondary);
 
-      .progress-percent {
-        font-weight: 600;
-        color: var(--primary-color);
-        font-size: 13px;
+      .progress-text {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-size: 12px;
+        color: var(--text-secondary);
+
+        .progress-percent {
+          font-weight: 600;
+          color: var(--primary);
+          font-size: 13px;
+        }
+      }
+
+      .progress-eta {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        font-size: 11px; // 稍微小一点
+        color: var(--text-tertiary, #999); // 使用更淡的颜色
+
+        svg {
+          width: 12px;
+          height: 12px;
+          opacity: 0.8;
+        }
       }
     }
 
@@ -113,7 +147,7 @@
 
       .progress-fill {
         height: 100%;
-        background: linear-gradient(90deg, var(--primary-color), var(--primary-color));
+        background: linear-gradient(90deg, var(--primary), var(--primary));
         border-radius: 3px;
         transition: width 0.3s ease;
       }
@@ -122,8 +156,15 @@
 }
 
 @keyframes batchToastSlideIn {
-  from { opacity: 0; transform: translateY(16px) scale(0.96); }
-  to { opacity: 1; transform: translateY(0) scale(1); }
+  from {
+    opacity: 0;
+    transform: translateY(16px) scale(0.96);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
 }
 
 // 批量转写结果对话框
@@ -138,7 +179,9 @@
     padding: 1.5rem;
     border-bottom: 1px solid var(--border-color);
 
-    svg { color: #4caf50; }
+    svg {
+      color: #4caf50;
+    }
 
     h3 {
       margin: 0;
@@ -165,7 +208,9 @@
         border-radius: 8px;
         background: var(--bg-tertiary);
 
-        svg { flex-shrink: 0; }
+        svg {
+          flex-shrink: 0;
+        }
 
         .label {
           font-size: 14px;
@@ -179,13 +224,23 @@
         }
 
         &.success {
-          svg { color: #4caf50; }
-          .value { color: #4caf50; }
+          svg {
+            color: #4caf50;
+          }
+
+          .value {
+            color: #4caf50;
+          }
         }
 
         &.fail {
-          svg { color: #f44336; }
-          .value { color: #f44336; }
+          svg {
+            color: #f44336;
+          }
+
+          .value {
+            color: #f44336;
+          }
         }
       }
     }
@@ -229,10 +284,13 @@
       border: none;
 
       &.btn-primary {
-        background: var(--primary-color);
+        background: var(--primary);
         color: white;
-        &:hover { opacity: 0.9; }
+
+        &:hover {
+          opacity: 0.9;
+        }
       }
     }
   }
-}
+}