全局美化 v3

.workbuddy/memory/MEMORY.md

@@ -81,12 +81,18 @@
 
 ## 前端样式
 
-- 全站**无 .css 文件**，样式内联在模板；设计令牌在 `base/header.html` 顶部 `<style>`：`:root`（亮）+ `html[data-theme="dark"]`（暗）。
+- 基础样式在 `static/css/base.css`（2026-10-19 从 header 内联块抽出，`/static/css/base.css?v=YYYYMMDDx`，
+  **改完必须把 header 里的 v 号 +1**，静态缓存 1 天）。设计令牌是文件开头的 `:root`（亮）+ `html[data-theme="dark"]`（暗）。
   新样式一律用 `var(--tb-*)`，别再写死色值/圆角/阴影，也别为深色另写一套分支。
+- 页面级样式仍内联在各自模板的 `<style>` 里（variance 大、复用少），但同样只能用令牌。
+- 静态文件是**显式 embed 清单**（`static/fs.go`），新增 css/js 必须手动加进 `//go:embed` 那行，否则运行期 404。
 - 主题属性在 head 内联脚本里打（cookie `theme`），**不能挪回 body**，否则深色用户白闪。
 - 页面级样式尽量用类，不用 `style=`（深色下内联写死色值会露白，`.tb-img-uploader` 踩过）。
+- ⚠️ **UIkit 3.3.3 有 `.uk-flex::before/::after{display:none}`**：给带 `uk-flex` 的元素加伪元素遮罩必须写
+  `.tb-cover.uk-flex::after` 这类复合选择器，否则静默失效（不报错）。
 - 视觉自检：`TEST_PREVIEW=1 go test ./templates -run TestGenPreview` → `outputs/preview-*.html`；
   截图必须 `chrome --headless=old`（新版 headless 在本机挂住），外部资源先落到 `outputs/preview-assets/`。
+  改 CSS 的正确验证法是**像素比对**（PIL 在 `~/.workbuddy/binaries/python/envs/default`），不是目测。
 
 ## 其它约定