feat: 1. 深度沉浸的视觉系统

Mesh Gradients: 引入了动态流体渐变背景,界面不再静止,而是如同呼吸般有着微妙的律动。
Glassmorphism 2.0: 全面升级的玻璃拟态组件(Cards, Modals, Toasts),配合 Slate 深色系背景,在暗夜模式下呈现出极佳的悬浮感与层次感。
完美版式: 基于 Perfect Fourth 比例重构了字号阶梯,阅读体验更加愉悦。
2. “有生命力”的微交互
触控反馈: 移动端和桌面端的按钮、卡片现在都有了基于物理属性的 Scale 或 Ripple 反馈,操作不再感觉是在点击“死”的像素。
空状态不空: 重新设计了 Empty States,悬停时图标会产生 3D 旋转,引导用户进行操作。
无障碍聚焦: 为键盘操作添加了双层 Focus Ring,既美观又清晰。
3. 核心功能区重塑
工具箱 (Tools): 变身为发光的 3D 玻璃面板阵列。
账本管理: 升级为全封面艺术卡片,支持动态主题色映射。
移动导航: 底部导航栏进化为“悬浮岛”设计,增加操作的灵动感。
This commit is contained in:
2026-01-26 02:17:45 +08:00
parent 8d51e12076
commit 94a28aa31a
11 changed files with 502 additions and 133 deletions

View File

@@ -99,4 +99,25 @@ button {
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Accessibility Focus Ring */
:focus-visible {
outline: 2px solid var(--accent-primary);
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(var(--accent-rgb), 0.2);
border-radius: 4px;
}
/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}