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

app/pages/change-password.vue

@@ -195,7 +195,7 @@ onMounted(async () => {
   font-size: 36px;
   font-weight: 700;
   margin: 0;
-  background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%);
+  background: linear-gradient(135deg, var(--card-bg, #ffffff) 0%, #f0f0f0 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;

app/pages/index.vue

@@ -1910,7 +1910,7 @@ if (
   height: 18px;
   border-radius: 9px;
   background-color: var(--error, #ef4444);
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   font-size: 10px;
   font-weight: 700;
   display: flex;
@@ -3405,7 +3405,7 @@ if (
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   box-shadow: 0 10px 25px -5px rgba(139, 92, 246, 0.35);
   z-index: 2;
   transform: rotate(-5deg);
@@ -3485,7 +3485,7 @@ if (
   background: var(--primary, #0b5afe);
   border: none;
   border-radius: 16px;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   font-size: 16px;
   font-weight: 700;
   display: flex;
@@ -3600,7 +3600,7 @@ if (
   width: 8px;
   height: 8px;
   border-radius: 50%;
-  background-color: #0b5afe;
+  background-color: var(--bg-secondary, #0b5afe);
   display: inline-block;
   z-index: 2;
 }
@@ -3664,9 +3664,9 @@ if (
 }
 
 .login-button {
-  background: linear-gradient(180deg, #0043f8 0%, #0075f8 100%);
+  background: linear-gradient(180deg, var(--bg-secondary, #0043f8) 0%, #0075f8 100%);
   border: none;
-  color: #ffffff;
+  color: var(--text-primary, #ffffff);
   padding: 10px 20px;
   border-radius: 6px;
   font-weight: 600;

app/pages/year-review.vue

@@ -211,8 +211,8 @@ const handleTouchEnd = (e) => {
 .review-page {
   position: fixed;
   inset: 0;
-  background-color: #000;
-  color: #fff;
+  background-color: var(--bg-primary, #111111);
+  color: var(--text-primary, #ffffff);
   z-index: 9999;
   font-family:
     'MiSans',
@@ -230,7 +230,7 @@ const handleTouchEnd = (e) => {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  background-color: #000;
+  background-color: var(--bg-primary, #111111);
   z-index: 50;
 }
 
@@ -285,7 +285,7 @@ const handleTouchEnd = (e) => {
 .empty .empty-icon-circle {
   width: 5rem;
   height: 5rem;
-  background: #111827;
+  background: var(--bg-secondary, #111827);
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -364,7 +364,7 @@ const handleTouchEnd = (e) => {
 
 .indicator-dot.active {
   height: 1.5rem;
-  background: #fff;
+  background: var(--card-bg, #fff);
 }
 
 /* 滚动提示 */