From eb0eddbc9d4eb4dfe21fb0f041d1bce2be660369 Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Wed, 22 Jul 2026 22:17:14 +0800
Subject: [PATCH] Tighten mobile monitor stats to two lines and hide ops fold.

Desktop refresh/emergency-close and expanded stats layout stay unchanged.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 manual_trading_hub/static/app.css    | 64 ++++++++++++++++++++++++++++
 manual_trading_hub/static/index.html |  2 +-
 2 files changed, 65 insertions(+), 1 deletion(-)

diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css
index 3918585..76aa056 100644
--- a/manual_trading_hub/static/app.css
+++ b/manual_trading_hub/static/app.css
@@ -4301,6 +4301,70 @@ body.login-page {
     gap: 6px;
   }
 
+  /* 手机:隐藏「操作·刷新/紧急全平」,桌面不变 */
+  body.hub-phone #monitor-ops-fold {
+    display: none !important;
+  }
+
+  /* 手机收起态:今日统计固定两行(左标题/交易日,右总浮盈亏) */
+  body.hub-phone .monitor-stats-card.is-collapsed {
+    padding: 0;
+  }
+
+  body.hub-phone .monitor-stats-card.is-collapsed .monitor-stats-head {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-rows: auto auto;
+    column-gap: 10px;
+    row-gap: 2px;
+    align-items: center;
+    padding: 10px 12px;
+  }
+
+  body.hub-phone .monitor-stats-card.is-collapsed .monitor-stats-head-main {
+    display: contents;
+  }
+
+  body.hub-phone .monitor-stats-card.is-collapsed .card-title-row {
+    grid-column: 1;
+    grid-row: 1;
+    flex-wrap: nowrap;
+    min-width: 0;
+  }
+
+  body.hub-phone .monitor-stats-card.is-collapsed .card-title {
+    font-size: 13px;
+    margin: 0;
+  }
+
+  body.hub-phone .monitor-stats-card.is-collapsed .card-sub {
+    grid-column: 1;
+    grid-row: 2;
+    margin: 0;
+    font-size: 10px;
+    line-height: 1.3;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  body.hub-phone .monitor-stats-card.is-collapsed .monitor-stats-float-summary {
+    grid-column: 2;
+    grid-row: 1 / span 2;
+    align-self: center;
+    padding: 0;
+    text-align: right;
+  }
+
+  body.hub-phone .monitor-stats-card.is-collapsed .monitor-stats-float-summary .monitor-stat-label {
+    margin-bottom: 0;
+    font-size: 10px;
+  }
+
+  body.hub-phone .monitor-stats-card.is-collapsed .monitor-stats-float-value {
+    font-size: 16px;
+  }
+
   body.hub-phone .monitor-stat-cell {
     padding: 8px 6px;
   }
diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html
index 352b299..ab52e94 100644
--- a/manual_trading_hub/static/index.html
+++ b/manual_trading_hub/static/index.html
@@ -16,7 +16,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=20260720-calc-equal-height" />
+      <link rel="stylesheet" href="/assets/app.css?v=20260722-monitor-m-stats" />
   <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
   <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
   <script src="/assets/account_risk_badge.js?v=4"></script>