feat(worker-platform): 抢单大厅首页新增联系客服胶囊入口并抽象通用客服弹窗组件

1. 抽离打手端通用联系客服弹窗组件 WorkerContactModal，统一维护微信二维码、打手账号/状态/余额回显、一键复制及沟通提示；
2. 抢单大厅移动端顶部状态栏（余额上限右侧首屏黄金位）新增精致微动效【联系客服】胶囊按钮，大幅缩短找客服沟通链路；
3. 抢单大厅桌面端头部操作栏同步补齐【联系客服】按钮，并在个人中心账号弹窗中统一复用 WorkerContactModal；
4. 适配移动端与超窄屏自适应响应式样式，完成前端59项测试与全量打包构建验证。

apps/frontend/src/styles/worker.css

@@ -2308,6 +2308,62 @@ body {
   display: flex;
   align-items: center;
   gap: 8px;
+  flex-shrink: 0;
+}
+
+.worker-hall-mobile-contact-pill {
+  background: #fff7ed;
+  border: 1px solid #fed7aa;
+  border-radius: 999px;
+  padding: 4px 10px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #c2410c;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  cursor: pointer;
+  box-shadow: 0 1px 2px rgba(234, 88, 12, 0.08);
+  white-space: nowrap;
+  flex-shrink: 0;
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  outline: none;
+}
+
+.worker-hall-mobile-contact-pill:hover,
+.worker-hall-mobile-contact-pill:focus-visible {
+  background: #ffedd5;
+  border-color: #fdba74;
+  color: #9a3412;
+}
+
+.worker-hall-mobile-contact-pill:active {
+  transform: scale(0.96);
+  background: #fed7aa;
+}
+
+.worker-hall-mobile-contact-icon {
+  font-size: 13px;
+  color: #ea580c;
+}
+
+@media (max-width: 360px) {
+  .worker-hall-mobile-stat-pill {
+    padding: 4px 8px;
+    gap: 4px;
+    font-size: 11px;
+  }
+
+  .worker-hall-mobile-contact-pill {
+    padding: 4px 8px;
+    font-size: 11px;
+  }
+}
+
+@media (max-width: 330px) {
+  .worker-hall-mobile-contact-pill span {
+    display: none;
+  }
 }
 
 /* 游戏 / 一级分类横向卡片条 */