fix(ui): 批量替换所有组件中残留的硬编码深色值以彻底支持浅色主题

app/components/Admin/BackupManager.vue

@@ -556,8 +556,8 @@ const formatFileSize = (bytes) => {
 
 /* 操作卡片 */
 .action-card {
-  background: #2a2a2a;
-  border: 1px solid #404040;
+  background: var(--bg-tertiary, #2a2a2a);
+  border: 1px solid var(--border-secondary, #404040);
   border-radius: 12px;
   padding: 2rem;
   text-align: center;
@@ -566,7 +566,7 @@ const formatFileSize = (bytes) => {
 
 .action-card:hover {
   border-color: #606060;
-  background: #2f2f2f;
+  background: var(--bg-tertiary, #2f2f2f);
 }
 
 .action-card .card-content {
@@ -587,7 +587,7 @@ const formatFileSize = (bytes) => {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
 }
 
 .action-icon svg {
@@ -599,7 +599,7 @@ const formatFileSize = (bytes) => {
 .action-card h4 {
   font-size: 1.5rem;
   font-weight: 600;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   margin: 0 0 0.75rem 0;
 }
 
@@ -672,8 +672,8 @@ const formatFileSize = (bytes) => {
 }
 
 .modal {
-  background: #2a2a2a;
-  border: 1px solid #404040;
+  background: var(--bg-tertiary, #2a2a2a);
+  border: 1px solid var(--border-secondary, #404040);
   border-radius: 12px;
   max-width: 600px;
   width: 100%;
@@ -724,7 +724,7 @@ const formatFileSize = (bytes) => {
 .progress-details h5,
 .progress-errors h5 {
   margin: 0 0 10px 0;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   font-size: 14px;
   font-weight: 600;
 }
@@ -736,14 +736,14 @@ const formatFileSize = (bytes) => {
   border: 1px solid #505050;
   border-radius: 6px;
   padding: 10px;
-  background: #333333;
+  background: var(--bg-quaternary, #333333);
 }
 
 .detail-item {
   padding: 4px 0;
   color: #a0a0a0;
   font-size: 13px;
-  border-bottom: 1px solid #404040;
+  border-bottom: 1px solid var(--border-secondary, #404040);
 }
 
 .detail-item:last-child {
@@ -754,7 +754,7 @@ const formatFileSize = (bytes) => {
   padding: 4px 0;
   color: #ff6b6b;
   font-size: 13px;
-  border-bottom: 1px solid #4a2a2a;
+  border-bottom: 1px solid var(--border-secondary, #4a2a2a);
 }
 
 .error-item:last-child {
@@ -772,7 +772,7 @@ const formatFileSize = (bytes) => {
 .modal-title {
   font-size: 1.75rem;
   font-weight: 600;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   margin: 0;
 }
 
@@ -788,7 +788,7 @@ const formatFileSize = (bytes) => {
 
 .close-btn:hover {
   background: #505050;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
 }
 
 .close-btn svg {
@@ -802,11 +802,11 @@ const formatFileSize = (bytes) => {
 
 .modal-footer {
   padding: 1.5rem 2rem;
-  border-top: 1px solid #404040;
+  border-top: 1px solid var(--border-secondary, #404040);
   display: flex;
   gap: 1rem;
   justify-content: flex-end;
-  background: #252525;
+  background: var(--bg-tertiary, #252525);
 }
 
 .modal-footer button {
@@ -822,7 +822,7 @@ const formatFileSize = (bytes) => {
   display: block;
   font-size: 1.125rem;
   font-weight: 600;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   margin-bottom: 1rem;
 }
 
@@ -838,7 +838,7 @@ const formatFileSize = (bytes) => {
   align-items: flex-start;
   gap: 1rem;
   padding: 1.25rem;
-  background: #333333;
+  background: var(--bg-quaternary, #333333);
   border: 1px solid #505050;
   border-radius: 8px;
   cursor: pointer;
@@ -870,7 +870,7 @@ const formatFileSize = (bytes) => {
   display: block;
   font-size: 1rem;
   font-weight: 500;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   margin-bottom: 0.25rem;
 }
 
@@ -907,12 +907,12 @@ const formatFileSize = (bytes) => {
   text-align: center;
   cursor: pointer;
   transition: all 0.2s ease;
-  background: #333333;
+  background: var(--bg-quaternary, #333333);
 }
 
 .upload-area:hover,
 .upload-area.drag-over {
-  border-color: #4a90e2;
+  border-color: var(--border-secondary, #4a90e2);
   background: #383838;
 }
 
@@ -926,7 +926,7 @@ const formatFileSize = (bytes) => {
 .upload-area h4 {
   font-size: 1.25rem;
   font-weight: 600;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   margin: 0 0 0.5rem 0;
 }
 
@@ -941,7 +941,7 @@ const formatFileSize = (bytes) => {
   align-items: center;
   justify-content: space-between;
   padding: 1.25rem;
-  background: #333333;
+  background: var(--bg-quaternary, #333333);
   border: 1px solid #505050;
   border-radius: 8px;
   margin-top: 1rem;
@@ -969,7 +969,7 @@ const formatFileSize = (bytes) => {
   display: block;
   font-size: 1rem;
   font-weight: 500;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   margin-bottom: 0.25rem;
 }
 
@@ -1056,8 +1056,8 @@ const formatFileSize = (bytes) => {
 }
 
 .notification.success {
-  background: #2e7d32;
-  border: 1px solid #4caf50;
+  background: var(--bg-tertiary, #2e7d32);
+  border: 1px solid var(--border-secondary, #4caf50);
 }
 
 .notification.error {
@@ -1071,8 +1071,8 @@ const formatFileSize = (bytes) => {
 }
 
 .notification.info {
-  background: #1976d2;
-  border: 1px solid #2196f3;
+  background: var(--bg-secondary, #1976d2);
+  border: 1px solid var(--border-secondary, #2196f3);
 }
 
 @keyframes slideInRight {