优化抢单大厅布局

apps/frontend/src/styles/main.css

@@ -1475,6 +1475,27 @@ select {
   .table-toolbar {
     display: grid;
   }
+
+  .worker-profile-hero-head {
+    flex-direction: column;
+  }
+
+  .worker-hall-toolbar {
+    width: 100%;
+    justify-content: flex-start;
+  }
+
+  .worker-hall-search {
+    width: 100%;
+  }
+
+  .worker-hall-summary-strip {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .worker-hall-card-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
 }
 
 @media (max-width: 720px) {
@@ -1668,24 +1689,177 @@ select {
   margin: 0;
 }
 
-.worker-order-grid {
+.worker-hall-head-copy {
+  display: grid;
+  gap: 4px;
+}
+
+.worker-hall-head-copy .ant-typography {
+  margin: 0;
+}
+
+.worker-hall-toolbar {
+  justify-content: flex-end;
+}
+
+.worker-hall-search {
+  width: min(460px, 100%);
+}
+
+.worker-hall-board-card .ant-card-body {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 16px;
 }
 
-.worker-order-card .ant-card-body {
-  height: 100%;
+.worker-hall-summary-strip {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  gap: 12px;
 }
 
-.worker-order-card-head {
-  width: 100%;
+.worker-hall-summary-item {
+  min-width: 0;
+  padding: 12px 14px;
+  border-radius: 12px;
+  border: 1px solid #e2e8f0;
+  background: #f8fafc;
+  display: grid;
+  gap: 4px;
+}
+
+.worker-hall-summary-label {
+  color: #64748b;
+  font-size: 12px;
+}
+
+.worker-hall-summary-value {
+  color: #0f172a;
+  font-size: 22px;
+  line-height: 1.15;
+}
+
+.worker-hall-summary-note {
+  color: #94a3b8;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.worker-hall-warning {
+  margin-bottom: 0;
+}
+
+.worker-hall-loading {
+  min-height: 220px;
+  display: grid;
+  place-items: center;
+}
+
+.worker-hall-card-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
+  gap: 16px;
+}
+
+.worker-hall-card {
+  min-width: 0;
+  padding: 18px 18px 16px;
+  border-radius: 16px;
+  background: #ffffff;
+  border: 1px solid #edf0f5;
+  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
+  display: grid;
+  gap: 14px;
+}
+
+.worker-hall-card-head {
+  display: flex;
   justify-content: space-between;
+  align-items: flex-start;
+  gap: 12px;
 }
 
-.worker-order-money {
-  margin: 4px 0 0;
+.worker-hall-card-title {
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+}
+
+.worker-hall-card-title .ant-typography {
+  margin: 0;
+}
+
+.worker-hall-card-badges {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 6px;
+}
+
+.worker-hall-card-order {
+  display: grid;
+  gap: 4px;
+}
+
+.worker-hall-card-main {
+  display: grid;
+  gap: 8px;
+}
+
+.worker-hall-card-amount {
   color: #f97316;
+  font-size: 34px;
+  line-height: 1;
+  font-weight: 700;
+}
+
+.worker-hall-card-side {
+  display: grid;
+  gap: 4px;
+  color: #94a3b8;
+  font-size: 12px;
+}
+
+.worker-hall-card-meta {
+  display: grid;
+  gap: 10px;
+}
+
+.worker-hall-card-meta-row {
+  display: grid;
+  gap: 6px;
+}
+
+.worker-hall-card-meta-row span {
+  color: #64748b;
+  font-size: 12px;
+}
+
+.worker-hall-card-meta-row strong {
+  color: #334155;
+  font-weight: 500;
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}
+
+.worker-hall-card-danger {
+  color: #dc2626 !important;
+}
+
+.worker-hall-card-safe {
+  color: #16a34a !important;
+}
+
+.worker-hall-card-actions {
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+  flex-wrap: wrap;
+  margin-top: auto;
+}
+
+.worker-hall-detail-stack {
+  display: grid;
+  gap: 16px;
 }
 
 .worker-orders-overview-grid {
@@ -2079,12 +2253,32 @@ select {
     flex-direction: column;
   }
 
-  .worker-order-grid {
+  .worker-hall-summary-strip {
     grid-template-columns: 1fr;
   }
 
+  .worker-hall-toolbar,
   .worker-orders-toolbar {
     align-items: stretch;
+    flex-direction: column;
+  }
+
+  .worker-hall-search {
+    width: 100%;
+  }
+
+  .worker-hall-card-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .worker-hall-card {
+    padding: 16px;
+  }
+
+  .worker-hall-card-head,
+  .worker-hall-card-actions {
+    align-items: stretch;
+    flex-direction: column;
   }
 
   .worker-orders-search {
@@ -2096,10 +2290,6 @@ select {
     justify-content: space-between;
   }
 
-  .worker-profile-hero-head {
-    flex-direction: column;
-  }
-
   .worker-profile-hero-side {
     width: 100%;
     justify-content: flex-start;