diff --git a/src/assets/images/generate-img-bg.webp b/src/assets/images/generate-img-bg.webp
index 923a9d9..51e78a1 100644
Binary files a/src/assets/images/generate-img-bg.webp and b/src/assets/images/generate-img-bg.webp differ
diff --git a/src/components/GenerateImg.vue b/src/components/GenerateImg.vue
index a91303f..936158b 100644
--- a/src/components/GenerateImg.vue
+++ b/src/components/GenerateImg.vue
@@ -37,7 +37,7 @@ const beforeUpload = (file) => {
 
 const getTemplateIdsFromUrl = (response, url, index)=> {
   const filename = url.split('/').pop();
-  const matchedTemplate = faceTemplate.find(template => template.name === filename);
+  const matchedTemplate = faceTemplate.find(template => filename.includes(template.name));
   if (!matchedTemplate) {
     console.error(`No template found for filename: ${filename}`);
     return null;
@@ -387,7 +387,7 @@ import generateImg from '../assets/images/generate-img-bg.webp'
 </script>
 
 <template>
-  <div :show="show">
+  <div :show="show" class="main">
     <div class="home-wrapper" :style="{
       backgroundImage: displayScanModel 
         ? `url(${imgLoading})`
@@ -477,6 +477,10 @@ import generateImg from '../assets/images/generate-img-bg.webp'
 </template>
 
 <style scoped>
+.main {
+  height: 100%;
+  overflow-y: auto;
+}
 .moving-image {
   width: 100%;
   position: absolute;
@@ -574,8 +578,8 @@ import generateImg from '../assets/images/generate-img-bg.webp'
   outline: none !important;
 }
 .home-wrapper {
-  width: 100%;
-  height: 92vh;
+  width: 100vw;
+  height: 200vw;
   background-size: cover;
   background-repeat: no-repeat;
   display: flex;
@@ -583,7 +587,6 @@ import generateImg from '../assets/images/generate-img-bg.webp'
   justify-content: center;
   align-items: center;
   position: relative;
-  min-height: -webkit-fill-available;
 }
 .img-from-template {
   width: 75vw;
diff --git a/src/components/GenerateImgConfirm.vue b/src/components/GenerateImgConfirm.vue
index b8458f8..869224c 100644
--- a/src/components/GenerateImgConfirm.vue
+++ b/src/components/GenerateImgConfirm.vue
@@ -40,8 +40,8 @@ const closeTodoList = () => {
 
 <style scoped>
 .home-wrapper {
-  width: 100%;
-  height: 92vh;
+  width: 100vw;
+  height: 100vh;
   background-image: url('../assets/images/generate-img-confirm.webp');
   background-size: cover;
   background-repeat: no-repeat;
diff --git a/src/components/HomePage.vue b/src/components/HomePage.vue
index 205b4b3..38cd33a 100644
--- a/src/components/HomePage.vue
+++ b/src/components/HomePage.vue
@@ -160,7 +160,7 @@ if (isLogin()) {
 </script>
 
 <template>
-  <div :show="show">
+  <div :show="show" class="main">
     <div class="home-wrapper">
       <div class="scene-item item-1" @click="handleLottery" :class="{ 'disabled': globalStore.draw_chances <= 0 }">
         <img src="../assets/images/lottery.webp" alt="抽奖">
@@ -207,9 +207,13 @@ if (isLogin()) {
 </template>
 
 <style scoped>
+.main {
+  height: 100%;
+  overflow-y: auto;
+}
 .home-wrapper {
-  width: 100%;
-  height: 92vh;
+  width: 100vw;
+  height: 200vw;
   background-image: url('../assets/images/home-bg.webp');
   background-size: cover;
   background-repeat: no-repeat;
diff --git a/src/components/Popup.vue b/src/components/Popup.vue
index 175b3b3..4e6d3bd 100644
--- a/src/components/Popup.vue
+++ b/src/components/Popup.vue
@@ -62,7 +62,7 @@ const confirmBtn = () => {
 <style scoped>
 .home-bg {
   position: absolute;
-  top: 72vw;
+  top: 60vw;
   left: 12vw;
 }
 .message {
diff --git a/src/components/SelectTemplateV2.vue b/src/components/SelectTemplateV2.vue
index 793f394..9e1ac4f 100644
--- a/src/components/SelectTemplateV2.vue
+++ b/src/components/SelectTemplateV2.vue
@@ -13,7 +13,7 @@ onMounted(() => {
 })
 
 const router = useRouter();
-const navigateTodoList = () => {
+const navigateBack = () => {
   router.push({
     name: 'home'
   })
@@ -61,10 +61,10 @@ const handleNavClick = (event) => {
 </script>
 
 <template>
-  <div :show="show">
+  <div :show="show" class="main">
     <div class="home-wrapper">
-      <div class="scene-item item-1">
-        <img src="../assets/images/back-btn.webp" @click="navigateTodoList" alt="后退">
+      <div class="scene-item item-1" @click="navigateBack">
+        <img src="../assets/images/back-btn.webp" alt="后退">
       </div>
 
       <!-- 显示当前选中的背景图片 -->
@@ -118,6 +118,7 @@ const handleNavClick = (event) => {
 
 .nav-container {
   position: relative;
+  pointer-events: none;
 }
 
 .nav-image-wrapper {
@@ -178,9 +179,13 @@ const handleNavClick = (event) => {
   top: -0.5vw;
   left: 0;
 }
+.main {
+  height: 100%;
+  overflow-y: auto;
+}
 .home-wrapper {
-  width: 100%;
-  height: 92vh;
+  width: 100vw;
+  height: 200vw;
   background-image: url('../assets/images/generate/select-template-bg.webp');
   background-size: cover;
   background-repeat: no-repeat;
diff --git a/src/components/SynthesizedResults.vue b/src/components/SynthesizedResults.vue
index bbd262d..931d68a 100644
--- a/src/components/SynthesizedResults.vue
+++ b/src/components/SynthesizedResults.vue
@@ -111,7 +111,7 @@ const handleHaibao = async () => {
 </script>
 
 <template>
-  <div>
+  <div class="main">
     <div class="home-wrapper">
       <div class="scene-item item-1">
         <img src="../assets/images/go-home-btn.webp" @click="navigateToHome" alt="回到首页">
@@ -216,10 +216,12 @@ const handleHaibao = async () => {
   top: initial;
   transform: translate3d(-50%,0,0);
 }
-
+.main {
+  height: 100%;
+  overflow-y: auto;
+}
 .home-wrapper {
-  width: 100%;
-  height: 92vh;
+  width: 100vw;
   background-image: url('../assets/images/img-result-bg.webp');
   background-size: cover;
   background-repeat: no-repeat;
diff --git a/src/static/ali_face_template.js b/src/static/ali_face_template.js
index 1b56d1a..59e1dd8 100644
--- a/src/static/ali_face_template.js
+++ b/src/static/ali_face_template.js
@@ -1,5 +1,5 @@
 const faceTemplate = [{
-    "name": "fugu_1.webp",
+    "name": "fugu_1",
     "template_id": "73a3cc5b-eb53-4daf-90a7-9850aca96fd6",
     "data": [{
         "faceRect": {
@@ -22,7 +22,7 @@ const faceTemplate = [{
     ]
   },
   {
-    "name": "fugu_2.webp",
+    "name": "fugu_2",
     "template_id": "86baa916-fc5e-44ed-8961-c3404665a1a3",
     "data": [{
       "faceRect": {
@@ -43,7 +43,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "fugu_3.webp",
+    "name": "fugu_3",
     "template_id": "a9e6c7a3-f021-4a8c-9a9b-88b008de183a",
     "data": [{
       "FaceRect": {
@@ -64,7 +64,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "fugu_4.webp",
+    "name": "fugu_4",
     "template_id": "5fcc1dd1-6ff0-4052-a754-f60c7cecba0f",
     "data": [{
       "faceRect": {
@@ -93,7 +93,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "fugu_5.webp",
+    "name": "fugu_5",
     "template_id": "10f6e910-c736-4d9a-949e-33921befad3f",
     "data": [{
       "faceRect": {
@@ -130,7 +130,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "fugu_6.webp",
+    "name": "fugu_6",
     "template_id": "92b80ada-7fae-49eb-82f5-d3cdc9252a69",
     "data": [{
       "faceRect": {
@@ -175,7 +175,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "luying_1.webp",
+    "name": "luying_1",
     "template_id": "d98c1384-e9cf-4e96-8181-f014e7ebfffa",
     "data": [{
       "faceRect": {
@@ -196,7 +196,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "luying_2.webp",
+    "name": "luying_2",
     "template_id": "a2a595bc-83b5-4ab3-a326-6b451b23de70",
     "data": [{
       "faceRect": {
@@ -217,7 +217,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "luying_3.webp",
+    "name": "luying_3",
     "template_id": "866916d3-ee75-4060-a063-e7b5368c56b5",
     "data": [{
       "faceRect": {
@@ -238,7 +238,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "luying_4.webp",
+    "name": "luying_4",
     "template_id": "50053074-d192-4c05-bab2-6131a6271d7f",
     "data": [{
       "faceRect": {
@@ -267,7 +267,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "luying_5.webp",
+    "name": "luying_5",
     "template_id": "01263cbe-f2b4-4a69-8db7-e73919bf8331",
     "data": [{
       "FaceRect": {
@@ -304,7 +304,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "luying_6.webp",
+    "name": "luying_6",
     "template_id": "dee63c93-e99e-4ff7-b50d-2cb0b940c4be",
     "data": [{
       "FaceRect": {
@@ -349,7 +349,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "paidui_1.webp",
+    "name": "paidui_1",
     "template_id": "24a9b372-9d35-4fd8-8d5d-10c3a3510470",
     "data": [{
       "faceRect": {
@@ -370,7 +370,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "paidui_2.webp",
+    "name": "paidui_2",
     "template_id": "c54098d4-9cf6-4b39-8870-a47d07263dd7",
     "data": [{
       "faceRect": {
@@ -391,7 +391,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "paidui_3.webp",
+    "name": "paidui_3",
     "template_id": "161320ea-4454-4a38-9687-d52370f7b8a8",
     "data": [{
       "faceRect": {
@@ -412,7 +412,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "paidui_4.webp",
+    "name": "paidui_4",
     "template_id": "b9b12447-aec9-4888-96dd-e64339052df0",
     "data": [{
       "faceRect": {
@@ -441,7 +441,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "paidui_5.webp",
+    "name": "paidui_5",
     "template_id": "ec9640d9-d853-4505-929f-75c8e6f9896e",
     "data": [{
       "faceRect": {
@@ -470,7 +470,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "paidui_6.webp",
+    "name": "paidui_6",
     "template_id": "ba9a61ca-f2a5-4586-920b-d56a1cc9f755",
     "data": [{
       "faceRect": {
@@ -515,7 +515,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "shenxian_1.webp",
+    "name": "shenxian_1",
     "template_id": "48749272-fa99-466b-b888-6e465bf76e57",
     "data": [{
       "faceRect": {
@@ -536,7 +536,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "shenxian_2.webp",
+    "name": "shenxian_2",
     "template_id": "85b1ef1a-0bb6-4e49-95bf-cdc5bd3985dc",
     "data": [{
       "faceRect": {
@@ -557,7 +557,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "shenxian_3.webp",
+    "name": "shenxian_3",
     "template_id": "6dbbee92-39d0-4763-8aef-ac535fe78b7c",
     "data": [{
       "faceRect": {
@@ -578,7 +578,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "shenxian_4.webp",
+    "name": "shenxian_4",
     "template_id": "8e914ed5-7a38-4698-a08a-b45f40971fb7",
     "data": [{
       "faceRect": {
@@ -607,7 +607,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "shenxian_5.webp",
+    "name": "shenxian_5",
     "template_id": "4a7e1337-ce20-46e0-a34b-41181442e9d5",
     "data": [{
       "faceRect": {
@@ -644,7 +644,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "shenxian_6.webp",
+    "name": "shenxian_6",
     "template_id": "60752482-6e9e-4e4f-9473-49076403663b",
     "data": [{
       "faceRect": {
@@ -689,7 +689,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xianxia_1.webp",
+    "name": "xianxia_1",
     "template_id": "76d41a71-0353-4a30-86f9-508fd00fcb36",
     "data": [{
       "faceRect": {
@@ -710,7 +710,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xianxia_2.webp",
+    "name": "xianxia_2",
     "template_id": "28efcde7-dcd9-42ec-9b14-f3c6e031c14b",
     "data": [{
       "faceRect": {
@@ -731,7 +731,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xianxia_3.webp",
+    "name": "xianxia_3",
     "template_id": "1ddfc0dc-87cd-4fe2-82f1-3e774a1bd8d9",
     "data": [{
       "faceRect": {
@@ -760,7 +760,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xianxia_4.webp",
+    "name": "xianxia_4",
     "template_id": "86385f26-fd04-4e5a-a1e0-e5e70940f1df",
     "data": [{
       "faceRect": {
@@ -789,7 +789,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xianxia_5.webp",
+    "name": "xianxia_5",
     "template_id": "df0baa2e-5926-4251-9222-d286d4ce64d8",
     "data": [{
       "faceRect": {
@@ -826,7 +826,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xianxia_6.webp",
+    "name": "xianxia_6",
     "template_id": "978cc06f-e0d0-4062-b8ee-9e1008c7158c",
     "data": [{
       "faceRect": {
@@ -871,7 +871,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xinzhongshi_1.webp",
+    "name": "xinzhongshi_1",
     "template_id": "80a3eb2a-cbf5-48e9-9293-ba24f16536e4",
     "data": [{
       "faceRect": {
@@ -892,7 +892,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xinzhongshi_2.webp",
+    "name": "xinzhongshi_2",
     "template_id": "6f9a14da-f6c3-472e-9324-4e7c9caff4f6",
     "data": [{
       "faceRect": {
@@ -913,7 +913,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xinzhongshi_3.webp",
+    "name": "xinzhongshi_3",
     "template_id": "8afc8122-c070-4a75-b2e3-a306784b5c81",
     "data": [{
       "faceRect": {
@@ -934,7 +934,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xinzhongshi_4.webp",
+    "name": "xinzhongshi_4",
     "template_id": "f7b7f97d-e60c-405a-9c50-119b0b3a1bca",
     "data": [{
       "faceRect": {
@@ -963,7 +963,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xinzhongshi_5.webp",
+    "name": "xinzhongshi_5",
     "template_id": "98f6606f-24fe-4990-93e3-8d6391ffbe95",
     "data": [{
       "faceRect": {
@@ -1000,7 +1000,7 @@ const faceTemplate = [{
     }]
   },
   {
-    "name": "xinzhongshi_6.webp",
+    "name": "xinzhongshi_6",
     "template_id": "97f084ef-dbe5-42c7-8b10-d6623cd54a6d",
     "data": [{
       "faceRect": {