一个计时器，你一动鼠标，它就重置

1. 一个休息app，名称就叫 haveabreak 吧，是一个 pwa，是一个为自己充电的 app
2. 功能上，本质是一个定时器，启动后，鼠标一动、或者键盘一动，它就重来（不是回到开始页，而是计时器回到最初），短暂提示你去休息，不要移动，
3. 计时器要有一个环形的进度条。
4. 除了预置的时间长度，还要运行用户自定义时间长度。
5. 细节方面要有好的用户体验，例如开始计时器后就全屏，并且应用本身要始终 viewport-fit cover
6. 直至你休息到足够长的时间，会有庆祝效果
7. 界面上要有能提高 SEO 表现的文案等
8. 要国际化，支持至少 10 种主流语言。
9. 要设计好 favicon: 根据本项目的建设内容和 ui 风格，基于 next/og 的 ImageResponse API，设计 icon。并创建 next.js api route ，要支持动态尺寸参数。项目中所有需要图标的位置（包括元标签、导航栏Logo、PWA应用图标、社交分享图片等）统一替换为使用动态生成的API图标 /api/icon，根据不同用途设置合适的尺寸参数。、

页面还缺点紫色的背景装饰。

要预置很多提醒的文案，在计时器计时的过程中变换着的提示。也要在主页支持配置，允许用户添加和删除文案，这些信息最终存到本地。因为主页开始计时，之前用户自定义输入时长，我觉得逻辑是这样的，不需要一个设置按钮了。时长如果有输入的话，上面那些按钮就不要聚焦，然后聚焦到这个输入框。最终取聚焦了的吃就行了