From 0a9ed4ee3cd07b339c83ff2a4db63a71eb1cd0da Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 7 May 2026 19:42:40 +0800
Subject: [PATCH] =?UTF-8?q?chore(cp=E6=B4=BB=E5=8A=A8):=20=E6=9B=B4?=
 =?UTF-8?q?=E6=94=B9=E8=83=8C=E6=99=AF=E5=9B=BE1=EF=BC=8C=E5=B9=B6?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=BC=B9=E5=B9=95=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Ranking/Couple/components/Barrage.vue     | 14 ++---
 src/views/Ranking/Couple/index.vue            | 54 +++++++++++++++----
 2 files changed, 49 insertions(+), 19 deletions(-)

diff --git a/src/views/Ranking/Couple/components/Barrage.vue b/src/views/Ranking/Couple/components/Barrage.vue
index 646b3e3..b70ef66 100644
--- a/src/views/Ranking/Couple/components/Barrage.vue
+++ b/src/views/Ranking/Couple/components/Barrage.vue
@@ -23,17 +23,11 @@
           gap: 2vw;
 
           border-radius: 999px;
-          border: 2px solid transparent;
+          border: 2px solid #fff;
           box-sizing: border-box;
-          background:
-            linear-gradient(180deg, #7c7c82 0%, #6c6c72 100%) padding-box,
-            linear-gradient(
-                180deg,
-                rgba(255, 255, 255, 0.9) 0%,
-                rgba(255, 255, 255, 0.7) 35%,
-                rgba(255, 255, 255, 0.35) 100%
-              )
-              border-box;
+          background: rgba(255, 255, 255, 0.28);
+          backdrop-filter: blur(8px);
+          -webkit-backdrop-filter: blur(8px);
         "
         :style="getBarrageStyle(item)"
         @animationend="handleAnimationEnd(item.id)"
diff --git a/src/views/Ranking/Couple/index.vue b/src/views/Ranking/Couple/index.vue
index a326207..4c1a1aa 100644
--- a/src/views/Ranking/Couple/index.vue
+++ b/src/views/Ranking/Couple/index.vue
@@ -22,7 +22,7 @@
       <BackgroundLayer
         :useCanvas="true"
         :backgroundImages="[
-          imageUrl('TaurusBg1'),
+          imageUrl('TaurusBg1New'),
           imageUrl('TaurusBg2'),
           imageUrl('TaurusBg3'),
           imageUrl('TaurusBg4'),
@@ -444,7 +444,7 @@
                   :flip="true"
                   :contentStyle="`justify-content: space-between;`"
                 >
-                    <div class="cpl-x2">
+                  <div class="cpl-x2">
                     <img
                       :src="couple?.cpUserProfile.userAvatar || ''"
                       alt=""
@@ -1498,12 +1498,48 @@ const twelveSigns = ref([
     endYearOffset: 0,
     bgUrl: imageUrl('TaurusCoupleFrame'),
   }, // 金牛座
-  { name: 'Gemini', startMonthDay: '5.21', endMonthDay: '6.21', endYearOffset: 0, bgUrl: imageUrl('') }, // 双子座
-  { name: 'Cancer', startMonthDay: '6.22', endMonthDay: '7.22', endYearOffset: 0, bgUrl: imageUrl('') }, // 巨蟹座
-  { name: 'Leo', startMonthDay: '7.23', endMonthDay: '8.22', endYearOffset: 0, bgUrl: imageUrl('') }, // 狮子座
-  { name: 'Virgo', startMonthDay: '8.23', endMonthDay: '9.22', endYearOffset: 0, bgUrl: imageUrl('') }, // 处女座
-  { name: 'Libra', startMonthDay: '9.23', endMonthDay: '10.22', endYearOffset: 0, bgUrl: imageUrl('') }, // 天秤座
-  { name: 'Scorpio', startMonthDay: '10.23', endMonthDay: '11.21', endYearOffset: 0, bgUrl: imageUrl('') }, // 天蝎座
+  {
+    name: 'Gemini',
+    startMonthDay: '5.21',
+    endMonthDay: '6.21',
+    endYearOffset: 0,
+    bgUrl: imageUrl(''),
+  }, // 双子座
+  {
+    name: 'Cancer',
+    startMonthDay: '6.22',
+    endMonthDay: '7.22',
+    endYearOffset: 0,
+    bgUrl: imageUrl(''),
+  }, // 巨蟹座
+  {
+    name: 'Leo',
+    startMonthDay: '7.23',
+    endMonthDay: '8.22',
+    endYearOffset: 0,
+    bgUrl: imageUrl(''),
+  }, // 狮子座
+  {
+    name: 'Virgo',
+    startMonthDay: '8.23',
+    endMonthDay: '9.22',
+    endYearOffset: 0,
+    bgUrl: imageUrl(''),
+  }, // 处女座
+  {
+    name: 'Libra',
+    startMonthDay: '9.23',
+    endMonthDay: '10.22',
+    endYearOffset: 0,
+    bgUrl: imageUrl(''),
+  }, // 天秤座
+  {
+    name: 'Scorpio',
+    startMonthDay: '10.23',
+    endMonthDay: '11.21',
+    endYearOffset: 0,
+    bgUrl: imageUrl(''),
+  }, // 天蝎座
   {
     name: 'Sagittarius',
     startMonthDay: '11.22',
@@ -1991,7 +2027,7 @@ const initData = async () => {
 const preloadCriticalImages = async () => {
   const criticalImages = [
     // 背景
-    imageUrl('TaurusBg1'),
+    imageUrl('TaurusBg1New'),
     imageUrl('TaurusBg2'),
     imageUrl('TaurusBg3'),
     imageUrl('TaurusBg4'),