diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css
index 15423a454..1b5dd39f7 100644
--- a/apps/ai-game-creator-shell/src/styles.css
+++ b/apps/ai-game-creator-shell/src/styles.css
@@ -8328,7 +8328,14 @@ iframe.preview-frame {
   color: var(--platform-button-primary-text);
 }
 
+/* 面板纵向布局（2026-07 Codex 风格改造）：这里保持 grid，不要改成 flex。
+   `.game-workbench-chat { grid-template-rows: auto minmax(0, 1fr) }` 原本是给「头部 + 内容」
+   两行用的；direct-codex 精简掉头部后，surface 变成第一个子元素、落进第一行 auto 轨道，
+   于是面板高度一大于内容（新会话只有一条欢迎消息时），surface 就被压成内容高度：消息列表
+   塌成几十像素、输入盒被拉伸到两百多像素。所以下面这份几何要靠 `height: 100%` 撑满轨道，
+   不能再叠加 `flex: 0 1 auto` 之类的 flex 简写（那会把 basis 变成 auto，同样压成内容高度）。 */
 .game-workbench-chat .project-supervisor-surface {
+  grid-row: 1 / -1;
   grid-template-columns: minmax(0, 1fr);
   gap: 0;
   height: 100%;
@@ -11233,3 +11240,36 @@ button.design-workspace-tree__entry:hover,
 .project-supervisor-settings-row .game-workbench-chat-wallet {
   margin-left: auto;
 }
+
+/* 面板纵向布局兜底（实测修复，2026-07）：
+   只改 `.game-workbench-chat .project-supervisor-surface.is-direct-codex` 的几何还不够——
+   更早那条 `.game-workbench-chat .project-supervisor-surface { display: grid; ... }` 特异性同为
+   3 个类且写在前面，面板实际仍是「单行 grid」，`.project-supervisor-conversation` 被当成 grid
+   轨道拉高到面板高度；同时基础规则 `.project-supervisor-message-list { min-height: 340px }`
+   又给列表压了 340px 下限，两者叠加后列表被内容撑到数千像素、输入盒被顶到面板之外不可见。
+   这里显式把 surface / conversation 改成 flex 纵向链（多带一层 `.message-list` 提高特异性），
+   并解除列表的 340px 下限，保证「消息列表是唯一滚动区、输入盒恒在面板底部」。 */
+.game-workbench-chat
+  .project-supervisor-surface.is-direct-codex
+  .message-list.project-supervisor-message-list {
+  min-height: 0;
+}
+
+.game-workbench-chat
+  .project-supervisor-surface.is-direct-codex
+  .project-supervisor-conversation {
+  display: flex;
+  height: 100%;
+  min-height: 0;
+  flex-direction: column;
+  grid-template-rows: none;
+  gap: 0;
+}
+
+.game-workbench-chat
+  .project-supervisor-surface.is-direct-codex
+  .project-supervisor-conversation
+  > .message-list.project-supervisor-message-list {
+  min-height: 0;
+  flex: 1 1 auto;
+}