feat: 拆分系统设置数据库和远程分页

frontend/src/styles.css

@@ -1382,15 +1382,16 @@ select {
   overflow: hidden;
 }
 
-.settings-section-grid,
+.settings-database-panel,
+.settings-remote-grid,
 .settings-rules-grid {
   display: grid;
   align-items: start;
   gap: 18px;
 }
 
-.settings-section-grid {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+.settings-database-panel {
+  grid-template-columns: minmax(420px, 680px);
   height: 100%;
   min-height: 0;
   padding-right: 6px;
@@ -1400,27 +1401,47 @@ select {
   scrollbar-width: thin;
 }
 
-.settings-connection-stack {
+.settings-database-stack,
+.settings-remote-stack {
   display: flex;
   min-width: 0;
   flex-direction: column;
   gap: 18px;
 }
 
-.settings-section-grid::-webkit-scrollbar {
+.settings-remote-grid {
+  grid-template-columns: minmax(380px, 0.9fr) minmax(360px, 1.1fr);
+  height: 100%;
+  min-height: 0;
+  padding-right: 6px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  scrollbar-color: var(--td-scrollbar-color) transparent;
+  scrollbar-width: thin;
+}
+
+.settings-database-panel::-webkit-scrollbar,
+.settings-remote-grid::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }
 
-.settings-section-grid::-webkit-scrollbar-thumb {
+.settings-database-panel::-webkit-scrollbar-thumb,
+.settings-remote-grid::-webkit-scrollbar-thumb {
   background: var(--td-scrollbar-color);
   border-radius: 8px;
 }
 
-.settings-section-grid::-webkit-scrollbar-track {
+.settings-database-panel::-webkit-scrollbar-track,
+.settings-remote-grid::-webkit-scrollbar-track {
   background: transparent;
 }
 
+.settings-remote-card,
+.settings-scheduler-card {
+  min-width: 0;
+}
+
 .settings-rules-grid {
   grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.4fr);
   grid-template-rows: minmax(0, 1fr);
@@ -1484,10 +1505,6 @@ select {
   line-height: 20px;
 }
 
-.settings-compact-divider {
-  margin: 12px 0;
-}
-
 .scheduler-dir-editor {
   display: flex;
   width: 100%;
@@ -1917,7 +1934,8 @@ select {
 
 /* ==================== Responsive ==================== */
 @media (max-width: 1200px) {
-  .settings-section-grid,
+  .settings-database-panel,
+  .settings-remote-grid,
   .settings-rules-grid {
     grid-template-columns: 1fr;
   }