fix(ui): 补齐浅色主题遗漏：index 后段弹窗 + dashboard 根 + 改密页根

- index.vue 规则弹窗 modal-content/close/rule/ripple/login-required 全改为语义化 var()
- index.vue 年度报告 year-review 卡片/按钮/brand/badge/title 全部变量化
- dashboard.vue admin-layout 根 #0a0a0a/#fff 改为 var(--bg/text-*)
- change-password.vue 改密页 auth-layout 容器、表单区、back-link 全改为浅色变量

app/pages/change-password.vue

@@ -132,7 +132,7 @@ onMounted(async () => {
 <style scoped>
 .auth-layout {
   min-height: 100vh;
-  background: #0a0a0a;
+  background: var(--bg-primary, #ffffff);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -142,13 +142,14 @@ onMounted(async () => {
 .auth-container {
   width: 100%;
   max-width: 1200px;
-  background: #111111;
+  background: var(--surface-primary, var(--bg-primary, #ffffff));
   border-radius: 24px;
-  border: 1px solid #1f1f1f;
+  border: 1px solid var(--border-primary, #e5e7eb);
   overflow: hidden;
   display: grid;
   grid-template-columns: 1fr 1fr;
   min-height: 600px;
+  box-shadow: 0 10px 40px -10px rgba(15, 23, 42, 0.1);
 }
 
 .info-section {
@@ -266,7 +267,7 @@ onMounted(async () => {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #111111;
+  background: var(--surface-primary, var(--bg-primary, #ffffff));
 }
 
 .form-container {
@@ -285,13 +286,13 @@ onMounted(async () => {
 .form-header h2 {
   font-size: 28px;
   font-weight: 700;
-  color: #ffffff;
+  color: var(--text-primary, #1a2332);
   margin: 0 0 8px 0;
 }
 
 .form-header p {
   font-size: 16px;
-  color: #888888;
+  color: var(--text-secondary, #4a5568);
   margin: 0;
 }
 
@@ -305,10 +306,10 @@ onMounted(async () => {
   align-items: center;
   gap: 8px;
   padding: 12px 20px;
-  background: #1a1a1a;
-  border: 1px solid #2a2a2a;
+  background: var(--surface-secondary, var(--bg-secondary, #f7fafc));
+  border: 1px solid var(--border-primary, #e5e7eb);
   border-radius: 8px;
-  color: #cccccc;
+  color: var(--text-secondary, #4a5568);
   text-decoration: none;
   font-size: 14px;
   font-weight: 500;
@@ -316,9 +317,9 @@ onMounted(async () => {
 }
 
 .back-link:hover {
-  background: #2a2a2a;
-  color: #ffffff;
-  border-color: #3a3a3a;
+  background: var(--surface-tertiary, var(--bg-tertiary, #edf2f7));
+  color: var(--text-primary, #1a2332);
+  border-color: var(--border-secondary, #cbd5e1);
 }
 
 .back-link svg {