添加兼容性处理

src/components/BubbleTip.vue

@@ -26,7 +26,7 @@ const props = defineProps({
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
-  font-size: 13px;
+  font-size: 24rpx;
 }
 .normal {
   background-image: url("../static/bubble-tip.png");

src/components/ScoreResult.vue

@@ -225,11 +225,12 @@ onMounted(() => {
   text-align: center;
   line-height: 27px;
   color: #333333;
+  font-size: 28rpx;
 }
 .container-content > view:nth-child(2) > view > text {
-  font-size: 12px;
+  font-size: 20rpx;
   color: #666666;
-  margin-left: 3px;
+  margin-left: 5rpx;
 }
 .container-content > view:nth-child(3) {
   width: 100%;

src/components/ShootProgress2.vue

@@ -113,8 +113,8 @@ onBeforeUnmount(() => {
   font-size: 18rpx;
   color: #fff;
   position: absolute;
-  top: -0.5rpx;
+  top: 50%;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translate(-50%, -50%);
 }
 </style>