游戏卡片成就墙
已完成•当前阶段：发布
技能学业
5/5里程碑
100%总进度
Quest Log
Timeline / Milestones
Current Progress
100%
项目介绍
游戏成就风格的任务管理面板，带有游戏化体验。设计灵感来源于复古 RPG 游戏的任务系统，采用霓虹色系与像素字体，营造沉浸式的任务追踪体验。
核心特性
- 像素风格 UI：霓虹描边、像素字体、复古配色
- 游戏化进度：里程碑解锁、进度百分比、成就标签
- 时间轴展示：左侧日期 + 右侧内容的双栏布局
- 流畅动效：GSAP 驱动的数字滚动与卡片动画
- 数据驱动：Markdown 配置即可创建新项目
技术栈
- Astro + React + TypeScript
- Tailwind CSS + GSAP
- 响应式设计，支持移动端
当前处于暂停状态，等待后续的优化和打磨。计划中的改进包括：性能优化、更多交互细节、以及可访问性提升。