From b916a7f37a60add7dff131f2c673e1a1f3c4fd2f Mon Sep 17 00:00:00 2001 From: tamakyi Date: Mon, 19 Oct 2026 23:02:14 +0800 Subject: [PATCH] =?UTF-8?q?docs(memory):=20=E4=BA=8C=E6=AC=A1=E5=85=83?= =?UTF-8?q?=E7=AB=99=E6=9E=84=E5=9B=BE=E5=8F=82=E8=80=83=E4=B8=8E=20ruleBo?= =?UTF-8?q?dy=20=E6=B3=A8=E9=87=8A=E4=BF=AE=E5=A4=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .workbuddy/memory/2026-10-19.md | 18 ++++++++++++++++++ .workbuddy/memory/MEMORY.md | 4 ++++ 2 files changed, 22 insertions(+) diff --git a/.workbuddy/memory/2026-10-19.md b/.workbuddy/memory/2026-10-19.md index 4008b43..702fd8b 100644 --- a/.workbuddy/memory/2026-10-19.md +++ b/.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` 水印，用作整页背景必须裁掉。 diff --git a/.workbuddy/memory/MEMORY.md b/.workbuddy/memory/MEMORY.md index c30d014..ae33c17 100644 --- a/.workbuddy/memory/MEMORY.md +++ b/.workbuddy/memory/MEMORY.md @@ -203,3 +203,7 @@ 多个人物时要成组（左右各一个是"图钉"，同一角一组才像场景）。 - ⚠️ `background-position` 四值语法必须**先是边关键字**：`left calc(...) bottom 0` 合法， `calc(...) bottom 0` 非法 → 整条声明作废、回落到 0% 0%（人物跑到左上、背景层错位出现色带）。 +- 主题视觉的**结构**比摆位重要：二次元站点的通行做法是「整屏场景插画 + UI 悬浮其上」 + （蔚蓝档案 JP）。在白底上往留白里摆人物，无论多大、几个，都会读成贴纸。 + 卡片/顶栏配半透明白 + `backdrop-filter` 才有"浮在画面上"的关系。 +- ⚠️ `ruleBody` 取令牌前要剥 `/* */`：注释会和后面的令牌粘成一个键，色块预览静默失效。