feat:

首页 (Home) 进化:
动态英雄卡片: 净资产卡片新增了名为 meshGradient 的流体渐变动画，视觉效果极其迷人。
交互式账本切换: 优化了欢迎语区域的账本选择器，新增了带图标的状态标签和悬停效果，操作更直观。
视觉细节: 同步了全局强调色变量，消除了硬编码颜色，完美支持深色/浅色/多强调色切换。
账户 (Accounts) 界面增强:
图标系统升级: 全面替换为 Solar 系列双色图标，视觉风格高度统一且具备现代感。
资产中心重构: 优化了总资产与总负债的统计卡片，引入了更灵动的玻璃态阴影和悬浮弹性动画。
报表 (Reports) 与 交易 (Transactions) 视觉同步:
通用卡片组件升级: 重构了
SummaryCard
 组件，新增了由强调色驱动的动态阴影 (--shadow-glow) 和 3D 旋转悬停效果。
数据展示优化: 统一了汇总仪表盘的层级结构，增强了收支汇总的视觉层次感。
沉浸式登录入口:
炫酷开屏: 为登录/注册页打造了专属的“星际”背景。通过 CSS 动画实现的流光背景与漂浮光球，为用户进入系统营造了极佳的“仪式感”。
表单细节: 优化了输入框的交互反馈状态，使得登录过程不仅是功能性的，更是美观的。

src/pages/Accounts/Accounts.css

@@ -64,51 +64,42 @@
 }
 
 .accounts-page__btn--create {
-  background: var(--color-primary);
-  color: white;
-  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.3);
+  background: var(--accent-primary);
+  color: var(--text-inverse);
+  box-shadow: var(--shadow-glow-sm);
 }
 
 .accounts-page__btn--create:hover:not(:disabled) {
   transform: translateY(-2px);
-  box-shadow: 0 6px 16px rgba(var(--color-primary-rgb), 0.4);
-  filter: brightness(1.1);
+  background: var(--accent-primary-hover);
+  box-shadow: var(--shadow-glow-md);
 }
 
 .accounts-page__btn--transfer {
-  background: white;
-  color: var(--color-text);
-  border: 1px solid var(--color-border);
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+  border: 1px solid var(--border-color);
 }
 
 .accounts-page__btn--transfer:hover:not(:disabled) {
-  background: var(--color-bg-alt);
-  border-color: var(--color-primary);
-  color: var(--color-primary);
-}
-
-.accounts-page__btn--cancel {
-  background: var(--glass-bg);
-  color: var(--color-text);
-  border: 1px solid var(--glass-border);
-}
-
-.accounts-page__btn--cancel:hover:not(:disabled) {
-  background: var(--glass-bg-heavy);
+  background: var(--bg-hover);
+  border-color: var(--accent-primary);
+  color: var(--accent-primary);
 }
 
 .accounts-page__btn--graph {
   background: linear-gradient(135deg, #8B5CF6, #6366F1);
   color: white;
-  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
+  box-shadow: 0 8px 16px rgba(139, 92, 246, 0.2);
 }
 
 .accounts-page__btn--graph:hover:not(:disabled) {
   transform: translateY(-2px);
-  box-shadow: 0 6px 16px rgba(139, 92, 246, 0.4);
+  box-shadow: 0 12px 24px rgba(139, 92, 246, 0.3);
   filter: brightness(1.1);
 }
 
+
 .accounts-page__btn--delete {
   background: var(--color-error);
   color: white;