From 139fd0bcc3a07a74e8cca768f443fc1d8b65e8f3 Mon Sep 17 00:00:00 2001
From: Alirea <2981883527@qq.com>
Date: Tue, 16 Sep 2025 18:37:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=A9=E6=B4=BB=E5=8A=A8=E5=89=A9?=
 =?UTF-8?q?=E4=BD=99=E6=97=B6=E9=97=B4=E8=BF=87=E5=B0=91=E6=97=B6=E7=9A=84?=
 =?UTF-8?q?=E5=80=92=E8=AE=A1=E6=97=B6=E6=9B=B4=E5=8A=A0=E7=82=AB=E9=85=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Home.vue | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 2cfb571..5e1b587 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -67,17 +67,13 @@
               @finish="onCountdownFinish"
             />
 
-            <!-- 剩余时间小于两天时显示红色倒计时 -->
+            <!-- 剩余时间小于两天时显示炫彩倒计时 -->
             <a-statistic-countdown
               v-else-if="getActivityTimeStatus(currentActivity.UtcExpireTime) === 'warning'"
               title="当期活动剩余时间"
               :value="getCountdownValue(currentActivity.UtcExpireTime)"
               format="活动时间仅剩 D 天 H 时 m 分 ss 秒 SSS 毫秒，请尽快完成喵~"
-              :value-style="{
-                color: '#ff4d4f',
-                fontWeight: 'bold',
-                fontSize: '18px',
-              }"
+              class="rainbow-text"
               @finish="onCountdownFinish"
             />
 
@@ -731,6 +727,26 @@ onMounted(() => {
   gap: 16px;
 }
 
+.rainbow-text {
+  font-weight: bold;
+  font-size: 18px;
+  background: linear-gradient(270deg, #ff4d4f, #fffa00, #00ffea, #ff4d4f, #ff4d4f);
+  background-size: 400% 400%;
+  color: transparent;
+  background-clip: text;
+  -webkit-background-clip: text;
+  animation: rainbow-move 4s linear infinite;
+}
+
+@keyframes rainbow-move {
+  0% {
+    background-position: 0% 50%;
+  }
+  100% {
+    background-position: 100% 50%;
+  }
+}
+
 /* 响应式设计 */
 @media (max-width: 1500px) {
   .activity-list,