Fit hub monitor, market, and funds to one 1080p screen.

Constrain desktop shell to 100dvh with flex fill so OKX perp+option plus peer cards, chart, and equity overview avoid page scroll.

Co-authored-by: Cursor <cursoragent@cursor.com>

docs/更新文档.md

@@ -4,6 +4,38 @@
 
 ---
 
+## 2026-07-16 · 中控三页 1920×1080 一屏显示
+
+### 修改原因
+
+监控区在 OKX「一永续 + 一期权」、另两所各一仓（或空仓）时，以及行情区、资金概况在 1920×1080 下出现整页纵向滚动，无法一屏看完。
+
+### 修改的地方
+
+| 文件 | 改动摘要 |
+|------|----------|
+| `manual_trading_hub/static/app.js` | `setActiveNav` 增加 `hub-page-monitor` / `hub-page-market` body class |
+| `manual_trading_hub/static/app.css` | `@media (min-width:1600px) and (min-height:900px)` 一屏适配：壳层 `100dvh` 不滚动；三页 flex 填满；监控卡片/表格压缩；行情 K 线区 flex 吃剩余高度；资金曲线与分户区压缩 |
+| `manual_trading_hub/static/index.html` | `app.css` / `app.js` 缓存版本 `20260716-hub-fit-1080` |
+
+**未改：** 期权开平仓规则、实例交易页、手机端 `hub-phone` 布局。
+
+### 达成的目标
+
+1. **监控区**：桌面大屏下整页无纵向滚动；OKX 左右分栏（永续+期权）与 Binance/Gate 同屏可见。仓位表过长时仅卡片内部滚动。  
+2. **行情区**：工具条 + K 线同屏，图表占满剩余高度。  
+3. **资金概况**：统计卡 + 曲线 + 三分户同屏。
+
+### 交付之后的验收（1920×1080，浏览器缩放 100%）
+
+1. 打开中控监控区：服务器状态与操作栏保持折叠时，页面**无**浏览器纵向滚动条；OKX 期权 1 仓 + 另两所空仓/各 1 仓均一屏可见。  
+2. 行情区：加载 BTC 日线后，OHLCV + 图在一屏内，无整页滚动。  
+3. 资金概况：曲线与三分户卡片同屏，无整页滚动。  
+4. 窄屏/手机（`hub-phone`）布局不受影响。  
+5. 展开「服务器状态」后若内容过高，允许监控网格内部滚动，仍尽量避免整页滚动。
+
+---
+
 ## 2026-07-16 · 期权/对冲开仓仅认真实卖一深度
 
 ### 修改原因