【关键工具】 Lovable

【70% Vibe】

一个极简又高颜值的番茄钟：大大的数字时钟、可自定义的拟物化主题（木质、磨砂玻璃、深空黑），还能把雨声、咖啡馆白噪音、海浪自由混音。这种"纯前端、重设计"的应用，正是 Lovable 的强项——你描述氛围，它就还你一个赏心悦目的界面。作为 PWA（渐进式网页应用），它还能被"添加到主屏幕"，用起来像个真的 App。

【30% Engineering】

这个看似简单的小工具，30% 全在"看不见的地方"。

核心难点是 Service Worker 的配置。番茄钟最怕什么？后台锁屏后倒计时停了。当用户切到别的 App 或锁屏，浏览器为了省电会"冻结"普通的页面计时器。要让倒计时在后台依然准确，你必须正确配置 Service Worker，并采用"记录开始时间戳、用时间差反推剩余时间"的方案，而不是天真地每秒减一。这是 PWA 开发里一个经典的、新手必踩的坑。

另一处是用户偏好的本地持久化。用户调好的主题、白噪音组合、专注时长，应当在关掉网页再打开后依然记得。这需要用 LocalStorage 把偏好存在本地，并处理好"第一次访问时没有任何数据"的默认状态。功能不难，但少了它，应用就从"贴心"变成了"每次都要重设的麻烦"。