侧边双轨工作台 v2

今天做了什么

  • $brainstorming + $grill-me + $frontend-design 定稿:左右全高双轨,默认低透明、悬停点亮;首页/列表/拼豆用完整模式,长文页降噪。
  • 新增 rail-data.ts 聚合作品数/记录数/技能数与最新时间流、待办;Marginalia.astro 支持 full/quiet,两个布局注入数据。
  • 侧栏升级为全高:左轨豆豆 + 统计 + 时钟;右轨滚动进度 + 施工待办 + 时间流;豆豆熨平计数写入 localStorage。
  • 彩蛋改为鼠标移动节流落小豆、点击落大号弹跳豆,动画完成后自动移除。
  • 响应字体反馈:侧栏字体放大到 12-15px、提高默认对比度。
  • 构建 56 页通过;Playwright 1440/390 验证桌面双轨可见、长文页降噪、移动端隐藏、落豆无残留、无 console 错误。

过程与坑

  • 用户反馈 mockup 字体太小,实施时同步把真实侧栏字体和对比度调大。
  • 验证脚本最初用 DOM 节点数判断移动端隐藏,display:none 的元素仍在 DOM 里,改成 isVisible() 才准确。
  • 本地 4321/4322 端口被占用,预览自动落到 4323;验证脚本支持 BASE_URL 环境变量。

下一步

  • 在真实设备上看手感;如果侧栏仍太抢眼,可再降透明或改成折叠展开。
  • 分支合并到 master 后 push 即自动发布;发布后到线上确认 Cloudflare Pages 效果。