update

src/components/HomePage.vue

@@ -369,7 +369,7 @@ watch(() => mergeId, async (newVal) => {
       <div class="scene-item item-2" @click="navigateSelectTemplatePage" :class="{ 'disabled': globalStore.game_chances <= 0 }">
         <img src="../assets/images/join.webp" alt="立即参与">
         <div class="join-main">
-          <p class="join-value">{{ globalStore.game_chances }}</p>
+          <p class="join-value"><span>X</span>{{ globalStore.game_chances }}</p>
         </div>
       </div>
       <div class="scene-item item-3" @click="navigateTodoList">
@@ -499,10 +499,8 @@ watch(() => mergeId, async (newVal) => {
 .join-main {
   position: absolute;
   top: 3.4vw;
-  right: 2.6vw;
+  right: -0.4vw;
-  width: 7vw;
+  width: 13vw;
-  line-height: 7vw;
-  text-align: left;
 }
 
 .join-main .join-value {
@@ -514,6 +512,10 @@ watch(() => mergeId, async (newVal) => {
   font-weight: 900;
 }
 
+.join-main .join-value span {
+  padding-right: 0.2vw;
+}
+
 .item-3 {
   width: 21vw;
   bottom: 1vw;

src/components/SelectTemplateV2.vue

@@ -187,7 +187,7 @@ const handleNavClick = (event) => {
   width: 100vw;
   height: 200vw;
   background-image: url('../assets/images/generate/select-template-bg.webp');
-  background-size: cover;
+  background-size: 100%;
   background-repeat: no-repeat;
   display: flex;
   flex-direction: column;
@@ -195,6 +195,7 @@ const handleNavClick = (event) => {
   align-items: center;
   position: relative;
   min-height: -webkit-fill-available;
+  margin-top: -4vw;
 }
 
 .scene-item {