fix(样式): 样式兼容问题处理

src/views/TopList/TopList.vue

@@ -95,40 +95,13 @@
         <!-- 天数 -->
         <div style="width: 10%; position: relative; margin-right: 10px">
           <img :src="images.dayBg" alt="" width="100%" style="display: block" />
-          <div
-            style="
-              position: absolute;
-              inset: 0;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              color: #fff;
-              font-weight: 860;
-            "
-          >
-            {{ Days }}D
-          </div>
+          <div class="time">{{ Days }}D</div>
         </div>
 
         <!-- 当天时间倒计时 -->
         <div style="width: 23.75%; position: relative">
           <img :src="images.timeBg" alt="" width="100%" style="display: block" />
-          <div
-            style="
-              position: absolute;
-              top: 0;
-              bottom: 0;
-              left: 0;
-              right: 0;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              color: #fff;
-              font-weight: 860;
-            "
-          >
-            {{ Hours }} : {{ Minutes }} : {{ Second }}
-          </div>
+          <div class="time">{{ Hours }} : {{ Minutes }} : {{ Second }}</div>
         </div>
       </div>
 
@@ -425,7 +398,9 @@
                       rgba(255, 238, 198, 1)
                     );
                     background-clip: text;
+                    -webkit-background-clip: text;
                     color: transparent;
+                    -webkit-text-fill-color: transparent;
                   "
                 >
                   {{ showTopOne.group }}
@@ -1113,6 +1088,17 @@ onUnmounted(() => {
   position: relative;
 }
 
+.time {
+  font-size: 0.9em;
+  position: absolute;
+  inset: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-weight: 860;
+}
+
 .topUserNickname::-webkit-scrollbar {
   display: none;
 }