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

app/components/Admin/VotersModal.vue

@@ -223,14 +223,14 @@ watch(
 .modal-title {
   font-size: 20px;
   font-weight: 600;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   margin: 0;
 }
 
 .close-btn {
   background: none;
   border: none;
-  color: #888;
+  color: var(--text-tertiary, #888888);
   cursor: pointer;
   padding: 8px;
   border-radius: 8px;
@@ -238,8 +238,8 @@ watch(
 }
 
 .close-btn:hover {
-  background: #2a2a2a;
-  color: #ffffff;
+  background: var(--bg-tertiary, #2a2a2a);
+  color: var(--text-primary, #ffffff);
 }
 
 .close-btn svg {
@@ -254,22 +254,22 @@ watch(
 }
 
 .song-info {
-  background: #2a2a2a;
+  background: var(--bg-tertiary, #2a2a2a);
   border-radius: 12px;
   padding: 20px;
   margin-bottom: 24px;
-  border: 1px solid #3a3a3a;
+  border: 1px solid var(--border-secondary, #3a3a3a);
 }
 
 .song-title {
   font-size: 18px;
   font-weight: 600;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   margin: 0 0 8px 0;
 }
 
 .song-artist {
-  color: #888;
+  color: var(--text-tertiary, #888888);
   margin: 0 0 16px 0;
   font-size: 14px;
 }
@@ -304,7 +304,7 @@ watch(
 .spinner {
   width: 32px;
   height: 32px;
-  border: 3px solid #3a3a3a;
+  border: 3px solid var(--border-secondary, #3a3a3a);
   border-top: 3px solid #667eea;
   border-radius: 50%;
   animation: spin 1s linear infinite;
@@ -366,12 +366,12 @@ watch(
   align-items: center;
   justify-content: space-between;
   padding-bottom: 12px;
-  border-bottom: 1px solid #3a3a3a;
+  border-bottom: 1px solid var(--border-secondary, #3a3a3a);
 }
 
 .voters-title {
   font-weight: 600;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   font-size: 16px;
 }
 
@@ -388,15 +388,15 @@ watch(
   align-items: center;
   justify-content: space-between;
   padding: 12px 16px;
-  background: #2a2a2a;
+  background: var(--bg-tertiary, #2a2a2a);
   border-radius: 8px;
-  border: 1px solid #3a3a3a;
+  border: 1px solid var(--border-secondary, #3a3a3a);
   transition: all 0.2s ease;
 }
 
 .voter-item:hover {
-  background: #333333;
-  border-color: #4a4a4a;
+  background: var(--bg-quaternary, #333333);
+  border-color: var(--border-secondary, #4a4a4a);
 }
 
 .voter-info {
@@ -426,18 +426,18 @@ watch(
 }
 
 .voter-name {
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   font-weight: 500;
   font-size: 14px;
 }
 
 .vote-time {
-  color: #888;
+  color: var(--text-tertiary, #888888);
   font-size: 12px;
 }
 
 .voter-number {
-  color: #888;
+  color: var(--text-tertiary, #888888);
   font-size: 12px;
   font-weight: 500;
 }
@@ -454,11 +454,11 @@ watch(
 .empty-icon {
   width: 48px;
   height: 48px;
-  color: #666;
+  color: var(--text-quaternary, #666666);
 }
 
 .empty-state p {
-  color: #888;
+  color: var(--text-tertiary, #888888);
   margin: 0;
 }
 
@@ -469,8 +469,8 @@ watch(
 }
 
 .close-button {
-  background: #3a3a3a;
-  color: #ffffff;
+  background: var(--bg-quaternary, #3a3a3a);
+  color: var(--text-primary, #ffffff);
   border: none;
   padding: 12px 24px;
   border-radius: 8px;
@@ -490,7 +490,7 @@ watch(
 }
 
 .voters-container::-webkit-scrollbar-track {
-  background: #2a2a2a;
+  background: var(--bg-tertiary, #2a2a2a);
   border-radius: 3px;
 }