docs(memory): 二次元站构图参考与 ruleBody 注释修复

.workbuddy/memory/2026-10-19.md

@@ -582,3 +582,21 @@ P1 剩余两项（首屏跟随系统深色、首页 Waline 懒加载）用户明
   128×15px，垫在脚下一格（deco 第 2 个槽位，绘制顺序在人物之下）。没有它，抬高 26px 会读成悬空。
 - 纹样 opacity 0.13→0.085（深色 0.09→0.055）；`?v=20261019p` 同步改。
 - 剩余素材（wave/cheer/think/doze）保留但不上页面，换姿态只改 `--tb-deco` 的 url。
+
+### shiroko 按二次元官网重做：整页场景 + 悬浮磨砂 UI（v=20261019q）
+
+用户反馈「还是很怪，去网上学一下布局」。实际去看站：
+- 蔚蓝档案 JP 首页（bluearchive.jp，截图存 outputs/ref/bluearchive_jp_.png）：**整屏一张场景插画，
+  logo/按钮/横幅浮在画面上**，没有"白卡片"这层东西；
+- marshmallow-qa / peing 这类真正的提问箱服务被 Cloudflare 拦，拿不到参照。
+结论：前几版都卡在"白底 + 留白摆人物"这个结构上，人物没有环境，怎么调位置都像贴纸。
+
+改法：生成教室场景（ImageGen，1536×1024）→ 裁掉底部 160px 水印 → 混白 38% → 模糊 1.4px →
+WebP 1920×1080（22KB）/ 720×1003 竖版（6KB）；卡片与顶栏改 `rgba(255,255,255,.86)` +
+`backdrop-filter: blur(16px)`；人物 340px 站在左侧地面、离底 36px + 椭圆接触阴影；浅色不再叠纹样。
+深色仍用渐变 + pattern-dark（白天教室压在深底上会脏）。
+
+⚠️ **`ruleBody` 必须剥 CSS 注释**：令牌前写一行注释时，`tokenValue` 按 ";" 切完再按 ":" 取键，
+会拿到 `/* ... */ --tb-surface`，色块预览静默变空、`TestThemeCSSComplete` 报"缺少令牌"。
+已加 `commentRe` + `TestRuleBodyIgnoresComments`。
+⚠️ ImageGen 出的图右下角有 `AI生成 WORKBUDDY` 水印，用作整页背景必须裁掉。

.workbuddy/memory/MEMORY.md

@@ -203,3 +203,7 @@
   多个人物时要成组（左右各一个是"图钉"，同一角一组才像场景）。
 - ⚠️ `background-position` 四值语法必须**先是边关键字**：`left calc(...) bottom 0` 合法，
   `calc(...) bottom 0` 非法 → 整条声明作废、回落到 0% 0%（人物跑到左上、背景层错位出现色带）。
+- 主题视觉的**结构**比摆位重要：二次元站点的通行做法是「整屏场景插画 + UI 悬浮其上」
+  （蔚蓝档案 JP）。在白底上往留白里摆人物，无论多大、几个，都会读成贴纸。
+  卡片/顶栏配半透明白 + `backdrop-filter` 才有"浮在画面上"的关系。
+- ⚠️ `ruleBody` 取令牌前要剥 `/* */`：注释会和后面的令牌粘成一个键，色块预览静默失效。