修改下一节弹框样式

src/components/popup/PlayPrompt.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-if="visible" class="play-prompt-overlay">
     <div class="play-prompt-container">
-      <button class="close-button" @click="handleClose">×</button>
+      <button class="close-button" @click="handleClose">× 取消</button>
       <h3 class="prompt-title">即将跳转下一节</h3>
       <div class="countdown-container">
         <div class="countdown-circle">
@@ -120,11 +120,13 @@ onUnmounted(() => {
 }
 
 .close-button {
-  width: rpx(10);
-  height: rpx(10);
+  width: rpx(35);
+  height: rpx(20);
+  // border: 1px solid #333;
   border: none;
-  background: none;
-  font-size: rpx(10);
+  color: white;
+  background: linear-gradient(135deg, #9370db, #b19cd9);
+  font-size: rpx(8);
   font-weight: bold;
   display: flex;
   align-items: center;
@@ -135,6 +137,8 @@ onUnmounted(() => {
   box-shadow: none;
   padding: 0;
   margin: 0;
+  border-radius: rpx(8);
+  gap: rpx(5);
 }
 
 .prompt-title {