diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css
index 443e94eff..eca129672 100644
--- a/apps/ai-game-creator-shell/src/styles.css
+++ b/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