diff --git a/src/views/task/task-approval/TaskApproval.vue b/src/views/task/task-approval/TaskApproval.vue
index c41d446..8defe5c 100644
--- a/src/views/task/task-approval/TaskApproval.vue
+++ b/src/views/task/task-approval/TaskApproval.vue
@@ -200,47 +200,51 @@ const handleReject = (taskId: string) => {
 
 /* 待审批状态样式 */
 .status-item.pending {
-  border-top-color: #f59e0b;
-  background-color: rgba(245, 158, 11, 0.1); /* 浅橙色背景 */
+  background-color: #f59e0b;
+  background-image: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
 }
 .status-item.pending .count {
-  color: #f59e0b;
+  color: #fff;
 }
 
 /* 已通过状态样式 */
 .status-item.approved {
-  border-top-color: #10b981;
-  background-color: rgba(16, 185, 129, 0.1); /* 浅绿色背景 */
+  background-color: #10b981;
+  background-image: linear-gradient(135deg, #10b981 0%, #059669 100%);
 }
 .status-item.approved .count {
-  color: #10b981;
+  color: #fff;
 }
 
 /* 已拒绝状态样式 */
 .status-item.rejected {
-  border-top-color: #ef4444;
-  background-color: rgba(239, 68, 68, 0.1); /* 浅红色背景 */
+  background-color: #ef4444;
+  background-image: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
 }
 .status-item.rejected .count {
-  color: #ef4444;
+  color: #fff;
 }
 
 /* 状态文字样式 */
 .status-text {
-  font-size: 14px;
-  color: #333;
+  font-size: 16px;
+  font-weight: 500;
+  color: #fff;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 /* 数字样式 */
 .count {
-  font-size: 20px;
-  font-weight: bold;
+  font-size: 28px;
+  font-weight: 700;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
+  letter-spacing: 0.5px;
 }
 
 /* 激活态样式（可选，点击后高亮） */
 .status-item.active {
   transform: scale(1.02);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 
 .content {