焦点环加 2px 间隙：读成「实心钮 + 独立环」而不是空心钮（复核反馈 2 之四）

- `:focus-visible` 的圆钮阴影改成三明治：`0 0 0 2px var(--platform-input-fill)`（间隙，卡片/输入区填色的既有**颜色** token）+ `0 0 0 4px var(--platform-input-focus-ring)`（环色与厚度不变，WCAG 对比度不回退）+ 原暖影
- 踩坑记录在注释里：间隙色**不能**用 `--platform-panel-fill`——它是 `linear-gradient`，写进 `box-shadow` 会让整条声明失效（环和影子一起消失，实测键盘态环与投影全丢）
- Firefox 同步：`::-moz-focus-outer { border: 0 }` 关掉轨道自带描边，`::-moz-range-thumb` 用同一套三明治
- 取证（无头 Chromium + 像素扫描）：键盘态中档 y=289 行色序 199,101,61(填充) → 182,98,62(影) → 250,242,236(**间隙**) → 229,210,195(钮描边) → 252,248,244(**钮内暖白**) → … → 300:182,98,63(**环**) → 231,213,198(未选段)；鼠标拖拽态同位置只有 252,248,244 钮白 + 柔影、无任何主色
- 校验：typecheck；`workbenchThemeContrast` + `chatDialogFrameLayout` + `appSurface` 共 215 passed / 9 skipped；prettier / encoding / spacetime-schema / diff-check 全通过

apps/ai-game-creator-shell/src/styles.css

@@ -13749,9 +13749,13 @@ details.design-agent-reasoning[open]
   .project-chat-surface.is-direct-codex
   .project-chat-composer.is-direct-codex
   .project-chat-composer-strength-range:focus-visible::-webkit-slider-thumb {
-  /* 焦点环与暖影一起给：`box-shadow` 是单值属性，只写环会把实心钮的影子抹掉。 */
+  /* 「白钮 + 间隙 + 环」三明治：先铺一圈 2px 卡片底色当间隙，再叠焦点环——否则 3px 环
+     紧贴 20px 白钮会被读成"空心钮/靶心"。间隙色只能用**颜色** token
+     （`--platform-panel-fill` 是渐变，写进 `box-shadow` 会让整条声明失效、连环和影子一起丢），
+     所以取 `--platform-input-fill`；环色与厚度不变，对比度不回退。 */
   box-shadow:
-    0 0 0 3px var(--platform-input-focus-ring),
+    0 0 0 2px var(--platform-input-fill),
+    0 0 0 4px var(--platform-input-focus-ring),
     0 2px 6px rgb(112 57 30 / 24%);
 }
 
@@ -13797,6 +13801,24 @@ details.design-agent-reasoning[open]
     0 1px 2px rgb(112 57 30 / 16%);
 }
 
+/* Firefox 的焦点：先关掉轨道自带的 focus-outer 描边，再给圆钮同一套「间隙 + 环」。 */
+.game-workbench-chat
+  .project-chat-surface.is-direct-codex
+  .project-chat-composer.is-direct-codex
+  .project-chat-composer-strength-range::-moz-focus-outer {
+  border: 0;
+}
+
+.game-workbench-chat
+  .project-chat-surface.is-direct-codex
+  .project-chat-composer.is-direct-codex
+  .project-chat-composer-strength-range:focus-visible::-moz-range-thumb {
+  box-shadow:
+    0 0 0 2px var(--platform-input-fill),
+    0 0 0 4px var(--platform-input-focus-ring),
+    0 2px 6px rgb(112 57 30 / 24%);
+}
+
 /* 档位点：纯装饰（命中与吸附由原生 range 负责），个数跟着档位契约走，
    所以用 `grid-auto-flow: column` 而不是写死 5 列。 */
 .game-workbench-chat