今天做了什么
$frontend-design 定方向：两侧空白用低存在感的“图纸刻度轨”填满，不碰正文阅读区；浅色主题从格子图换成纯纸面 + 左右刻度轨。- 新增
Marginalia.astro：左右固定侧轨，左侧 9 颗互动豆豆，右侧滚动深度条 + 竖排 ticker + 拼豆计数。
Base.astro 与 Pindou.astro 都接入侧轨；拼豆空间的豆豆支持 pointer 点亮与点击“熨平”计数。site-motion.ts 增加侧轨交互：滚动深度实时更新、豆豆 GSAP pop、reduced-motion 下只保留静态展示。- Playwright 1440/390 验证：桌面侧轨可见、移动端隐藏、无横向溢出、无 console/page error、豆豆点击计数正常。
过程与坑
- 浅色格子背景在宽屏上对比过强，先整体去掉；新的刻度轨放在正文列外侧，避免影响阅读。
- 侧轨与浅色扫描线都用了固定定位，桌面端位置做了避让；窄屏直接隐藏，避免挤压内容。
- 拼豆计数只在 Pindou 布局渲染，主站侧轨保持纯装饰。
下一步
- 上线后看真实设备手感；若侧轨太抢眼，再降透明度或改成折叠展开。