更新页面效果

.workbuddy/memory/2026-07-31.md

@@ -121,3 +121,18 @@
 实测工具：agent-browser（playwright-cli 未装）。坑：后台是 history 模式，URL 是 `/admin` 不是 `/#/admin`；eval 多行 JS 引号易炸，写临时文件 `eval "$(cat x.js)"` 最稳；截图保存在 daemon 的 cwd（D:/myCode/hunliji/dev/_shots）。
 
 验证：`vite build` 通过（EXIT=0）；浏览器实测 overlap/single-full/admin 控件均正常。注：沙箱浏览器加载不了 unsplash（显示裂图），localhost:8080 上传图正常。
+
+---
+
+## 2026-07-31（第八版）错落拼贴+图片排序+铺满出血+图标颜色
+
+用户 4 点反馈，全部完成并实测：
+
+1. **错落双图没有错落感**：排查发现总根因——`frames.css` 的 `.gf-frame { position:relative }` 在 Tailwind 之后加载，同优先级覆盖元素上的 `absolute`，overlap 两图实际一直在静态流里（right/bottom 全失效），此前几轮修复都是在治症状。删除 position 后，改拼贴布局：图一左上 72%×78% -2°、图二右下 56%×62% +3° 压角叠放。实测两图 absolute 定位正确（左18-276 / 右167-373，角落重叠）。
+2. **后台图片排序**：AdminEditor 多图版式每张图片加「前移/后移」圆钮（左下/右下，moveImage swap），实测 36 个按钮渲染正常。
+3. **铺满沾满全宽**：singleWidth=full 时加负边距出血（width:calc(100%+48px); margin:0 -24px 抵消 section p-6）。实测 frame 0→390px 完全贴缘。验证方式：直接 POST 改库配置→截图→精确还原（original-config.json 备份恢复，page0 回 default、scrollMode 回 free）。
+4. **播放图标白色不可见**：pause 图标从白色改金色(#a88c6b)，激活态按钮改浅金底(border 加深)。实测 3 个控制图标全 gold。
+
+新坑记录：agent-browser 的 `network route --body` mock 有时页面自己的首次请求不走拦截（eval fetch 却走），不稳定 → 验证配置渲染直接改库+还原更可靠；screenshot 不支持 --clip（会当成文件路径）。
+
+验证：`vite build` 通过（EXIT=0）；overlap/single-bleed/admin-sort/controls 截图均确认。

.workbuddy/memory/MEMORY.md

@@ -6,10 +6,11 @@
 - 配置存后端单条 JSON，前后端均做旧字段兼容（musicUrl→musicList、缺省 height/borderStyle/singleWidth/速度参数）。
 
 ## 关键坑（不要再踩）
-1. **滚动容器绝不能加 `scroll-smooth`**：CSS smooth 会劫持 JS 的 scrollTop 赋值，free 自动滚动会严重卡顿。snap 翻页用自研 rAF 动画（`smoothScrollTo`，时长=pageSwitchDuration）。
-2. **动画摇曳禁用 margin-left**（每帧触发布局）：外层跑位移、内层元素跑 transform 摇曳（petal/petal-inner、heart-bubble/heart-inner 模式）。
-3. **相册页高与图片容器要联动**：页高可能 auto/80vh，图片容器写死 vh 会脱钩溢出 → 用 clamp 封顶 + 图片贴容器边缘。
-4. `gf-frame` 不设 width/height（尺寸交给版式包装类），`gf-natural` 用于保持原始比例。
+1. **`gf-frame` 绝不能设 position/width/height**：frames.css 在 Tailwind 之后加载，同优先级后者胜出——`position:relative` 曾把 overlap 版的 `absolute` 静默冲掉（元素退回静态流，right/bottom 失效），这是错落双图溢出问题反复出现的总根因。布局定位只交给 Tailwind 工具类。
+2. **滚动容器绝不能加 `scroll-smooth`**：CSS smooth 会劫持 JS 的 scrollTop 赋值，free 自动滚动会严重卡顿。snap 翻页用自研 rAF 动画（`smoothScrollTo`，时长=pageSwitchDuration）。
+3. **动画摇曳禁用 margin-left**（每帧触发布局）：外层跑位移、内层元素跑 transform 摇曳（petal/petal-inner、heart-bubble/heart-inner 模式）。
+4. **相册页高与图片容器要联动**：页高可能 auto/80vh，图片容器写死 vh 会脱钩溢出 → 用 clamp 封顶 + 图片贴容器边缘。
+5. `gf-natural` 保持原始比例；单图铺满用负边距出血（width:calc(100%+48px); margin:0 -24px 抵消 section p-6）。
 
 ## 环境
 - 本机"安全删除"损坏：rm 常失败，vite build 用 `--outDir dist-chk-<ts>` 新目录验证，临时目录需手动清。