chore(cp活动): 弹幕样式调整

src/views/Ranking/Couple/components/Barrage.vue

@@ -22,9 +22,18 @@
           align-items: center;
           gap: 2vw;
 
-          border-radius: 100px;
-          border: 1px solid #ffffff80;
-          background: rgba(240, 240, 240, 0.3);
+          border-radius: 999px;
+          border: 2px solid transparent;
+          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;
           box-shadow:
             -42px 103px 31px 0 rgba(145, 145, 145, 0),
             -27px 66px 29px 0 rgba(145, 145, 145, 0.01),

src/views/Ranking/Couple/index.vue

@@ -32,7 +32,7 @@
       <div style="position: relative; z-index: 2; margin-top: 150vw">
         <!-- 弹幕 -->
         <Barrage
-          style="display: block; width: 100vw; height: 30vw"
+          style="display: block; width: 100vw; height: 32vw"
           :barrageList="barrageList"
         ></Barrage>