diff --git a/apps/ai-game-creator-shell/src/components/game-distribution/GameDistributionPublishFormView.tsx b/apps/ai-game-creator-shell/src/components/game-distribution/GameDistributionPublishFormView.tsx
index 13b3143c2..ee9d6ac0a 100644
--- a/apps/ai-game-creator-shell/src/components/game-distribution/GameDistributionPublishFormView.tsx
+++ b/apps/ai-game-creator-shell/src/components/game-distribution/GameDistributionPublishFormView.tsx
@@ -13,6 +13,23 @@ import {
   publicationVersionStatusLabel,
 } from './useGameDistributionPublishForm';
 
+/**
+ * 两个弹窗面板的定色。
+ *
+ * 仓库的样式约定是内联（Tailwind / JSX 内联样式），不为这种一次性定色新建 CSS 文件；提到模块级
+ * 常量是为了不再每次渲染都新建一个样式对象。`ThemedModal` 的默认背景会用内联样式写死，所以
+ * 这两处只能继续走 `panelStyle` 覆盖，不能只加 Tailwind 类。
+ */
+const COVER_CONFIRM_PANEL_STYLE = {
+  background: '#fffaf7',
+  color: '#4f362d',
+} as const;
+
+const SCREENSHOT_PREVIEW_PANEL_STYLE = {
+  background: '#1d1714',
+  color: '#fffaf7',
+} as const;
+
 /**
  * 主行动按钮文案：先按发布绑定状态（检查中 / 不可用 / 更新）选路，再按打包与上传阶段选路。
  */
@@ -393,7 +410,7 @@ export function GameDistributionPublishFormView({
       ariaLabel="确认生成游戏封面"
       onClose={() => setCoverConfirmOpen(false)}
       panelClassName="game-publish-progress-dialog game-publish-cover-confirm-dialog"
-      panelStyle={{ background: '#fffaf7', color: '#4f362d' }}
+      panelStyle={COVER_CONFIRM_PANEL_STYLE}
     >
       <div className="game-publish-progress-icon" aria-hidden="true">
         ✦
@@ -422,7 +439,7 @@ export function GameDistributionPublishFormView({
       ariaLabel="截图预览"
       onClose={() => setPreviewScreenshot(null)}
       panelClassName="game-distribution-publish-panel__preview-dialog"
-      panelStyle={{ background: '#1d1714', color: '#fffaf7' }}
+      panelStyle={SCREENSHOT_PREVIEW_PANEL_STYLE}
     >
       {previewScreenshot?.previewUrl ? (
         <img