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

app/components/UI/NotificationContainer.vue

@@ -82,8 +82,8 @@ onMounted(() => {
   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;
@@ -94,7 +94,7 @@ onMounted(() => {
 }
 
 .notification-item.success {
-  border-left: 4px solid #10b981;
+  border-left: 4px solid var(--border-secondary, #10b981);
 }
 
 .notification-item.error {
@@ -158,7 +158,7 @@ onMounted(() => {
 }
 
 .notification-close:hover {
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
 }
 
 /* 进度条 */
@@ -179,7 +179,7 @@ onMounted(() => {
 }
 
 .success .notification-progress-bar {
-  background-color: #10b981;
+  background-color: var(--bg-secondary, #10b981);
 }
 
 .error .notification-progress-bar {
@@ -187,7 +187,7 @@ onMounted(() => {
 }
 
 .info .notification-progress-bar {
-  background-color: #0b5afe;
+  background-color: var(--bg-secondary, #0b5afe);
 }
 
 @keyframes progress-shrink {