diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css
index e272d62..44cd60d 100644
--- a/manual_trading_hub/static/app.css
+++ b/manual_trading_hub/static/app.css
@@ -3343,33 +3343,85 @@ html[data-theme="light"] button.danger {
   border-color: rgba(201, 53, 82, 0.45);
 }
 
-/* --- Hub AI 教练 --- */
+/* --- Hub AI 教练（整页一屏，内容区内滚动）--- */
+body.hub-page-ai {
+  overflow: hidden;
+}
+body.hub-page-ai .app-shell {
+  padding-bottom: 12px;
+  height: 100dvh;
+  max-height: 100dvh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+body.hub-page-ai .app-header {
+  flex-shrink: 0;
+  margin-bottom: 4px;
+}
+body.hub-page-ai #page-ai {
+  flex: 1 1 auto;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
 #page-ai .page-head {
-  margin-bottom: 12px;
+  flex-shrink: 0;
+  margin: 8px 0 10px;
+}
+#page-ai .page-head h1 {
+  margin-bottom: 4px;
+  font-size: 18px;
+}
+#page-ai .page-desc {
+  margin: 0;
+  font-size: 0.78rem;
+  line-height: 1.35;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .ai-layout {
+  flex: 1 1 auto;
+  min-height: 0;
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: 16px;
+  grid-template-rows: minmax(0, 1fr);
+  gap: 12px;
   align-items: stretch;
-  min-height: calc(100vh - 168px);
+  overflow: hidden;
 }
 @media (max-width: 960px) {
+  body.hub-page-ai .app-shell {
+    height: auto;
+    max-height: none;
+    overflow: visible;
+  }
+  body.hub-page-ai {
+    overflow: auto;
+  }
+  body.hub-page-ai #page-ai {
+    overflow: visible;
+  }
   .ai-layout {
     grid-template-columns: 1fr;
-    min-height: 0;
+    grid-template-rows: minmax(280px, 42vh) minmax(280px, 42vh);
+    overflow: visible;
   }
 }
 .ai-panel {
   background: var(--panel);
   border: 1px solid var(--border-soft);
   border-radius: var(--radius);
-  padding: 14px 16px;
+  padding: 12px 14px;
   min-height: 0;
+  max-height: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 10px;
   overflow: hidden;
 }
 .ai-panel-head {
@@ -3404,8 +3456,18 @@ html[data-theme="light"] button.danger {
 .ai-panel-scroll {
   flex: 1 1 auto;
   min-height: 0;
-  overflow: auto;
+  max-height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
   overscroll-behavior: contain;
+  scrollbar-gutter: stable;
+}
+.ai-panel-scroll::-webkit-scrollbar {
+  width: 6px;
+}
+.ai-panel-scroll::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--muted) 45%, transparent);
+  border-radius: 999px;
 }
 .ai-stats-row {
   display: flex;
@@ -3533,9 +3595,9 @@ html[data-theme="light"] button.danger {
 }
 .ai-chat-form textarea {
   width: 100%;
-  resize: vertical;
-  min-height: 72px;
-  max-height: 160px;
+  resize: none;
+  min-height: 52px;
+  max-height: 88px;
   padding: 10px 12px;
   border-radius: 8px;
   border: 1px solid var(--border-soft);
diff --git a/manual_trading_hub/static/app.js b/manual_trading_hub/static/app.js
index 72e58d8..17a5b21 100644
--- a/manual_trading_hub/static/app.js
+++ b/manual_trading_hub/static/app.js
@@ -647,6 +647,7 @@
     document.querySelectorAll(".page").forEach((el) => {
       el.classList.toggle("hidden", el.id !== pageId);
     });
+    document.body.classList.toggle("hub-page-ai", page === "ai");
     if (page === "monitor") startMonitorPoll();
     else stopMonitorPoll();
     if (page === "settings") loadSettingsUI();
diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html
index cd70695..d93a4da 100644
--- a/manual_trading_hub/static/index.html
+++ b/manual_trading_hub/static/index.html
@@ -15,7 +15,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
   <noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
-  <link rel="stylesheet" href="/assets/app.css?v=20260606-hub-ai2" />
+  <link rel="stylesheet" href="/assets/app.css?v=20260606-hub-ai3" />
 </head>
 <body>
   <div class="app-bg" aria-hidden="true"></div>
@@ -233,7 +233,7 @@
           </div>
           <div id="ai-chat-messages" class="ai-panel-scroll ai-chat-messages" aria-live="polite"></div>
           <form id="ai-chat-form" class="ai-chat-form">
-            <textarea id="ai-chat-input" rows="3" placeholder="聊聊行情、心态、纪律、执行…" autocomplete="off"></textarea>
+            <textarea id="ai-chat-input" rows="2" placeholder="聊聊行情、心态、纪律、执行…" autocomplete="off"></textarea>
             <button type="submit" id="btn-ai-chat-send" class="primary">发送</button>
           </form>
         </section>
@@ -287,6 +287,6 @@
   <div id="toast"></div>
   <script src="https://unpkg.com/lightweight-charts@4.2.0/dist/lightweight-charts.standalone.production.js"></script>
   <script src="/assets/chart.js?v=20260604-upnl-contracts"></script>
-  <script src="/assets/app.js?v=20260606-hub-ai2"></script>
+  <script src="/assets/app.js?v=20260606-hub-ai3"></script>
 </body>
 </html>