完善接单平台上传与物品规则

apps/frontend/src/styles/main.css

@@ -657,7 +657,8 @@ select {
 
 .payload-text {
   font-family:
-    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+    monospace;
   font-size: 12px;
   color: #4b5563;
   word-break: break-all;
@@ -1272,7 +1273,9 @@ select {
 }
 
 .platform-shop-row {
-  grid-template-columns: auto auto minmax(120px, 0.9fr) minmax(140px, 1fr) minmax(220px, 1.5fr) auto auto;
+  grid-template-columns:
+    auto auto minmax(120px, 0.9fr) minmax(140px, 1fr)
+    minmax(220px, 1.5fr) auto auto;
 }
 
 .platform-rule-head {
@@ -1337,7 +1340,9 @@ select {
 
 .cloud-records-filter {
   display: grid;
-  grid-template-columns: minmax(180px, 0.28fr) minmax(220px, 0.36fr) minmax(360px, 1fr) auto;
+  grid-template-columns:
+    minmax(180px, 0.28fr) minmax(220px, 0.36fr) minmax(360px, 1fr)
+    auto;
   gap: 12px;
   align-items: center;
 }
@@ -1682,6 +1687,47 @@ select {
   margin-bottom: 0;
 }
 
+.image-upload-trigger {
+  width: 100%;
+  height: 100%;
+  min-height: 72px;
+  border: 0;
+  background: transparent;
+  color: #64748b;
+  display: grid;
+  place-items: center;
+  gap: 4px;
+  cursor: pointer;
+}
+
+.image-upload-trigger span {
+  font-size: 12px;
+}
+
+.image-preview-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  align-items: center;
+}
+
+.image-preview-item {
+  object-fit: cover;
+  border-radius: 6px;
+  border: 1px solid #e5e7eb;
+  background: #f8fafc;
+}
+
+.worker-rule-form {
+  width: 100%;
+}
+
+.worker-rule-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 0 14px;
+}
+
 @media (max-width: 720px) {
   .worker-page-head {
     align-items: stretch;