动效

js

动效方式是 淡入 + 上浮 + 轻微缩放恢复 ，时长和延迟做了分层，不改业务逻辑：





- 进度条：新增分段生长动画，进入页面时会从左向右展开。
- 进度条高光：整条会有一层非常轻的扫光，强化质感但频率很低。
- 最大持仓比滑块：新增轻微呼吸感，悬停时会有更明确的反馈。
- 左侧卡片：悬停时轻微上浮并增强阴影，像真实卡片层级。
- 中间指标卡：和左侧卡片统一成同一套 hover 语言，整体更完整。
- 右侧环图：增加轻微浮动和阴影，视觉重心更稳定。
- 总览大卡：整体 hover 时会有很弱的光感掠过，提升精致度。


// 提示词
请把我们现在这套设计风格，总结成一份设计规范文档
保存为 design.md，内容包括
root.

动效网站

js
https://uiverse.io/elements