fix:[FL-221][登录页面暗黑主题背景色适配]

Co-authored-by: multica-agent <github@multica.ai>

memory/2026-06-20.md

@@ -18,6 +18,26 @@
 - 风险与关注点：
   - 改动仅影响菜单管理页前端展示与提示机制，不改变菜单接口、字段结构或权限语义。
 
+# Work Log - 登录/注册页暗黑背景适配（FL-221）
+
+- 背景：
+  - 登录页与注册页都使用 `--fquiz-theme-bg-layout` 作为页面背景，但暗黑主题下该语义变量未显式覆盖，可能在主题 token 初始化前或切换时出现背景色不协调。
+
+- 本次处理：
+  - 在 `web/src/app/globals.css` 的 `:root[data-fquiz-theme="dark"]` 中显式覆盖 `--fquiz-theme-bg-layout`，与现有暗黑主题 shell/elevated 背景 token 保持同一套 `color-mix` 规则。
+  - 登录页与注册页已复用该语义变量，无需额外修改页面组件。
+
+- 验证：
+  - 基线：`npm --workspace web run lint` 因既有 Cesium 静态资源与部分页面 lint 问题失败。
+  - 基线：`npm --workspace web run build` 在生产编译阶段被环境杀死，退出码 137。
+  - 修改后：`npm --workspace web exec eslint src/app/login/page.tsx src/app/register/page.tsx` 通过，仍有既有 3 条 warning。
+  - 修改后：`npm --workspace web exec tsc --noEmit --pretty false` 通过。
+  - 修改后：`git diff --check` 通过。
+  - 修改后：`graphify update .` 通过。
+
+- 风险与关注点：
+  - 改动仅影响暗黑主题下依赖 `--fquiz-theme-bg-layout` 的背景色；亮色主题变量链保持不变。
+
 # Work Log - 菜单禁用访问控制修复（FL-220）
 
 - 背景：

web/src/app/globals.css

@@ -89,6 +89,7 @@
 }
 
 :root[data-fquiz-theme="dark"] {
+  --fquiz-theme-bg-layout: color-mix(in srgb, var(--ant-color-bg-container) 90%, black);
   --fquiz-theme-bg-elevated: color-mix(in srgb, var(--ant-color-bg-container) 80%, black);
   --fquiz-theme-table-header-bg: color-mix(in srgb, var(--ant-color-bg-container) 85%, black);
   --fquiz-theme-shell-header-bg: color-mix(in srgb, var(--ant-color-bg-container) 82%, black);