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/dashboard.vue

@@ -548,8 +548,8 @@ onUnmounted(() => {
 .admin-layout {
   display: flex;
   min-height: 100vh;
-  background: #0a0a0a;
-  color: #ffffff;
+  background: var(--bg-primary, #ffffff);
+  color: var(--text-primary, #1a2332);
   position: relative;
 }
 
@@ -561,11 +561,11 @@ onUnmounted(() => {
   background: transparent;
 }
 .custom-scrollbar::-webkit-scrollbar-thumb {
-  background: #27272a;
+  background: var(--border-primary, #cbd5e1);
   border-radius: 10px;
 }
 .custom-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: #3f3f46;
+  background: var(--border-secondary, #94a3b8);
 }
 
 @media (max-width: 768px) {