搭建设计师灵感便签网站

帮我生成一个【独立可访问的动态网站】。要求如下：
【一、项目主题】
主题：AI 灵感便签墙 
目标用户：设计师
核心演示卖点：数据可持久化 + 多用户可见 + 视觉炫酷

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【二、技术栈】
- 后端：Node.js + Express（或 Fastify）
- 数据库：使用 mule-page-database（SQLite 兼容 API）
- 前端：单页 HTML + 原生 JS（或 Alpine.js 轻量框架）
- 部署：使用 mule-pages 发布为公网可访问链接

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【三、数据库设计】
至少 1 张业务表，字段包括：
- id（主键，自增）
- content（用户提交内容）
- author（昵称，可为匿名）
- created_at（时间戳）
- 附加字段：__________（如点赞数、颜色、分类、图片URL）

提供 REST API：
- GET /api/items 获取全部记录（按时间倒序，分页）
- POST /api/items 新增一条记录（做基础校验和防注入）
- POST /api/items/:id/like 点赞 +1
- DELETE /api/items/:id 删除（可选，仅管理员）

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【四、视觉效果要求】⭐重点⭐
1. **主视觉风格**：深色渐变背景 + 玻璃拟态（Glassmorphism）+ 霓虹辉光
2. **动效**：
 - 页面加载：卡片依次淡入 + 位移
 - 新增数据：从顶部飘落 + 高亮闪烁 2 秒
 - 点赞：粒子爆裂动画 + 数字滚动
 - 鼠标悬停：3D 倾斜（tilt）+ 光晕跟随
 - 背景：Canvas 粒子网 / 流动渐变 / 星空
3. **字体**：中文用 "HarmonyOS Sans" 兜底 sans-serif；标题用等宽或几何字体
4. **配色**：至少 3 色霓虹主色（如 #FF006E / #8338EC / #3A86FF）
5. **响应式**：移动端瀑布流 / 桌面端网格
6. **微交互**：按钮 hover 有磁吸感、输入框 focus 有辉光边框

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【五、页面结构】
- 顶部 Hero 区：项目名 + 一句话介绍 + 实时统计（总条数、今日新增）
- 提交表单：浮动置顶或右下角悬浮按钮触发弹窗
- 内容展示区：卡片瀑布流，每张卡片展示内容、作者、时间、点赞按钮
- 底部：品牌水印 "Powered by MuleRun Super Agent"

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【六、体验细节】
- 首次加载自动预置 5-8 条示例数据，避免空页面
- 空状态、加载中、错误提示都要有精致 UI
- 提交成功有 Toast 提示
- 支持无刷新更新（轮询或简单 SSE）

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【七、交付】
1. 先本地跑通，用 show_web_app 展示预览
2. 确认无误后用 mule-pages 发布，返回公网链接
3. 提供 3 个测试用例说明（如何试用、预期效果）

Prompt 来自案例库分享的原始记录，可能依赖当时的端、模型、连接器或账号权限；复现前请先替换为脱敏样本并核对每一步输出。