diff --git a/honey_box/components/priv-pop/priv-pop.vue b/honey_box/components/priv-pop/priv-pop.vue
index 5cf07064..5b43a5f4 100644
--- a/honey_box/components/priv-pop/priv-pop.vue
+++ b/honey_box/components/priv-pop/priv-pop.vue
@@ -76,12 +76,12 @@ export default {
   }
 
   ._priv_pop_bd_content {
-    color: #aaa;
+    color: #666;
     font-size: 26rpx;
     line-height: 1.7;
 
     text {
-      color: #d0d1ff;
+      color: #03D8F4;
     }
   }
 
@@ -97,11 +97,11 @@ export default {
       justify-content: center;
       align-items: center;
       position: relative;
-      background: #D8FD24;
+      background: #03D8F4;
       border-radius: 40rpx;
       filter: grayscale(1);
       font-size: 30rpx;
-      color: #fff;
+      color: #404040;
 
       .hide {
         position: absolute;
@@ -118,7 +118,7 @@ export default {
         z-index: 1;
         border: 0;
         filter: grayscale(0);
-        color: #000;
+        color: #404040;
       }
     }
   }
diff --git a/honey_box/pages/infinite/daily_check_in.vue b/honey_box/pages/infinite/daily_check_in.vue
index 92867338..af6dabe6 100644
--- a/honey_box/pages/infinite/daily_check_in.vue
+++ b/honey_box/pages/infinite/daily_check_in.vue
@@ -22,7 +22,7 @@
 						v-for="(item, index) in checkinData.TotalCheckinList" :key="index"
 						@tap="showTips(item, $event, index)">
 						<image :src="item.icon"
-							style="width: 71.7rpx; height: 72rpx; position: absolute;" mode=""></image>
+							style="width: 71.7rpx; height: 72rpx; position: absolute;" mode="aspectFit"></image>
 
 						<image v-if="item.isClaim" :src="$img('/static/checkin/Claimed.png')"
 							style="width: 71.7rpx; height: 72rpx; position: absolute;" mode=""></image>
@@ -44,7 +44,7 @@
 				<scroll-view scroll-y="true" style="width: 632rpx; height: 600rpx;">
 					<view class="grid-container">
 						<view class="grid-item" v-for="(item, index) in checkinData.CheckinList" :key="index" style="">
-							<image :src="item.icon">
+							<image :src="item.icon" mode="aspectFit">
 							</image>
 							<!-- <image v-if="!item.isClaim" style="z-index: 10;"
 								:src="$img('/static/checkin/Expired.png')" mode=""></image> -->
@@ -251,13 +251,26 @@ export default {
 	animation: scaleIn 0.5s ease-out;
 	animation-fill-mode: both;
 	transition: transform 0.3s ease, box-shadow 0.3s ease;
+	background-color: #F5F5F5;
+	border-radius: 8rpx;
 	
 	&:active {
 		transform: scale(0.95);
 		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
 	}
 
-	>image {
+	>image:first-child {
+		width: 60rpx;
+		height: 60rpx;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		margin-top: -10rpx;
+		transition: all 0.3s ease;
+	}
+	
+	>image:not(:first-child) {
 		width: 100%;
 		height: 100%;
 		position: absolute;