style(PointsPage): 优化页面布局和z-index层级

调整页面容器高度和溢出设置，修复头部气泡和内容区域的层级问题
修改中间瓶子的上边距，简化内容区域的flex布局

 <template>
-    <div class="points-page h-screen bg-cover bg-center bg-no-repeat relative overflow-hidden flex flex-col">
+    <div class="points-page min-h-screen bg-cover bg-center bg-no-repeat relative overflow-x-hidden flex flex-col">
         <!-- Starry Background Effect -->
         <StarryBackground />
 
         <!-- 头部积分球区域 -->
-        <div class="header-bubbles relative h-48 w-full pt-6 flex-shrink-0">
+        <div class="header-bubbles relative h-48 w-full pt-6 flex-shrink-0 z-10">
             <!-- 球体 1 -->
             <div class="bubble absolute left-10 top-12 animate-float-slow">
                 <div class="bubble-bg w-12 h-12 bg-contain bg-center bg-no-repeat flex flex-col items-center justify-center" :style="{ backgroundImage: `url(${ppImg})` }">
@@ -71,12 +71,12 @@
         </div>
 
         <!-- 中间瓶子 -->
-        <div class="bottle-section flex justify-center -mt-20 relative z-10 flex-shrink-0" style="margin-top: -8rem;">
+        <div class="bottle-section flex justify-center -mt-20 relative z-10 flex-shrink-0" style="margin-top: -5rem;">
             <img :src="pzImg" class="w-48 h-auto object-contain drop-shadow-[0_0_15px_rgba(255,255,255,0.3)]" alt="bottle" />
         </div>
 
         <!-- 内容区域 -->
-        <div class="flex flex-col justify-between px-4 pb-24 overflow-hidden">
+        <div class="flex flex-col px-4 pb-24 z-10">
             <!-- 积分卡片 -->
             <div class="mb-2 bg-white/10 backdrop-blur-md rounded-2xl p-4 text-center border border-white/20 shadow-lg flex-shrink-0">
                 <p class="text-white text-sm mb-1 opacity-90">您成功收集到</p>
@@ -88,10 +88,10 @@
             </div>
 
             <!-- 如何收获星球币卡片 -->
-            <div class="bg-white/10 backdrop-blur-md rounded-2xl p-4 border border-white/20 shadow-lg flex flex-col justify-center flex-1 min-h-0">
+            <div class="bg-white/10 backdrop-blur-md rounded-2xl p-4 border border-white/20 shadow-lg flex flex-col justify-center mt-3">
                 <h3 class="text-white text-[22px] font-bold mb-4 text-center shadow-text">如何收获星球币?</h3>
 
-                <div class="space-y-4 flex-1 flex flex-col justify-center">
+                <div class="space-y-4 flex flex-col justify-center">
                     <div v-for="(item, index) in harvestMethods" :key="index" class="flex items-center space-x-3 pl-4">
                         <img :src="item.icon" class="w-4 h-4 object-contain" :alt="item.text" />
                         <span class="text-white text-[15px] font-medium tracking-wide">{{ item.text }}</span>