diff --git a/docs/更新文档.md b/docs/更新文档.md
index 31a0098..536daa4 100644
--- a/docs/更新文档.md
+++ b/docs/更新文档.md
@@ -4,6 +4,31 @@
---
+## 2026-07-16 · 电脑端计算器改为 Tab 切换
+
+### 修改原因
+
+电脑端同时并排显示趋势回调与滚仓计算器，横向空间利用和操作聚焦不理想。
+
+### 修改的地方
+
+| 文件 | 改动摘要 |
+|------|----------|
+| `manual_trading_hub/static/index.html` | 计算器 Tab 增加电脑端完整名称，更新 CSS 缓存 |
+| `manual_trading_hub/static/app.css` | 电脑端显示 Tab、单列展示当前计算器；手机端沿用原紧凑 Tab |
+
+### 达成的目标
+
+电脑端通过「趋势回调计算器 / 滚仓计算器」Tab 切换，一次只显示一个计算器。
+
+### 交付之后的验收
+
+1. 电脑端默认显示趋势回调计算器。
+2. 点击滚仓计算器 Tab 后只显示滚仓计算器，切回正常。
+3. 手机端原有计算器 Tab 样式和交互不变。
+
+---
+
## 2026-07-16 · 资金概况移除累计盈亏长条
### 修改原因
diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css
index 7333b29..808e2ab 100644
--- a/manual_trading_hub/static/app.css
+++ b/manual_trading_hub/static/app.css
@@ -9359,6 +9359,64 @@ body.funds-fullscreen-open {
}
}
+/* 电脑端计算器改为单页 Tab；手机继续使用原有紧凑 Tab 样式 */
+.calc-tab-label-desktop {
+ display: none;
+}
+
+body:not(.hub-phone) #page-calculator .calc-mobile-tabs {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 8px;
+ max-width: 640px;
+ margin: 0 auto 14px;
+ padding: 5px;
+ border: 1px solid var(--border-soft);
+ border-radius: 12px;
+ background: var(--nav-bg);
+}
+
+body:not(.hub-phone) #page-calculator .calc-m-tab {
+ min-height: 42px;
+ border: 1px solid transparent;
+ border-radius: 9px;
+ background: transparent;
+ color: var(--muted);
+ font: inherit;
+ font-size: 13px;
+ font-weight: 600;
+ cursor: pointer;
+}
+
+body:not(.hub-phone) #page-calculator .calc-m-tab:hover {
+ color: var(--text);
+ border-color: var(--border-soft);
+}
+
+body:not(.hub-phone) #page-calculator .calc-m-tab.is-active {
+ color: var(--accent);
+ border-color: color-mix(in srgb, var(--accent) 45%, var(--border-soft));
+ background: var(--accent-dim);
+ box-shadow: inset 0 0 18px color-mix(in srgb, var(--accent) 8%, transparent);
+}
+
+body:not(.hub-phone) #page-calculator .calc-tab-label-mobile {
+ display: none;
+}
+
+body:not(.hub-phone) #page-calculator .calc-tab-label-desktop {
+ display: inline;
+}
+
+body:not(.hub-phone) #page-calculator .calc-layout {
+ grid-template-columns: minmax(0, 1fr);
+}
+
+body:not(.hub-phone) #page-calculator .calc-layout[data-calc-tab="trend"] [data-calc-pane="roll"],
+body:not(.hub-phone) #page-calculator .calc-layout[data-calc-tab="roll"] [data-calc-pane="trend"] {
+ display: none;
+}
+
/* --- 策略说明 --- */
.strategy-page-head {
display: flex;
diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html
index 5bf0227..56c9d56 100644
--- a/manual_trading_hub/static/index.html
+++ b/manual_trading_hub/static/index.html
@@ -15,7 +15,7 @@
-
+
@@ -747,8 +747,12 @@
-
-
+
+