diff --git a/src/App.vue b/src/App.vue
index 79793a3..37d5c66 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -189,7 +189,7 @@ button::after {
   align-items: center;
   justify-content: space-between;
   padding: 0 15px;
-  padding-top: 10px;
+  padding-top: 7px;
   position: relative;
 }
 .half-time-tip {
diff --git a/src/components/BowTarget.vue b/src/components/BowTarget.vue
index 16a2340..34cca2f 100644
--- a/src/components/BowTarget.vue
+++ b/src/components/BowTarget.vue
@@ -199,7 +199,7 @@ const simulShoot2 = async () => {
 <style scoped>
 .container {
   width: calc(100% - 30px);
-  padding: 5px 15px;
+  padding: 0px 15px;
   position: relative;
 }
 .target {
diff --git a/src/components/BubbleTip.vue b/src/components/BubbleTip.vue
index b263ddb..4ecc30f 100644
--- a/src/components/BubbleTip.vue
+++ b/src/components/BubbleTip.vue
@@ -43,6 +43,7 @@ const props = defineProps({
   padding-left: 20rpx;
   top: 0;
   left: 15%;
+  z-index: 1;
 }
 .long {
   background-image: url("../static/bubble-tip2.png");
diff --git a/src/components/Container.vue b/src/components/Container.vue
index 2b9d034..8a1dfc0 100644
--- a/src/components/Container.vue
+++ b/src/components/Container.vue
@@ -68,7 +68,7 @@ const goBack = () => {
     <view
       class="content"
       :style="{
-        height: isHome ? '100vh' : `calc(100vh - ${isIos ? 200 : 170}rpx)`,
+        height: isHome ? '100vh' : `calc(100vh - ${isIos ? 180 : 150}rpx)`,
         overflow,
       }"
     >
diff --git a/src/components/Header.vue b/src/components/Header.vue
index aa6a380..ff4f355 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -92,7 +92,7 @@ onUnmounted(() => {
   justify-content: flex-start;
   align-items: center;
   width: 72vw;
-  height: 120rpx;
+  height: 100rpx;
   /* margin-top: var(--status-bar-height); */
   padding-left: 15px;
   color: #fff;
diff --git a/src/components/ShootProgress.vue b/src/components/ShootProgress.vue
index 08d61fb..8324d7d 100644
--- a/src/components/ShootProgress.vue
+++ b/src/components/ShootProgress.vue
@@ -223,7 +223,7 @@ onUnmounted(() => {
   transform: translateX(-10px);
 }
 .container > view:first-child > image:first-child {
-  width: 22vw;
+  width: 20vw;
   transform: translateX(10px);
 }
 .container > view:first-child > text {