diff --git a/src/pages.json b/src/pages.json
index 712a096..f869392 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -91,10 +91,7 @@
       "path": "pages/ranking"
     },
     {
-      "path": "pages/rank-list",
-      "style": {
-        "enablePullDownRefresh": false
-      }
+      "path": "pages/rank-list"
     },
     {
       "path": "pages/team-match"
@@ -123,7 +120,8 @@
     "navigationBarBackgroundColor": "#000000",
     "navigationBarTextStyle": "@navTxtStyle",
     "navigationBarTitleText": "Uni Creator",
-    "navigationStyle": "custom"
+    "navigationStyle": "custom",
+    "enablePullDownRefresh": false
   },
   "subPackages": []
 }
diff --git a/src/pages/be-vip.vue b/src/pages/be-vip.vue
index b4b3412..7729b60 100644
--- a/src/pages/be-vip.vue
+++ b/src/pages/be-vip.vue
@@ -100,7 +100,7 @@ onBeforeUnmount(() => {
         </block>
         <block v-else>
           <text v-if="user.expiredAt">
-            {{ formatTimestamp(user.expiredAt) }}到期
+            {{ formatTimestamp(user.expiredAt) }} 到期
           </text>
         </block>
       </view>
@@ -113,7 +113,7 @@ onBeforeUnmount(() => {
             <view />
             <text>VIP 介绍</text>
           </view>
-          <view>
+          <view :style="{ marginTop: '10rpx' }">
             <rich-text :nodes="richContent" />
             <!-- <text
               >射灵星球VIP服务，为全球弓箭手提供约战、段位评级、实时排位赛、智能教练点评等专属特权。会员可在酷帅的真实射箭运动中，同步享受在线竞技的乐趣，还能找到志同道合的伙伴，并获得新鲜的功能体验和持续升级的系统。
@@ -209,6 +209,7 @@ onBeforeUnmount(() => {
   width: 100%;
   display: flex;
   align-items: center;
+  color: #000;
 }
 .title-bar > view:first-child {
   width: 5px;
diff --git a/src/pages/friend-battle.vue b/src/pages/friend-battle.vue
index 463d7d0..7244985 100644
--- a/src/pages/friend-battle.vue
+++ b/src/pages/friend-battle.vue
@@ -186,6 +186,7 @@ onShow(async () => {
   text-align: center;
   font-size: 14px;
   height: 40px;
+  color: #fff;
 }
 .founded-room > view > view {
   background-color: #fed847;
diff --git a/src/pages/point-book-detail.vue b/src/pages/point-book-detail.vue
index 1850755..6dfecc3 100644
--- a/src/pages/point-book-detail.vue
+++ b/src/pages/point-book-detail.vue
@@ -144,57 +144,61 @@ onLoad(async (options) => {
           />
         </button>
       </view>
-      <BowTargetEdit
-        :id="targetId"
-        :src="targetSrc"
-        :arrows="arrows.filter((item) => item.x && item.y)"
-        :editMode="false"
-      />
-      <view class="title-bar">
-        <view />
-        <text>环值分布</text>
+      <view :style="{ transform: 'translateY(-45rpx)' }">
+        <BowTargetEdit
+          :id="targetId"
+          :src="targetSrc"
+          :arrows="arrows.filter((item) => item.x && item.y)"
+          :editMode="false"
+        />
       </view>
-      <view :style="{ padding: '0 30rpx' }">
-        <RingBarChart :data="ringRates" />
-      </view>
-      <view class="title-bar" :style="{ marginTop: '30rpx' }">
-        <view />
-        <text>{{
-          selectedIndex === 0 ? "每组环数" : `第${selectedIndex}组环数`
-        }}</text>
-      </view>
-      <view class="ring-text-groups">
-        <view v-for="(item, index) in groups" :key="index">
-          <text v-if="selectedIndex === 0 && index !== 0">{{
-            `第${index}组`
+      <view :style="{ transform: 'translateY(-90rpx)' }">
+        <view class="title-bar">
+          <view />
+          <text>环值分布</text>
+        </view>
+        <view :style="{ padding: '0 30rpx' }">
+          <RingBarChart :data="ringRates" />
+        </view>
+        <view class="title-bar" :style="{ marginTop: '30rpx' }">
+          <view />
+          <text>{{
+            selectedIndex === 0 ? "每组环数" : `第${selectedIndex}组环数`
           }}</text>
-          <view
-            v-if="
-              (selectedIndex === 0 && index !== 0) ||
-              (selectedIndex !== 0 && index === selectedIndex)
-            "
-          >
-            <text
-              v-for="(arrow, index2) in item.list"
-              :key="index2"
-              :style="{
-                color:
-                  arrow.ring === 0 || arrow.ring === 10 ? '#FFA118' : '#666',
-              }"
+        </view>
+        <view class="ring-text-groups">
+          <view v-for="(item, index) in groups" :key="index">
+            <text v-if="selectedIndex === 0 && index !== 0">{{
+              `第${index}组`
+            }}</text>
+            <view
+              v-if="
+                (selectedIndex === 0 && index !== 0) ||
+                (selectedIndex !== 0 && index === selectedIndex)
+              "
             >
-              {{
-                arrow.ring === 0
-                  ? "X"
-                  : arrow.ring === -1
-                  ? "M"
-                  : arrow.ring + "环"
-              }}
-            </text>
+              <text
+                v-for="(arrow, index2) in item.list"
+                :key="index2"
+                :style="{
+                  color:
+                    arrow.ring === 0 || arrow.ring === 10 ? '#FFA118' : '#666',
+                }"
+              >
+                {{
+                  arrow.ring === 0
+                    ? "X"
+                    : arrow.ring === -1
+                    ? "M"
+                    : arrow.ring + "环"
+                }}
+              </text>
+            </view>
           </view>
         </view>
-      </view>
-      <view :style="{ marginBottom: '40rpx' }">
-        <SButton :onClick="goBack" :rounded="50">关闭</SButton>
+        <view :style="{ marginBottom: '40rpx' }">
+          <SButton :onClick="goBack" :rounded="50">关闭</SButton>
+        </view>
       </view>
       <ScreenHint2 :show="showTip || showTip2" :onClose="closeTip">
         <view class="tip-content">
@@ -236,7 +240,7 @@ onLoad(async (options) => {
   border-radius: 10px;
   background-color: #fff;
   width: 24vw;
-  height: 90rpx;
+  height: 80rpx;
   text-align: center;
   margin: 5px;
   margin-top: 0;
@@ -245,7 +249,7 @@ onLoad(async (options) => {
   position: relative;
 }
 .tab-bar > view > text {
-  line-height: 90rpx;
+  line-height: 80rpx;
   transition: all 0.2s ease;
 }
 .tab-bar > view > image {
@@ -259,18 +263,18 @@ onLoad(async (options) => {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 3vw;
-  margin: 10px 15px;
+  margin: 10rpx 30rpx;
 }
 .detail-data > view {
   border-radius: 10px;
   background-color: #fff;
   margin-bottom: 20rpx;
-  padding: 18rpx 24rpx;
+  padding: 15rpx 24rpx;
 }
 .detail-data > view > view {
   font-size: 13px;
   color: #999;
-  margin-bottom: 12rpx;
+  margin-bottom: 6rpx;
 }
 .detail-data > view > view > text {
   word-break: keep-all;
@@ -290,6 +294,8 @@ onLoad(async (options) => {
   align-items: center;
   font-size: 13px;
   color: #999;
+  position: relative;
+  z-index: 10;
 }
 .title-bar > view:first-child {
   width: 8rpx;
@@ -307,6 +313,7 @@ onLoad(async (options) => {
   padding: 25px;
   display: flex;
   flex-direction: column;
+  color: #000;
 }
 .tip-content > text {
   width: 100%;
@@ -345,7 +352,7 @@ onLoad(async (options) => {
   margin-left: 20rpx;
 }
 .ring-text-groups > view > view > text {
-  width: 60rpx;
+  width: 1fr;
   text-align: center;
   margin-bottom: 10rpx;
 }
diff --git a/src/pages/point-book-edit.vue b/src/pages/point-book-edit.vue
index f3f11d3..c985ba6 100644
--- a/src/pages/point-book-edit.vue
+++ b/src/pages/point-book-edit.vue
@@ -218,6 +218,7 @@ onMounted(() => {
   padding: 25px;
   display: flex;
   flex-direction: column;
+  color: #000;
 }
 .tip-content > text {
   width: 100%;
@@ -237,6 +238,7 @@ onMounted(() => {
   border: 1px solid #eeeeee;
   padding: 12px 0;
   font-size: 14px;
+  color: #000;
 }
 .tip-content > view > button:last-child {
   background: #fed847;
diff --git a/src/pages/point-book.vue b/src/pages/point-book.vue
index aa5200e..7b12487 100644
--- a/src/pages/point-book.vue
+++ b/src/pages/point-book.vue
@@ -273,7 +273,7 @@ onShareTimeline(() => {
           </button>
         </view>
       </view>
-      <view class="title">
+      <view class="title" :style="{ marginBottom: 0 }">
         <image src="../static/point-book-title1.png" mode="widthFix" />
       </view>
       <view class="heat-map">
@@ -441,9 +441,10 @@ onShareTimeline(() => {
 }
 .heat-map {
   position: relative;
-  margin: 10rpx;
+  margin: 0 auto;
   width: calc(100vw - 70rpx);
   height: calc(100vw - 70rpx);
+  transform: scale(0.9);
 }
 .heat-map > image {
   width: 100%;
@@ -467,7 +468,7 @@ onShareTimeline(() => {
   width: 100%;
   display: flex;
   justify-content: flex-end;
-  margin-top: -100rpx;
+  margin-top: -120rpx;
   position: relative;
   z-index: 10;
 }