番茄钟应用

使用 HTML5、CSS3 和 JavaScript 创建一个功能完备的番茄钟计时器应用，遵循番茄工作法（Pomodoro Technique）的时间管理原则。设计一个优雅的界面，包含一个大型、带动画效果的环形进度指示器，以直观呈现当前会话的进度。允许用户自定义专注工作时长（默认 {{work_interval}}）、短休息时长（默认 {{short_break}}）和长休息时长（默认 {{long_break}}）。集成任务列表功能，使用户可将番茄钟会话与特定任务关联。添加可配置的声音通知功能，用于提示各时段切换，并提供音量控制。实现详细的统计数据追踪，涵盖每日/每周生产力，并以可视化图表形式呈现。使用 localStorage 在会话之间持久化保存设置与历史记录。使该应用可作为 PWA（渐进式 Web 应用）安装，支持离线运行与系统通知。添加键盘快捷键，便于快速控制计时器（启动/暂停/重置）。提供多种主题选项，并支持自定义颜色与字体。添加专注模式，在专注工作时段内屏蔽干扰。

Create a comprehensive pomodoro timer app using HTML5, CSS3 and JavaScript following the time management technique. Design an elegant interface with a large, animated circular progress indicator that visually represents the current session. Allow customization of work intervals (default {{work_interval}}), short breaks (default {{short_break}}), and long breaks (default {{long_break}}). Include a task list integration where users can associate pomodoro sessions with specific tasks. Add configurable sound notifications for interval transitions with volume control. Implement detailed statistics tracking daily/weekly productivity with visual charts. Use localStorage to persist settings and history between sessions. Make the app installable as a PWA with offline support and notifications. Add keyboard shortcuts for quick timer control (start/pause/reset). Include multiple theme options with customizable colors and fonts. Add a focus mode that blocks distractions during work intervals.