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

app/components/UI/Notification.vue

@@ -70,8 +70,8 @@ defineEmits(['close'])
   padding: 16px;
   border-radius: 8px;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
-  background: #21242d;
-  color: #ffffff;
+  background: var(--bg-tertiary, #21242d);
+  color: var(--text-primary, #ffffff);
   max-width: 400px;
   min-width: 300px;
   font-family: 'MiSans', sans-serif;
@@ -79,7 +79,7 @@ defineEmits(['close'])
 }
 
 .notification.success {
-  border-left: 4px solid #10b981;
+  border-left: 4px solid var(--border-secondary, #10b981);
 }
 
 .notification.error {
@@ -140,7 +140,7 @@ defineEmits(['close'])
 }
 
 .notification-close:hover {
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
 }
 
 /* 进度条 */
@@ -161,7 +161,7 @@ defineEmits(['close'])
 }
 
 .success .notification-progress-bar {
-  background-color: #10b981;
+  background-color: var(--bg-secondary, #10b981);
 }
 
 .error .notification-progress-bar {
@@ -169,7 +169,7 @@ defineEmits(['close'])
 }
 
 .info .notification-progress-bar {
-  background-color: #0b5afe;
+  background-color: var(--bg-secondary, #0b5afe);
 }
 
 @keyframes progress-shrink {