From da9f3af6685b54d9a1fe14e39bf280e4472e0d87 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Fri, 20 Mar 2026 11:14:38 +0800
Subject: [PATCH] =?UTF-8?q?style(CP=E5=BC=B9=E5=B9=95=E7=BB=84=E4=BB=B6):?=
 =?UTF-8?q?=20=E6=A0=B7=E5=BC=8F=E5=9B=9E=E6=BB=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Ranking/Couple/components/Barrage.vue     | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/views/Ranking/Couple/components/Barrage.vue b/src/views/Ranking/Couple/components/Barrage.vue
index df16d9d..cafda6b 100644
--- a/src/views/Ranking/Couple/components/Barrage.vue
+++ b/src/views/Ranking/Couple/components/Barrage.vue
@@ -83,7 +83,21 @@
           />
         </div>
 
-        <div style="white-space: nowrap; font-weight: 700; color: #ff69ad">
+        <div
+          style="
+            white-space: nowrap;
+            font-weight: 700;
+            background-clip: text;
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-image: linear-gradient(
+              180deg,
+              #fff9a9 26.92%,
+              #ed7d0a 52.08%,
+              #fffab5 73.08%
+            );
+          "
+        >
           {{ item.content }}
         </div>
       </div>
@@ -136,9 +150,9 @@ const getBarrageStyle = (item) => {
     animationDelay: `${item.delay}s`,
     '--start-pos': `${item.startPos}px`,
     borderRadius: '200px',
-    background:
-      'radial-gradient(44.73% 89.31% at 30.77% 68.52%, rgba(149, 255, 250, 0.70) 0%, rgba(149, 255, 250, 0.00) 100%), radial-gradient(57.68% 103.36% at 65.38% 100%, #8EB2FF 0%, rgba(142, 178, 255, 0.00) 100%), radial-gradient(390.09% 113.35% at 100% 0%, #CFAFFF 0%, rgba(207, 175, 255, 0.00) 100%), radial-gradient(189.62% 90.06% at 5.38% 7.41%, #FFCCC1 0%, rgba(255, 204, 193, 0.00) 100%), #FFF',
-    border: '1px solid rgba(0, 0, 0, 0.05)',
+    background: 'linear-gradient(180deg, #FFACBB 0%, rgba(255, 172, 187, 0.00) 58.38%), #FF4768',
+    boxShadow:
+      '0 1px 4.5px 0 rgba(0, 0, 0, 0.10), -1px 0 5px 0 rgba(255, 255, 255, 0.70) inset, -3.5px 0 7.5px 0 rgba(255, 255, 255, 0.20) inset, 1px 0 5px 0 rgba(255, 255, 255, 0.70) inset, 3.5px 0 7.5px 0 rgba(255, 255, 255, 0.20) inset',
     // RTL布局支持
     ...(isRTL
       ? {