style: 收纳 CellData 远程规则设置

frontend/src/styles.css

@@ -1547,7 +1547,7 @@ select {
 }
 
 .settings-remote-panel {
-  grid-template-columns: minmax(720px, 1fr);
+  grid-template-columns: repeat(2, minmax(420px, 1fr));
 }
 
 .settings-scheduler-panel {
@@ -1626,6 +1626,34 @@ select {
   border-radius: var(--td-radius-small);
 }
 
+.cell-data-settings-body {
+  display: grid;
+  gap: 14px;
+  max-height: 68vh;
+  overflow-y: auto;
+  padding-right: 4px;
+}
+
+.cell-data-settings-section {
+  display: grid;
+  gap: 8px;
+}
+
+.cell-data-section-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.cell-data-json-editor {
+  height: 360px;
+  min-height: 260px;
+  overflow: hidden;
+  border: 1px solid var(--td-border-color-light);
+  border-radius: var(--td-radius-default);
+}
+
 .settings-rules-grid {
   display: grid;
   grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.4fr);
@@ -2158,6 +2186,10 @@ select {
     overflow-y: auto;
   }
 
+  .settings-remote-panel {
+    grid-template-columns: 1fr;
+  }
+
   .settings-tabs .n-tab-pane {
     overflow: hidden;
   }