一个清新现代的白噪音网站，帮助你在心情郁闷烦躁时找到内心的平静。采用温和的浅色设计，支持多种环境音效的混合播放，创造属于你的宁静空间。

• 🎧 8种精选白噪音：雨声、海浪、咖啡厅、森林、雷声、风声、鸟鸣、篝火
• 🎛️ 音频混合器：同时播放多种声音，自由调节各自音量
• 🎨 精选预设组合：雨天咖啡厅、森林雷雨、海边微风等5种氛围组合
• ⌨️ 键盘快捷键：快速控制播放和音量调节
• 📱 响应式设计：完美适配桌面端和移动端
• 🎵 实时音频生成：使用Web Audio API生成高质量白噪音
• 🌸 清新UI设计：浅色渐变背景、柔和动画效果、毛玻璃质感

# 安装依赖
npm install

# 启动开发服务器
npm run dev

访问 http://localhost:3000 查看网站。

# 构建项目（Vercel 部署）
npm run build:vercel

# 构建静态版本（Cloudflare Pages 部署）
npm run build:static

# 启动生产服务器
npm start

本项目支持部署到多个平台：

• 自动检测 Next.js 项目
• 支持服务端渲染
• 使用 npm run build:vercel 构建

• 静态站点部署
• 全球 CDN 加速
• 使用 npm run build:static 构建

详细部署说明请查看 DEPLOYMENT.md

1. 雨声 - 温柔的雨滴声，带来宁静与放松
2. 海浪 - 海浪拍打海岸的自然节奏
3. 咖啡厅 - 温暖咖啡厅的环境音
4. 森林 - 森林中的鸟鸣和风声
5. 雷声 - 远处的雷声，营造戏剧氛围
6. 风声 - 轻柔的风声，带来平静
7. 鸟鸣 - 清晨的鸟儿歌声
8. 篝火 - 温暖篝火的噼啪声

• 雨天咖啡厅 - 雨声 + 咖啡厅环境音
• 森林雷雨 - 森林 + 雷声 + 雨声
• 海边微风 - 海浪 + 风声
• 篝火夜晚 - 篝火 + 风声 + 森林
• 晨间鸟鸣 - 鸟鸣 + 森林 + 风声

本网站采用清新的浅色设计风格，灵感来源于自然和宁静：

• 色彩搭配：以浅蓝、浅绿、米白为主色调，营造温和舒适的视觉体验
• 卡片设计：采用柔和的渐变背景和圆角设计，每个声音都有独特的配色
• 交互反馈：悬停动画和状态变化提供直观的用户反馈
• 毛玻璃效果：使用 backdrop-blur 创造现代感的透明质感
• 响应式布局：从手机到桌面的完美适配