优化顶栏导航与登录请求体验

frontend/src/views/admin/SystemMonitoringPage.test.ts

@@ -0,0 +1,17 @@
+import { describe, expect, it } from "vitest";
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+const readSource = () => readFileSync(resolve(__dirname, "./SystemMonitoringPage.vue"), "utf8");
+
+describe("SystemMonitoringPage", () => {
+  it("uses a fixed viewport shell so monitoring tabs manage their own scrolling", () => {
+    const source = readSource();
+
+    expect(source).toContain("display: flex");
+    expect(source).toContain("height: calc(100dvh - 48px)");
+    expect(source).toContain("min-height: 0");
+    expect(source).toContain("overflow: hidden");
+    expect(source).not.toContain("min-height: calc(100dvh - 52px)");
+  });
+});

frontend/src/views/admin/SystemMonitoringPage.vue

@@ -10,9 +10,13 @@ import PermissionMonitoring from "@/components/PermissionMonitoring.vue";
 
 <style scoped>
 .system-monitoring-page {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 48px);
+  height: calc(100dvh - 48px);
+  min-height: 0;
   margin: -6px -8px;
-  min-height: calc(100vh - 52px);
-  min-height: calc(100dvh - 52px);
+  overflow: hidden;
   background: #f5f7fa;
 }
 </style>