从活动发布开始，把需求讲清楚。
志愿活动不只是一条通知，而是一套清楚的服务场景：时间、地点、人数、联系人和注意事项都被整理成可以快速理解的信息。
Anime.js Timeline UI
每一次服务，都有清晰的轨迹。
报名、签到、确认，在同一条线上完成。
同学不用在多个群聊里反复寻找消息，组织者也不必手工核对名单。每一步都可追溯，服务现场更从容。
把暖心行动沉淀成长期影响力。
时长记录不是冷冰冰的数据，它是同学参与校园公益、连接社区服务、看见自我成长的真实凭证。
Layout Motion
让社团介绍像一次开场。
这里用 Anime.js 驱动布局块的错位入场、悬停磁吸、滚动激活和时间线进度，让页面不只是“好看”，而是有节奏、有舞台、有记忆点。
行动现场