From fcc5d3db157d4414acdc9f9ed59339d42ce768b7 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Thu, 26 Feb 2026 17:46:57 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E5=A2=9E=E5=8A=A0=E5=8F=AF?=
 =?UTF-8?q?=E8=A7=81=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#221
---
 src/components/userGacha/gro-overview.vue | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/userGacha/gro-overview.vue b/src/components/userGacha/gro-overview.vue
index 448ccf75..9dbec8b2 100644
--- a/src/components/userGacha/gro-overview.vue
+++ b/src/components/userGacha/gro-overview.vue
@@ -58,20 +58,19 @@ const mixData = computed<Array<TGApp.Sqlite.Gacha.Gacha>>(() =>
   props.modelValue.filter((item) => item.uigfType === "500"),
 );
 </script>
-<style lang="css" scoped>
+<style lang="scss" scoped>
 .gro-o-swiper {
+  --swiper-pagination-bottom: 16px;
+  --swiper-pagination-color: var(--tgc-pink-1);
+  --swiper-pagination-bullet-inactive-color: var(--tgc-od-white);
+  --swiper-pagination-bullet-inactive-opacity: 1;
+
   width: 100%;
   height: 100%;
   column-gap: 8px;
 }
 
-/* swiper dot */
-
 :deep(.swiper-pagination-bullet) {
-  background: var(--tgc-od-white);
-}
-
-:deep(.swiper-pagination-bullet-active) {
-  background-color: var(--tgc-pink-1);
+  box-shadow: 0 0 4px var(--common-shadow-4);
 }
 </style>