From 7dc5df6f808902affdc0528e37f84793e931c4ba Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Thu, 29 Jan 2026 11:28:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E6=8E=92=E9=98=9F=E7=8A=B6=E6=80=81=E6=A0=B7=E5=BC=8F=E4=B8=8D?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加非scoped样式块确保badge-queuing和badge-grabbing样式不被tree-shaking移除
---
 frontend/src/components/TaskCard.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/frontend/src/components/TaskCard.vue b/frontend/src/components/TaskCard.vue
index 9818538..172a0d6 100644
--- a/frontend/src/components/TaskCard.vue
+++ b/frontend/src/components/TaskCard.vue
@@ -725,3 +725,22 @@ const getSubTaskDeadline = (subTask: TaskItem) => {
   }
 }
 </style>
+
+<!-- 非scoped样式，确保动态类名不被tree-shaking移除 -->
+<style lang="scss">
+.task-card .badge.badge-queuing {
+  background: rgba(250, 140, 22, 0.1) !important;
+  color: #fa8c16 !important;
+  animation: pulse 2s ease-in-out infinite;
+}
+
+.task-card .badge.badge-grabbing {
+  background: rgba(82, 196, 26, 0.1) !important;
+  color: #52c41a !important;
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.7; }
+}
+</style>