From 66dac83e8cdfc4f67afd7213ca41187aa9cf52b0 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 16 Jan 2026 10:27:37 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=89=80=E6=9C=89?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=88=86=E9=A1=B5=E6=8C=89=E9=92=AE=E6=95=B0?=
 =?UTF-8?q?=E5=AD=97=E5=9C=A8=E9=BB=91=E8=89=B2=E8=83=8C=E6=99=AF=E4=B8=8B?=
 =?UTF-8?q?=E4=B8=8D=E5=8F=AF=E8=A7=81=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/styles/index.scss  |  4 +-
 frontend/src/views/TaskHall.vue | 69 +++++++++++++++++++++++++++++++++
 2 files changed, 71 insertions(+), 2 deletions(-)

diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index 7932b62..b2c5af5 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -1059,7 +1059,7 @@ a.ant-btn-primary {
 
 // ===== 全局 Ant Design 分页样式统一 =====
 // 统一所有页面的分页组件样式（深色主题）
-:deep(.ant-pagination) {
+.ant-pagination {
   .ant-pagination-item {
     background: $bg-tertiary !important;
     border-color: $border-primary !important;
@@ -1166,7 +1166,7 @@ a.ant-btn-primary {
 }
 
 // 表格分页容器
-:deep(.ant-table-pagination) {
+.ant-table-pagination {
   .ant-pagination {
     .ant-pagination-item {
       background: $bg-tertiary !important;
diff --git a/frontend/src/views/TaskHall.vue b/frontend/src/views/TaskHall.vue
index 230608c..9f00468 100644
--- a/frontend/src/views/TaskHall.vue
+++ b/frontend/src/views/TaskHall.vue
@@ -6809,6 +6809,75 @@ onUnmounted(() => {
   display: flex;
   justify-content: center;
   margin-top: $space-xl;
+  
+  // 分页组件深度样式覆盖
+  :deep(.ant-pagination) {
+    .ant-pagination-item {
+      background: rgba(255, 255, 255, 0.06);
+      border-color: rgba(255, 255, 255, 0.15);
+      
+      a {
+        color: $text-secondary;
+      }
+      
+      &:hover {
+        border-color: $brand-primary;
+        
+        a {
+          color: $brand-primary;
+        }
+      }
+      
+      &.ant-pagination-item-active {
+        background: $brand-primary;
+        border-color: $brand-primary;
+        
+        a {
+          color: #000;
+        }
+      }
+    }
+    
+    .ant-pagination-prev,
+    .ant-pagination-next {
+      .ant-pagination-item-link {
+        background: rgba(255, 255, 255, 0.06);
+        border-color: rgba(255, 255, 255, 0.15);
+        color: $text-secondary;
+      }
+      
+      &:hover .ant-pagination-item-link {
+        border-color: $brand-primary;
+        color: $brand-primary;
+      }
+      
+      &.ant-pagination-disabled .ant-pagination-item-link {
+        color: $text-tertiary;
+        border-color: rgba(255, 255, 255, 0.1);
+      }
+    }
+    
+    .ant-pagination-jump-prev,
+    .ant-pagination-jump-next {
+      .ant-pagination-item-container {
+        .ant-pagination-item-ellipsis {
+          color: $text-tertiary;
+        }
+        
+        .ant-pagination-item-link-icon {
+          color: $brand-primary;
+        }
+      }
+    }
+    
+    .ant-pagination-options {
+      .ant-select-selector {
+        background: rgba(255, 255, 255, 0.06);
+        border-color: rgba(255, 255, 255, 0.15);
+        color: $text-secondary;
+      }
+    }
+  }
 }
 
 // 任务进度条