feat(ui): 首页改造为 Glitch 编辑风格

[NextCandy]

改动

• 将默认主题改为纯白 / 墨黑 / 单一品红的 Glitch Editorial 视觉系统
• 首页文章卡改为 4:3 封面、完整中文日期与标题的三列开放式网格
• 接入现有 cover_image，缺图时按标题生成黑白编辑占位封面
• 导航改为品红底线交互，作者区与页脚去除卡片外壳
• 更新 README 中的首页结构、主题 token、字体、卡片数据与响应式说明

影响

只重建 Web 应用；不修改数据库结构、路由、worker 或 Supabase 服务。真实文章正文继续由现有 PostgreSQL 数据和服务端 Markdown 管线提供。

验证

• npm test：20/20 通过
• npx tsc --noEmit：通过
• npm run build：通过
• 本次变更文件 ESLint：通过
• 应用内浏览器：桌面首页、主题切换、搜索对话框通过
• 生产数据只读核对：1927 篇已发布，1326 篇 Markdown 文章含真实正文

[NextCandy]

线上部署与验收结果

已将提交 40833c2789e7b8bb48f8e800d2894d854809e56e 部署到 NAS 实际项目，当前线上地址：https://timeamber.com/

• Docker 容器：running / healthy
• 首页：NAS 本机与公网均返回 HTTP 200
• 桌面端：3 列文章网格，1200px 内容宽度，20px 间距
• 手机端：单列布局，无横向溢出，封面保持 4:3
• 主题：浅色 / 深色切换均已实测
• 真实文章：从首页点击《用群晖MailPlus搭建自己域名的邮件服务》后，成功加载 3,577 字正文、50 个段落和 9 张图片
• 数据核对：线上共有 1,927 篇已发布文章，其中 1,326 篇含 Markdown 正文，1,203 篇带自定义封面
• 自动检查：20/20 测试通过、TypeScript 通过、生产构建通过、改动文件 ESLint 通过

原 NAS 工作目录中的既有未提交改动保持不变；旧镜像已保留独立回滚标签。

[NextCandy]

二次调整已部署

最终线上提交：e5adbaaa12b283e9a4366ea11f592e9607ba667c

本轮修复：

• 兼容旧 VS.DO 等剪藏记录中的 timeamber-offline-html 正文标记
• 首页、归档和文章直达页均可解析并跳转到 /cdn/.../index.html
• 恢复上一版 Geist / Manrope 字体栈与暖色纸张背景
• 保留当前桌面三列、平板两列、手机单列布局
• 移除文章标题品红下划线，文字选区和文章焦点改为中性灰
• 主理人头像移除黑白滤镜，恢复彩色
• README 已同步更新

线上实测：

• Docker：running / healthy
• 首页与 /cdn/vsdo-html/616/index.html：HTTP 200
• 首页 VS.DO 卡片 href：/cdn/vsdo-html/616/index.html，点击后成功新开真实离线文章
• 桌面：3 列；手机 390×844：1 列、无横向溢出
• 控制台：无 error / warn
• 测试：22/22 通过；TypeScript、改动文件 ESLint、生产构建均通过
• NAS 原工作目录中的既有未提交改动保持不变，已保留 40833c2 与 97f5df8 回滚镜像。