Refine monitor 2x2 slots and drop tablet CSS.

Add options target column, reserve pos/monitor rows, equal columns, and remove hub-tablet densify path.

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

docs/更新文档.md

@@ -4,6 +4,33 @@
 
 ---
 
+## 2026-07-16 · 监控区 2×2 细化(目标监控列/预留行/去平板专属)
+
+### 修改原因
+
+四卡对齐后需：左右等宽；期权表改目标监控列；去掉打开期权页与永续卡「期权 N仓」；合约卡预留仓位+监控位两行并统一全屏提示；多仓时同行左右一起长高；平板改用浏览器 80% 缩放，去掉 hub-tablet 专属样式（手机 UI 不动）。
+
+### 修改的地方
+
+| 文件 | 改动摘要 |
+|------|----------|
+| `manual_trading_hub/static/app.js` | 平铺 `monitor-split-2x2`；期权表删指数/到期平衡/平掉回本，加目标监控列(有=绿/无=`—`)；去打开期权页；永续卡隐藏期权徽章；预留仓位/监控位槽；去掉 `isTabletLayout` |
+| `manual_trading_hub/static/app.css` | 左右 1:1；`minmax(min-content,1fr)` 同行同高可外扩；删除全部 `hub-tablet` 规则 |
+| `manual_trading_hub/static/index.html` | 缓存 `20260716-hub-2x2-slots` |
+
+### 达成的目标
+
+桌面监控区四卡等宽对齐；期权看目标监控列；永续卡结构为仓位行+监控位行+提示行；≥2 仓左右一起加高；平板不再走单独 CSS。
+
+### 交付之后的验收
+
+1. 左右列等宽；永续卡无「期权 1仓」、无「打开期权页」。  
+2. 期权表有「目标监控」列，有监控绿色、无则 `—`；无指数/到期平衡/平掉回本。  
+3. 永续/币安卡可见预留仓位行、监控位行与完整全屏提示文案。  
+4. 多开仓后该行变高且左右同高；`body` 无 `hub-tablet`；手机布局未改。
+
+---
+
 ## 2026-07-16 · OKX 拆成永续/期权双卡(2×2 对齐)
 
 ### 修改原因