🎨 精简完善系统

web-admin/src/index.css

@@ -78,8 +78,9 @@ img {
   background:
     linear-gradient(180deg, rgba(16, 37, 66, 0.96) 0%, rgba(19, 51, 84, 0.94) 100%);
   color: var(--text-light);
-  overflow-y: auto;
+  overflow-y: scroll;
   overflow-x: hidden;
+  scrollbar-gutter: stable;
 }
 
 .admin-brand {
@@ -117,6 +118,8 @@ img {
 }
 
 .admin-nav-menu .ant-menu-sub.ant-menu-inline {
+  width: 100%;
+  box-sizing: border-box;
   margin: 8px 0 12px;
   padding: 8px;
   border-radius: 20px;
@@ -124,6 +127,11 @@ img {
   border: 1px solid rgba(255, 255, 255, 0.08);
 }
 
+.admin-nav-menu .ant-menu-submenu,
+.admin-nav-menu .ant-menu-submenu-inline {
+  width: 100%;
+}
+
 .admin-nav-menu.ant-menu-dark .ant-menu-item,
 .admin-nav-menu.ant-menu-dark .ant-menu-submenu-title,
 .admin-nav-menu.ant-menu-dark .ant-menu-item a,
@@ -303,6 +311,12 @@ img {
   padding: 28px;
 }
 
+.init-form-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0 16px;
+}
+
 .capsule {
   display: inline-flex;
   align-items: center;
@@ -319,6 +333,41 @@ img {
   gap: 16px;
 }
 
+@media (max-width: 960px) {
+  .admin-shell,
+  .login-shell,
+  .hero-grid,
+  .metric-grid,
+  .config-form-grid,
+  .server-meter-grid,
+  .server-runtime-grid,
+  .server-disk-grid,
+  .catalog-grid,
+  .init-form-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .admin-shell {
+    display: block;
+  }
+
+  .admin-sidebar {
+    position: relative;
+    width: 100%;
+    min-width: 0;
+    height: auto;
+  }
+
+  .login-hero {
+    min-height: 320px;
+    padding: 40px 24px;
+  }
+
+  .login-card {
+    padding: 20px;
+  }
+}
+
 .catalog-card {
   border-radius: 22px;
   padding: 18px;