优化我的订单页

apps/frontend/src/styles/main.css

@@ -1688,6 +1688,127 @@ select {
   color: #f97316;
 }
 
+.worker-orders-overview-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 16px;
+}
+
+.worker-orders-overview-card {
+  border: 1px solid #e2e8f0;
+  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.04);
+}
+
+.worker-orders-overview-card .ant-card-body {
+  display: grid;
+  gap: 8px;
+}
+
+.worker-orders-overview-card.total {
+  background:
+    linear-gradient(135deg, rgba(20, 50, 74, 0.96), rgba(27, 93, 115, 0.92)),
+    #14324a;
+}
+
+.worker-orders-overview-card.total .worker-orders-overview-label,
+.worker-orders-overview-card.total .worker-orders-overview-value,
+.worker-orders-overview-card.total .worker-orders-overview-note {
+  color: #f8fafc;
+}
+
+.worker-orders-overview-card.tone-blue {
+  border-top: 3px solid #2563eb;
+}
+
+.worker-orders-overview-card.tone-gold {
+  border-top: 3px solid #d97706;
+}
+
+.worker-orders-overview-card.tone-red {
+  border-top: 3px solid #dc2626;
+}
+
+.worker-orders-overview-card.tone-green {
+  border-top: 3px solid #059669;
+}
+
+.worker-orders-overview-card.tone-slate {
+  border-top: 3px solid #64748b;
+}
+
+.worker-orders-overview-label {
+  color: #64748b;
+  font-size: 13px;
+}
+
+.worker-orders-overview-value {
+  color: #0f172a;
+  font-size: 28px;
+  line-height: 1.1;
+}
+
+.worker-orders-overview-note {
+  color: #94a3b8;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.worker-orders-table-card .ant-card-body {
+  display: grid;
+  gap: 18px;
+}
+
+.worker-orders-toolbar {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+
+.worker-orders-search {
+  width: min(520px, 100%);
+}
+
+.worker-orders-status-tabs {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.worker-orders-status-tab {
+  padding: 10px 14px;
+  border-radius: 14px;
+  border: 1px solid #dbe4ee;
+  background: #f8fafc;
+  color: #475569;
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  cursor: pointer;
+  transition:
+    border-color 0.18s ease,
+    background 0.18s ease,
+    color 0.18s ease,
+    transform 0.18s ease;
+}
+
+.worker-orders-status-tab:hover {
+  transform: translateY(-1px);
+  border-color: #90b7cf;
+}
+
+.worker-orders-status-tab strong {
+  font-size: 13px;
+}
+
+.worker-orders-status-tab.is-active {
+  border-color: transparent;
+  background: linear-gradient(135deg, #1b5d73, #237b77);
+  color: #f8fafc;
+  box-shadow: 0 10px 24px rgba(27, 93, 115, 0.24);
+}
+
 .worker-profile-hero {
   overflow: hidden;
   border: 1px solid rgba(25, 94, 125, 0.14);
@@ -1962,6 +2083,19 @@ select {
     grid-template-columns: 1fr;
   }
 
+  .worker-orders-toolbar {
+    align-items: stretch;
+  }
+
+  .worker-orders-search {
+    width: 100%;
+  }
+
+  .worker-orders-status-tab {
+    flex: 1 1 calc(50% - 10px);
+    justify-content: space-between;
+  }
+
   .worker-profile-hero-head {
     flex-direction: column;
   }