优化打手订单与界面

apps/frontend/src/styles/worker.css

@@ -13,26 +13,25 @@
 }
 
 .worker-page-head {
-  display: grid;
-  grid-template-areas:
-    'main'
-    'search';
-  grid-template-columns: minmax(0, 1fr);
+  display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: 12px 16px;
+  flex-wrap: wrap;
 }
 
-.worker-page-head h3 {
-  margin: 0;
+.worker-page-head h3,
+.worker-page-head > .ant-typography {
+  margin: 0 !important;
   flex: 0 0 auto;
   white-space: nowrap;
 }
 
 .worker-page-head-title-row {
-  grid-area: main;
   display: flex;
   align-items: center;
   justify-content: space-between;
+  width: 100%;
   min-width: 0;
   gap: 16px;
 }
@@ -223,6 +222,7 @@
   cursor: pointer;
   transition: all 0.2s ease;
   font-size: 12px;
+  font-weight: 500;
   color: #24292f;
 }
 
@@ -232,11 +232,96 @@
   color: #0958d9;
 }
 
+/* 绿色主题：已安排 / 已就绪 / 完成 / 正常 */
+.worker-note-badge.theme-success {
+  background: #f6ffed;
+  border-color: #b7eb8f;
+  color: #237804;
+}
+
+.worker-note-badge.theme-success .worker-note-edit-icon {
+  color: #52c41a;
+}
+
+.worker-note-badge.theme-success:hover {
+  background: #d9f7be;
+  border-color: #73d13d;
+  color: #135200;
+}
+
+/* 蓝色主题：打单中 / 处理中 / 进行中 / 上号中 */
+.worker-note-badge.theme-processing {
+  background: #e6f4ff;
+  border-color: #91caff;
+  color: #0958d9;
+}
+
+.worker-note-badge.theme-processing .worker-note-edit-icon {
+  color: #1677ff;
+}
+
+.worker-note-badge.theme-processing:hover {
+  background: #bae0ff;
+  border-color: #69b1ff;
+  color: #003eb3;
+}
+
+/* 红色主题：账号问题 / 密码错误 / 异常 / 封号 */
+.worker-note-badge.theme-danger {
+  background: #fff1f0;
+  border-color: #ffccc7;
+  color: #cf1322;
+}
+
+.worker-note-badge.theme-danger .worker-note-edit-icon {
+  color: #ff4d4f;
+}
+
+.worker-note-badge.theme-danger:hover {
+  background: #ffccc7;
+  border-color: #ff7875;
+  color: #a8071a;
+}
+
+/* 紫色主题：排队中 / 等待中 / 等买家扫码 */
+.worker-note-badge.theme-purple {
+  background: #f9f0ff;
+  border-color: #d3adf7;
+  color: #531dab;
+}
+
+.worker-note-badge.theme-purple .worker-note-edit-icon {
+  color: #722ed1;
+}
+
+.worker-note-badge.theme-purple:hover {
+  background: #efdbff;
+  border-color: #b37feb;
+  color: #391085;
+}
+
+/* 橙色主题：未安排 / 暂缓做单 / 暂停 / 待定 */
+.worker-note-badge.theme-warning {
+  background: #fff7e6;
+  border-color: #ffd591;
+  color: #d46b08;
+}
+
+.worker-note-badge.theme-warning .worker-note-edit-icon {
+  color: #fa8c16;
+}
+
+.worker-note-badge.theme-warning:hover {
+  background: #ffe7ba;
+  border-color: #ffc069;
+  color: #ad4e00;
+}
+
 .worker-note-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  max-width: 110px;
+  max-width: 120px;
 }
 
 .worker-note-edit-icon {
@@ -246,7 +331,7 @@
 }
 
 .worker-note-badge:hover .worker-note-edit-icon {
-  color: #0958d9;
+  opacity: 0.85;
 }
 
 .worker-note-add-btn {
@@ -264,15 +349,49 @@
 .worker-note-preset-tag {
   cursor: pointer;
   user-select: none;
-  padding: 2px 10px;
-  border-radius: 4px;
+  padding: 4px 12px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  border: 1px solid #d0d7de;
+  background: #f6f8fa;
+  color: #24292f;
   transition: all 0.2s ease;
 }
 
-.worker-note-preset-tag:hover {
-  border-color: #1677ff;
-  color: #1677ff;
+.worker-note-preset-tag.theme-success {
+  background: #f6ffed;
+  border-color: #b7eb8f;
+  color: #237804;
+}
+
+.worker-note-preset-tag.theme-processing {
   background: #e6f4ff;
+  border-color: #91caff;
+  color: #0958d9;
+}
+
+.worker-note-preset-tag.theme-danger {
+  background: #fff1f0;
+  border-color: #ffccc7;
+  color: #cf1322;
+}
+
+.worker-note-preset-tag.theme-purple {
+  background: #f9f0ff;
+  border-color: #d3adf7;
+  color: #531dab;
+}
+
+.worker-note-preset-tag.theme-warning {
+  background: #fff7e6;
+  border-color: #ffd591;
+  color: #d46b08;
+}
+
+.worker-note-preset-tag:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
 }
 
 /* 接单平台顶部统计条 (PC) */