From c6f1eac6c14778158c2cf56854ddd6d8a193185a Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Fri, 15 May 2026 04:04:54 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B7=91=E9=81=93=E8=A7=82=E6=B5=8B=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF=E6=B7=BB=E5=8A=A0=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=93=8D?=
 =?UTF-8?q?=E5=BA=94=E5=BC=8F=E5=B8=83=E5=B1=80=EF=BC=88768px=20/=20480px?=
 =?UTF-8?q?=20=E6=96=AD=E7=82=B9=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../monitoring/MonitorPanel.module.css        | 90 +++++++++++++++++++
 1 file changed, 90 insertions(+)

diff --git a/frontend/components/dashboard/monitoring/MonitorPanel.module.css b/frontend/components/dashboard/monitoring/MonitorPanel.module.css
index ae5b5d81..97cc768d 100644
--- a/frontend/components/dashboard/monitoring/MonitorPanel.module.css
+++ b/frontend/components/dashboard/monitoring/MonitorPanel.module.css
@@ -628,3 +628,93 @@
   opacity: 0.85;
   letter-spacing: 0.01em;
 }
+
+/* ══════════════════════════════════════════════════════════════
+   MOBILE — max-width 768px
+   ══════════════════════════════════════════════════════════════ */
+@media (max-width: 768px) {
+  .root :global(.monitor-panel) {
+    padding: 12px 16px;
+  }
+
+  .root :global(.monitor-title) {
+    font-size: 17px;
+  }
+
+  .root :global(.monitor-grid) {
+    grid-template-columns: 1fr;
+    gap: 10px;
+  }
+
+  .root :global(.monitor-card) {
+    padding: 14px 16px;
+    border-radius: 10px;
+  }
+
+  .root :global(.monitor-card-head) {
+    font-size: 14px;
+    gap: 6px;
+    margin-bottom: 10px;
+  }
+
+  .root :global(.monitor-obs-time) {
+    font-size: 12px;
+  }
+
+  .root :global(.monitor-high-row) {
+    font-size: 14px;
+  }
+
+  .root :global(.monitor-high-value) {
+    font-size: 20px;
+  }
+
+  .root :global(.monitor-stat-label) {
+    font-size: 12px;
+  }
+
+  .root :global(.monitor-stats) {
+    gap: 8px;
+  }
+
+  .root :global(.monitor-rw-row) {
+    font-size: 12px;
+  }
+
+  .root :global(.monitor-divider) {
+    margin: 8px 0 6px;
+  }
+
+  .root :global(.scan-amos-runway-detail) {
+    font-size: 11px;
+  }
+}
+
+@media (max-width: 480px) {
+  .root :global(.monitor-card) {
+    padding: 10px 12px;
+    border-radius: 8px;
+  }
+
+  .root :global(.monitor-card-head) {
+    font-size: 13px;
+    margin-bottom: 8px;
+  }
+
+  .root :global(.monitor-high-value) {
+    font-size: 18px;
+  }
+
+  .root :global(.monitor-rw-row) {
+    font-size: 11px;
+  }
+
+  .root :global(.monitor-city-name) {
+    font-size: 14px;
+  }
+
+  .root :global(.monitor-obs-time) {
+    font-size: 11px;
+    margin-left: 0;
+  }
+}