优化用户管理操作区

apps/frontend-react/src/styles/main.css

@@ -130,6 +130,50 @@ select {
   row-gap: 12px;
 }
 
+.users-action-card .ant-card-body {
+  padding: 18px 24px;
+}
+
+.users-action-row {
+  display: grid;
+  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
+  gap: 22px;
+  align-items: start;
+}
+
+.users-action-section {
+  min-width: 0;
+  display: grid;
+  gap: 10px;
+}
+
+.users-action-title {
+  color: #1f2937;
+  font-weight: 700;
+  line-height: 1.4;
+}
+
+.users-action-form {
+  row-gap: 10px;
+}
+
+.users-action-form .ant-form-item {
+  margin-inline-end: 8px;
+  margin-bottom: 0;
+}
+
+.users-input-md {
+  width: 200px;
+}
+
+.users-input-lg {
+  width: 220px;
+}
+
+.users-select-sm {
+  width: 140px;
+}
+
 .cell-stack {
   display: grid;
   gap: 4px;
@@ -809,6 +853,14 @@ select {
     display: grid;
   }
 
+  .users-action-row {
+    grid-template-columns: 1fr;
+  }
+
+  .users-action-form .ant-form-item {
+    margin-bottom: 0;
+  }
+
   .metric-grid.four,
   .metric-grid.five,
   .platform-form-grid,
@@ -840,6 +892,22 @@ select {
   }
 }
 
+@media (max-width: 720px) {
+  .users-action-card .ant-card-body {
+    padding: 14px;
+  }
+
+  .users-action-form,
+  .users-action-form .ant-form-item,
+  .users-action-form .ant-input-affix-wrapper,
+  .users-action-form .ant-input,
+  .users-action-form .ant-select,
+  .users-action-form .ant-space,
+  .users-action-form .ant-btn {
+    width: 100%;
+  }
+}
+
 @media (max-width: 720px) {
   .claim-page {
     padding: 14px;