From 0e57e4de465079102db348ca9b93fe9eeca7e10d Mon Sep 17 00:00:00 2001
From: zhangyh <xiao7li@qq.com>
Date: Mon, 24 Nov 2025 14:52:16 +0800
Subject: [PATCH 01/33] =?UTF-8?q?bugfix:=20=E6=88=90=E4=BA=BA=E7=94=B7?=
 =?UTF-8?q?=E8=A3=85=E5=8D=95=E5=93=81prompt=20assist=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/home/tools/toProduct/Prompt.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/component/home/tools/toProduct/Prompt.vue b/src/component/home/tools/toProduct/Prompt.vue
index 5e078dd7..c9d3cf9e 100644
--- a/src/component/home/tools/toProduct/Prompt.vue
+++ b/src/component/home/tools/toProduct/Prompt.vue
@@ -93,7 +93,7 @@ import generatedSketch from '@/assets/images/product/generated_sketch.png'
 import maleSingleGarmentSketch from '@/assets/images/product/male_single_garment_sketch.png'
 import maleSingleGarmentResult from '@/assets/images/product/male_single_garment_result.png'
 import maleSingleModelSketch from '@/assets/images/product/male_single_garment_model_sketch.png'
-import maleSingleModelResult from '@/assets/images/product/male_single_garment_model_sketch.png'
+import maleSingleModelResult from '@/assets/images/product/male_single_garment_model_result.png'
 import femaleChildModelResult from '@/assets/images/product/single_female_child_model_result.png'
 import maleSingleChildSketch from '@/assets/images/product/single_male_child_model_sketch.png'
 import maleSingleChildResult from '@/assets/images/product/single_male_child_model_result.png'

From 56f958173b6621d03c652c37c84c86330f9960df Mon Sep 17 00:00:00 2001
From: zhangyh <xiao7li@qq.com>
Date: Mon, 24 Nov 2025 15:08:28 +0800
Subject: [PATCH 02/33] =?UTF-8?q?bugfix:=20editdesignType=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/home/design/editDesignType/index.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/component/home/design/editDesignType/index.vue b/src/component/home/design/editDesignType/index.vue
index 48e1a7e1..6f74ddef 100644
--- a/src/component/home/design/editDesignType/index.vue
+++ b/src/component/home/design/editDesignType/index.vue
@@ -494,10 +494,12 @@ export default defineComponent({
     })
 
     const showDropdown = computed(() => {
-      if (isPoseTransfer) {
+      if (isPoseTransfer.value) {
         return videoType.value === 1
       } else {
-        return scaleImageList[scaleImageIndex]?.resultType != 'Relight'
+        return (
+          productimg.scaleImageList[productimg.scaleImageIndex]?.resultType !== 'Relight'
+        )
       }
     })
     let speed = reactive({

From 3d2fddbe7b7ce35cda83e18d70eca7dc59ec77c1 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Mon, 24 Nov 2025 17:11:09 +0800
Subject: [PATCH 03/33] =?UTF-8?q?=E8=B0=83=E6=95=B4history=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/HomeView/history.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/HomeView/history.vue b/src/views/HomeView/history.vue
index 71d26507..91d9df7b 100644
--- a/src/views/HomeView/history.vue
+++ b/src/views/HomeView/history.vue
@@ -788,7 +788,7 @@ export default defineComponent({
             padding: 0 1rem;
 
             .operate_item {
-              // font-size: 1.4rem;
+              font-size: 1.6rem;
               font-family: Roboto;
               font-weight: 400;
               color: #007ee5;

From 7dcfc3e705198c6a554fd45da9f4915fd818e184 Mon Sep 17 00:00:00 2001
From: zhangyh <xiao7li@qq.com>
Date: Mon, 24 Nov 2025 17:32:24 +0800
Subject: [PATCH 04/33] =?UTF-8?q?Revert=20"=E6=83=85=E7=BB=AA=E7=89=88?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E8=B0=83=E6=95=B4"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit f86c18cf3ab01c8277b2dc16241238ab303f4073.
---
 src/component/HomePage/Cropper.vue             |  3 +--
 .../home/design/collection/MoodboardUpload.vue |  7 ++++---
 .../design/collection/PrintboardUpload.vue     |  2 +-
 src/views/HomeMain.vue                         | 18 +++++++++---------
 4 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/component/HomePage/Cropper.vue b/src/component/HomePage/Cropper.vue
index f6d9661a..4988b3db 100644
--- a/src/component/HomePage/Cropper.vue
+++ b/src/component/HomePage/Cropper.vue
@@ -30,7 +30,7 @@
                         :outputSize="option.size"
                         :outputType="option.outputType"
                         :auto-crop="option.autoCrop"
-						:fixedBox="isRound"
+						:fixedBox="!isRound"
 						:movable="true"
                         :fixed="isRound"
                         :auto-crop-width="option.autoCropWidth"
@@ -333,7 +333,6 @@ export default defineComponent({
             .cut_picture_review_block{
                 width: 100%;
                 height: calc(100% - 6.8rem*1.2);
-				min-height: calc(100% - 6.8rem*1.2);
 				margin: 0 auto;
 				.next_step_button{
 					margin-top: 2rem;
diff --git a/src/component/home/design/collection/MoodboardUpload.vue b/src/component/home/design/collection/MoodboardUpload.vue
index 9afe46aa..f938579d 100644
--- a/src/component/home/design/collection/MoodboardUpload.vue
+++ b/src/component/home/design/collection/MoodboardUpload.vue
@@ -711,9 +711,10 @@ export default defineComponent({
 						top: 50%;
 						left: 50%;
 						transform: translate(-50%,-50%);
-						// float: left;
-						// user-select:none;
-						// -webkit-user-drag: none;
+						float: left;
+						object-fit: contain;
+						user-select:none;
+						-webkit-user-drag: none;
 					}
 				}
 				.wh1{
diff --git a/src/component/home/design/collection/PrintboardUpload.vue b/src/component/home/design/collection/PrintboardUpload.vue
index 636a7412..531b3782 100644
--- a/src/component/home/design/collection/PrintboardUpload.vue
+++ b/src/component/home/design/collection/PrintboardUpload.vue
@@ -145,7 +145,7 @@
 		</div>
 		<!-- 取消请求 -->
 		<scaleImage ref="scaleImage"></scaleImage>
-        <Cropper ref="Cropper" @handleCropperSuccess="handleCropperSuccess" @closeCropper="deletUploadFile()" :cropperFileData="cropperFileData" :isRound="false" :isUpload="isUpload"></Cropper>
+        <Cropper ref="Cropper" @handleCropperSuccess="handleCropperSuccess" @closeCropper="deletUploadFile()" :cropperFileData="cropperFileData" :isUpload="isUpload"></Cropper>
     </div>
 </template>
 <script lang="ts">
diff --git a/src/views/HomeMain.vue b/src/views/HomeMain.vue
index 350d8f30..5ccf1380 100644
--- a/src/views/HomeMain.vue
+++ b/src/views/HomeMain.vue
@@ -561,7 +561,7 @@ export default defineComponent({
     const getIdExistToHistory = async () => {
       return await new Promise((resolve, reject) => {
         let value = {
-          id: Number(route.params?.id || route.query?.history)
+          id: Number(route.query?.id || route.query?.history)
         }
         Https.axiosPost(Https.httpUrls.historyProject, value)
           .then(rv => {
@@ -576,15 +576,11 @@ export default defineComponent({
       () => route.query,
       (query, oldQuery) => {
         nextTick(async () => {
-            // if ((route.params?.id || query?.history) && !(await getIdExistToHistory())) {
-            //   router.push('/home')
-            //   return
-            // }
           const key = Object.keys(query)?.[0]
           if (key) {
-            if (route.params?.id && !query.tools) {
+            if (query.id && !query.tools) {
               homeMainData.openType = 'history'
-              homeMainData.openTypeChild = route.params?.id
+              homeMainData.openTypeChild = query.id
             } else {
               homeMainData.openType = Object.keys(query)[0]
               homeMainData.openTypeChild = query[Object.keys(query)[0]]
@@ -593,6 +589,10 @@ export default defineComponent({
               homeMainData.openTypeChild = ''
               homeMainData.openType = ''
             }
+            if ((query?.id || query?.history) && !(await getIdExistToHistory())) {
+              router.push('/home')
+              return
+            }
           } else {
             homeMainData.openType = ''
             homeMainData.openTypeChild = ''
@@ -912,12 +912,12 @@ export default defineComponent({
               rv.content.forEach((item, index) => {
                 let str = categorizeDate(item.updateTime) + 'list'
                 homeMainData.navTypeList.history[str].push(item)
-                if (item.id == (route.params?.id || route.query?.history)) {
+                if (item.id == (route.query?.id || route.query?.history)) {
                   existToHistoryIndex = rv.page * rv.size + index + 1 - rv.size
                 }
               })
               homeMainData.historyData.isNull = false
-              if ((route.params?.id || route.query?.history) && isFound < 1) setScrollTop()
+              if ((route.query?.id || route.query?.history) && isFound < 1) setScrollTop()
             } else {
               homeMainData.historyData.isNoData = true
             }

From 819093db8c65f904d3e9eddd923a2130f222287d Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Mon, 24 Nov 2025 17:40:43 +0800
Subject: [PATCH 05/33] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E8=AE=A2=E9=98=85=E9=A1=B5=E9=9D=A2=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index 15d4aa0b..b84aa28c 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -388,9 +388,10 @@
 		display: flex;
 		flex-direction: column;
 		@media (max-width: 768px) {
+			justify-content: flex-start;
 			display: flex;
 			flex-direction: column;
-			justify-content: center;
+			justify-content: flex-start;
 		}
 	}
 	.gallery_list_box{

From 6b8027f4490ab7702008806d64781c61b1697ce5 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Tue, 25 Nov 2025 15:07:27 +0800
Subject: [PATCH 06/33] =?UTF-8?q?bugfix:=20design=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E8=BD=AC=E4=BA=A7=E5=93=81=E5=9B=BE/=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E4=BA=A7=E5=93=81=E5=9B=BE=E7=9A=84placeholder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/home/design/editDesignType/index.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/component/home/design/editDesignType/index.vue b/src/component/home/design/editDesignType/index.vue
index 46cd0d76..9ca0c1d8 100644
--- a/src/component/home/design/editDesignType/index.vue
+++ b/src/component/home/design/editDesignType/index.vue
@@ -155,7 +155,7 @@
                   <textarea
                     ref="textareaRef"
                     class="textarea"
-                    :placeholder="$t('Generate.inputContent1')"
+                    :placeholder="inputPlaceholder"
                     @input="ifMaximumLength"
                     @keydown.enter.prevent="getPrductimg()"
                     v-model="productimgSearchName"
@@ -1288,6 +1288,15 @@ export default defineComponent({
         'PoseTransfer'
       )
     })
+    const inputPlaceholder = computed(() => {
+      if (
+        productimg.scaleImageList[productimg.scaleImageIndex]?.resultType === 'Relight'
+      ) {
+        return t('ProductImg.relightInput')
+      } else {
+        return t('ProductImg.productInput')
+      }
+    })
 
     const showCompare = computed(() => {
       // isComparison.value
@@ -1360,7 +1369,8 @@ export default defineComponent({
       setNewVideoRef,
       handlePlayNewVideo,
       isNewVideoPlaying,
-      showDropdown
+      showDropdown,
+      inputPlaceholder
     }
   },
   data() {

From f2463da8ccd5b742d9c096834090205d9658e77f Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Tue, 25 Nov 2025 17:31:16 +0800
Subject: [PATCH 07/33] =?UTF-8?q?bugfix:=20editdesignType=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E7=BC=96=E8=BE=91=E4=BA=A7=E5=93=81=E5=9B=BE=E7=9A=84?=
 =?UTF-8?q?prompt=20assist=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/home/design/editDesignType/index.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/component/home/design/editDesignType/index.vue b/src/component/home/design/editDesignType/index.vue
index 9ca0c1d8..3bc81541 100644
--- a/src/component/home/design/editDesignType/index.vue
+++ b/src/component/home/design/editDesignType/index.vue
@@ -379,7 +379,10 @@
     <div class="mark_loading" v-show="loadingShow">
       <a-spin size="large" />
     </div>
-    <Prompt v-model:showModal="showPromptAssist" isDesignPage />
+    <template>
+      <Prompt v-if="scaleImageList[scaleImageIndex]?.resultType === 'ToProductImage'" v-model:showModal="showPromptAssist" isDesignPage />
+      <PromptEditProduct v-if="scaleImageList[scaleImageIndex]?.resultType === 'Relight'" v-model:showModal="showPromptAssist" />
+    </template>
     <Product
       v-model:showModal="showProductList"
       :frameList="fullProductImages"
@@ -411,13 +414,14 @@ import { useStore } from 'vuex'
 import Prompt from '@/component/home/tools/toProduct/Prompt.vue'
 import promptInput from '@/component/home/tools/poseTransfer/promptInput.vue'
 import Product from '@/component/home/tools/poseTransfer/Product.vue'
+import PromptEditProduct from '@/component/home/tools/toProduct/PromptEditProduct.vue'
 import {
   getFirstFrame,
   getFirstAndLastFrame
 } from '@/component/home/tools/poseTransfer/prompt'
 
 export default defineComponent({
-  components: { Prompt, promptInput, Product },
+  components: { Prompt, promptInput, Product, PromptEditProduct },
   props: {
     productData: {
       type: Object,

From 8368c9382a2143206e8f10d9863e19e492d6a2c3 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Wed, 26 Nov 2025 16:59:33 +0800
Subject: [PATCH 08/33] =?UTF-8?q?=E4=BF=AE=E5=A4=8Ddetail=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E9=A2=9C=E8=89=B2bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/Detail/detailLeft/colorBox/index.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/component/Detail/detailLeft/colorBox/index.vue b/src/component/Detail/detailLeft/colorBox/index.vue
index d466e6a0..6607ff37 100644
--- a/src/component/Detail/detailLeft/colorBox/index.vue
+++ b/src/component/Detail/detailLeft/colorBox/index.vue
@@ -141,6 +141,7 @@ export default defineComponent({
 					JSON.stringify(colorData.selectDetail.color.gradient) == JSON.stringify(color?.gradient)
 					&& colorData.selectDetail.color.rgba?.r
 				){
+					console.log('---',index)
 					isNoSelect = true
 					colorData.selectColor = item
 					colorData.colorList.index = index
@@ -160,8 +161,8 @@ export default defineComponent({
 					if(color?.gradient){
 						item.gradient = color?.gradient
 					} 
-					colorData.colorList.index = index
-					colorData.selectColor = item
+					// colorData.colorList.index = index
+					// colorData.selectColor = item
 				}
 				colorData.colorList.list[newVal].push(item)
 			}

From 4bd8a54b34e97765c05043f27784fd8ab805ac45 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Wed, 26 Nov 2025 16:32:56 +0800
Subject: [PATCH 09/33] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E8=AF=AD=E8=A8=80=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/HomeRecommend.vue | 486 +++++++++++++++++++-----------------
 1 file changed, 258 insertions(+), 228 deletions(-)

diff --git a/src/views/HomeRecommend.vue b/src/views/HomeRecommend.vue
index 452b97e0..0b1e0299 100644
--- a/src/views/HomeRecommend.vue
+++ b/src/views/HomeRecommend.vue
@@ -1,14 +1,20 @@
 <template>
-    <div class="homeRecommend_max">
-		<div class="header">
-			<img
-				class="homeRecommend_logo"
-				@click="turnToNewPage('/')"
-				src="@/assets/images/homePage/aidaIcon.png"
-			/>
-			<div class="gallery_btn login white" @click="setLogin">Login</div>
-			<div class="gallery_btn" @click="signUp">Sign up</div>
-		</div>
+  <div class="homeRecommend_max">
+    <div class="header">
+		<img
+        class="homeRecommend_logo"
+        @click="turnToNewPage('/')"
+        src="@/assets/images/homePage/aidaIcon.png"
+      />
+      <div class="gallery_btn login white" @click="setLogin">{{ t('Login.Login') }}</div>
+      <div class="gallery_btn" @click="signUp">{{ t('Login.SignUp') }}</div>
+      <div class="language_btn">
+        <div @click="handleChangeLanguage">
+          <i class="fi fi-rr-globe"></i>
+          {{ isChinese ? 'CN' : 'EN' }}
+        </div>
+      </div>
+    </div>
 
 		<div class="content">
 			<img class="bg pc" src="@/assets/images/homePage/squareBg.png" alt="">
@@ -158,227 +164,251 @@ export default defineComponent({
 </script>
 
 <style lang="less" scoped>
-.homeRecommend_max{
-	width: 100%;
-	height: 100%;
-	display: flex;
-	position: relative;
-	@media (max-width: 768px) {
-		flex-direction: column;
-	}
-	> .header{
-		padding: 3.2rem 4rem;
-		z-index: 2;
-		margin-left: auto;
+.homeRecommend_max {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  position: relative;
+  @media (max-width: 768px) {
+    flex-direction: column;
+  }
+  > .header {
+    padding: 3.2rem 4rem;
+    z-index: 2;
+    margin-left: auto;
+    display: flex;
+    column-gap: 2rem;
+    align-items: center;
+    position: absolute;
+    right: 0;
+    @media (max-width: 768px) {
+      position: relative;
+      justify-content: flex-end;
+      width: 100%;
+      padding: 0.7rem 1.4rem;
+      margin-left: auto;
+      background-color: #fff;
+    }
+    > .homeRecommend_logo {
+      display: none;
+      @media (max-width: 768px) {
+        display: block;
+        height: 2.5rem;
+        margin-right: auto;
+      }
+    }
+    .language_btn {
+      color: #fff;
+      cursor: pointer;
+	  font-size: 2.5rem;
+	  >div {
 		display: flex;
-		align-items: center;
-		position: absolute;
-		right: 0;
-		@media (max-width: 768px) {
-			position: relative;
-			justify-content: space-between;
-			width: 100%;
-			padding: .7rem 1.4rem;
-			margin-left: auto;
-			background-color: #fff;
+		>i{
+			display: flex;
+			align-items: center;
+			font-size: 2.5rem;
+			margin-right: .7rem;
 		}
-		> .homeRecommend_logo{
-			display: none;
-			@media (max-width: 768px) {
-				display: block;
-				height: 2.5rem;
+	  }
+      @media (max-width: 768px) {
+		  font-size: 1.5rem;
+        color: #000;
+		>div {
+			>i{
+				font-size: 1.5rem;
+				margin-right: .7rem;
 			}
 		}
-		> .gallery_btn{
-			margin-right: 2rem;
-			border: none;
-			font-size: 1.7rem;
-			width: 13rem;
-			line-height: 6rem;
-			font-weight: 500;
-			border-radius: 4rem;
-			&:last-child{
-				margin-right: 0;
-			}
-			&.login{
-				@media (max-width: 768px) {
-					display: none;
-				}
-			}
-			@media (max-width: 768px) {
-				font-size: .72rem;
-				width: 5.2rem;
-				line-height: 2.4rem;
-				padding: 0;
-				
-			}
-		}
-		
-	}
-	> .content{
-		flex: 1;
-		position: relative;
-		> .bg{
-			width: 100%;
-			height: 100%;
-			position: absolute;
-			left: 50%;
-			top: 50%;
-			transform: translate(-50%,-50%);
-			object-fit: cover;
-			display: none;
-			&.pc{
-				@media (min-width: 768px) {
-					display: block;
-				}
-			}
-			&.mobile{
-				@media (max-width: 768px) {
-					display: block;
-				}
-			}
-		}
-		> .title{
-			display: none;
-			position: absolute;
-			left: 50%;
-			top: 50%;
-			transform: translate(-50%,-50%);
-			text-align: center;
-			@media (max-width: 768px) {
-				margin-top: -2rem;
-				> img{
-					width: 17rem;
-				}
-				> .text{
-					width: max-content;
-					text-align: center;
-				}
-				font-size: 1.8rem;
-				color: #fff;
-				display: block;
-			}
-		}
-		> .beForm{
-			position: absolute;
-			font-size: 2.1rem;
-			bottom: 10rem;
-			left: 10rem;
-			@media (max-width: 768px) {
-				display: block;
-				left: 50%;
-				color: #fff;
-				bottom: 1rem;
-				font-size: .8rem;
-				text-align: center;
-				transform: translateX(-50%);
-			}
-		}
-		> .learnMore{
-			position: absolute;
-			bottom: 29rem;
-			right: 10rem;
-			width: 53.4rem;
-			text-align: right;
-			z-index: 2;
-			> img{
-				height: 19.5rem;
-				margin-bottom: 2rem;
-				display: none;
-			}
-			
-			// > .title{
-			// 	margin-bottom: .8rem;
-			// 	font-size: 11.8rem;
-			// 	font-weight: 500;
-			// }
-			// > .info{
-			// 	font-family: 'pingfang_regular';
-			// 	font-size: 2.8rem;
-			// 	font-weight: 400;
-			// 	margin-bottom: 2rem;
-			// }
-			> .btn{
-				line-height: 6rem;
-				width: 18rem;
-				font-size: 2rem;
-				font-weight: 500;
-			}
-		}
-		// > .left,> .right{
-		// 	height: 100%;
-		// 	display: flex;
-		// 	display: none;
-		// }
-		// > .left{
-		// 	width: 45%;
-		// 	align-items: center;
-		// 	justify-content: center;
-		// 	position: relative;
-		// 	> .logoBox{
-		// 		height: 4rem;
-		// 		position: absolute;
-		// 		left: 2rem;
-		// 		top: 2rem;
-		// 		img{
-		// 			height: 100%;
-		// 			margin-left: 2rem;
-		// 		}
-		// 		.codeCreatelogo{
-		// 			cursor: pointer;
-		// 		}
-		// 	}
-		// 	> .text{
-		// 		width: 68rem;
-		// 		> .title{
-		// 			font-size: 6.4rem;
-		// 			font-weight: 900;
-		// 			line-height: 1.2;
-		// 			margin-bottom: 3.2rem;
-		// 			p{
-		// 				margin-bottom: 0;
-		// 			}
-		// 		}
-		// 		> .info{
-		// 			font-size: 2.4rem;
-		// 			margin-bottom: 1.6rem;
-		// 			line-height: 1.2;
-		// 			> span{
-		// 				color: #0070c9;
-		// 				cursor: pointer;
-		// 				&:hover{
-		// 					text-decoration: underline;
-		// 				}
-		// 			}
-		// 		}
-		// 		> .continue{
-		// 			font-size: 2.4rem;
-		// 			> i{
-		// 				margin-left: 1rem;
-		// 			}
-		// 		}
-		// 	}
-		// }
-		// > .right{
-		// 	position: relative;
-		// 	width: 55%;
-		// 	background: #d7d6d5;
-		// 	display: flex;
-		// 	align-items: center;
-		// 	justify-content: flex-end;
-		// 	> img{
-		// 		object-fit: cover;
-		// 	}
-		// 	> .model{
-		// 		height: 100%;
-		// 		position: absolute;
-		// 		left: 0;
-		// 	}
-		// 	> .text{
-		// 		height: 45rem;
-		// 		text-align: right;
-		// 	}
-		// }
-	}
+      }
+    }
+    > .gallery_btn {
+      // margin-right: 2rem;
+      border: none;
+      font-size: 1.7rem;
+      width: 13rem;
+      line-height: 6rem;
+      font-weight: 500;
+      border-radius: 4rem;
+      &:last-child {
+        margin-right: 0;
+      }
+      &.login {
+        @media (max-width: 768px) {
+          display: none;
+        }
+      }
+      @media (max-width: 768px) {
+        font-size: 0.72rem;
+        width: 5.2rem;
+        line-height: 2.4rem;
+        padding: 0;
+      }
+    }
+  }
+  > .content {
+    flex: 1;
+    position: relative;
+    > .bg {
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      object-fit: cover;
+      display: none;
+      &.pc {
+        @media (min-width: 768px) {
+          display: block;
+        }
+      }
+      &.mobile {
+        @media (max-width: 768px) {
+          display: block;
+        }
+      }
+    }
+    > .title {
+      display: none;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      text-align: center;
+      @media (max-width: 768px) {
+        margin-top: -2rem;
+        > img {
+          width: 17rem;
+        }
+        > .text {
+          width: max-content;
+          text-align: center;
+        }
+        font-size: 1.8rem;
+        color: #fff;
+        display: block;
+      }
+    }
+    > .beForm {
+      position: absolute;
+      font-size: 2.1rem;
+      bottom: 10rem;
+      left: 10rem;
+      @media (max-width: 768px) {
+        display: block;
+        left: 50%;
+        color: #fff;
+        bottom: 1rem;
+        font-size: 0.8rem;
+        text-align: center;
+        transform: translateX(-50%);
+      }
+    }
+    > .learnMore {
+      position: absolute;
+      bottom: 29rem;
+      right: 10rem;
+      width: 53.4rem;
+      text-align: right;
+      z-index: 2;
+      > img {
+        height: 19.5rem;
+        margin-bottom: 2rem;
+        display: none;
+      }
+
+      // > .title{
+      // 	margin-bottom: .8rem;
+      // 	font-size: 11.8rem;
+      // 	font-weight: 500;
+      // }
+      // > .info{
+      // 	font-family: 'pingfang_regular';
+      // 	font-size: 2.8rem;
+      // 	font-weight: 400;
+      // 	margin-bottom: 2rem;
+      // }
+      > .btn {
+        line-height: 6rem;
+        width: 18rem;
+        font-size: 2rem;
+        font-weight: 500;
+      }
+    }
+    // > .left,> .right{
+    // 	height: 100%;
+    // 	display: flex;
+    // 	display: none;
+    // }
+    // > .left{
+    // 	width: 45%;
+    // 	align-items: center;
+    // 	justify-content: center;
+    // 	position: relative;
+    // 	> .logoBox{
+    // 		height: 4rem;
+    // 		position: absolute;
+    // 		left: 2rem;
+    // 		top: 2rem;
+    // 		img{
+    // 			height: 100%;
+    // 			margin-left: 2rem;
+    // 		}
+    // 		.codeCreatelogo{
+    // 			cursor: pointer;
+    // 		}
+    // 	}
+    // 	> .text{
+    // 		width: 68rem;
+    // 		> .title{
+    // 			font-size: 6.4rem;
+    // 			font-weight: 900;
+    // 			line-height: 1.2;
+    // 			margin-bottom: 3.2rem;
+    // 			p{
+    // 				margin-bottom: 0;
+    // 			}
+    // 		}
+    // 		> .info{
+    // 			font-size: 2.4rem;
+    // 			margin-bottom: 1.6rem;
+    // 			line-height: 1.2;
+    // 			> span{
+    // 				color: #0070c9;
+    // 				cursor: pointer;
+    // 				&:hover{
+    // 					text-decoration: underline;
+    // 				}
+    // 			}
+    // 		}
+    // 		> .continue{
+    // 			font-size: 2.4rem;
+    // 			> i{
+    // 				margin-left: 1rem;
+    // 			}
+    // 		}
+    // 	}
+    // }
+    // > .right{
+    // 	position: relative;
+    // 	width: 55%;
+    // 	background: #d7d6d5;
+    // 	display: flex;
+    // 	align-items: center;
+    // 	justify-content: flex-end;
+    // 	> img{
+    // 		object-fit: cover;
+    // 	}
+    // 	> .model{
+    // 		height: 100%;
+    // 		position: absolute;
+    // 		left: 0;
+    // 	}
+    // 	> .text{
+    // 		height: 45rem;
+    // 		text-align: right;
+    // 	}
+    // }
+  }
 }
 </style>

From 3dcb6330e3a63cf71ce1e941bf5c41b7793cc3c8 Mon Sep 17 00:00:00 2001
From: zhangyh <xiao7li@qq.com>
Date: Tue, 25 Nov 2025 09:59:20 +0800
Subject: [PATCH 10/33] feat: i18n

---
 src/component/LoginPage/login/enterprise.vue |  83 ++---
 src/component/LoginPage/login/personal.vue   |  89 +++--
 src/component/LoginPage/login/school.vue     |  87 ++---
 src/component/mainPage/signUp/index.vue      |  44 ++-
 src/lang/cn.ts                               | 109 ++++++
 src/lang/en.ts                               | 326 ++++++++++++++----
 src/views/HomeRecommend.vue                  | 336 ++++++++++---------
 src/views/Login.vue                          |  33 +-
 8 files changed, 726 insertions(+), 381 deletions(-)

diff --git a/src/component/LoginPage/login/enterprise.vue b/src/component/LoginPage/login/enterprise.vue
index 278a90ea..c2265558 100644
--- a/src/component/LoginPage/login/enterprise.vue
+++ b/src/component/LoginPage/login/enterprise.vue
@@ -9,14 +9,14 @@
           <div>
             <div class="login_form_content" :state="emailStap">
               <div v-show="emailStap === 1">
-                <div class="login_form_title marign_top30">Enterprise</div>
+                <div class="login_form_title marign_top30">{{ t('LoginEnterprise.Enterprise') }}</div>
                 <div class="generalModel_state">
                   <div
                     class="generalModel_state_item"
                     style="width: 100%; margin: 0"
                   >
                     <a-select
-                      placeholder="Select a school"
+                      :placeholder="t('LoginEnterprise.SelectEnterprise')"
                       v-model:value="selectEnterprise"
                       :options="schoolList"
                       @change="schoolListChange"
@@ -36,21 +36,21 @@
                     </a-select>
                   </div>
                 </div>
-                <div class="login_form_title marign_top30">Email</div>
+                <div class="login_form_title marign_top30">{{ t('LoginEnterprise.Email') }}</div>
                 <input
                   class="login_form_input"
-                  placeholder="Enter your email address"
+                  :placeholder="t('LoginEnterprise.EnterEmail')"
                   v-model="email"
                   @keydown.enter="submitPerLogin()"
                 />
                 <div class="login_form_title marign_top30">
-                  <div>Password</div>
+                  <div>{{ t('LoginEnterprise.Password') }}</div>
                 </div>
                 <div class="password_input_block">
                   <input
                     class="login_form_input"
                     :type="passwordType"
-                    placeholder="Enter your password"
+                    :placeholder="t('LoginEnterprise.EnterPassword')"
                     v-model="password"
                     @keydown.enter="submitPerLogin()"
                   />
@@ -79,15 +79,15 @@
                   </div> -->
                   <div class="email_last_step_bottom">
                     <div class="email_last_step_des">
-                      <div class="sent_email_content">Enter Code</div>
+                      <div class="sent_email_content">{{ t('LoginEnterprise.EnterCode') }}</div>
                       <div class="tip_content">
                         <span v-show="time">{{ time }}s</span>
                         <span v-show="!time" @click="emailNextStepFun()"
-                          >Resend</span
+                          >{{ t('LoginEnterprise.Resend') }}</span
                         >
                       </div>
                     </div>
-					<div class="codeEmail">We’ve sent an code to your email <span>{{ email }}</span></div>
+					<div class="codeEmail">{{ t('LoginEnterprise.SentCodeToEmail') }} <span>{{ email }}</span></div>
 					<div class="codeEmailInput">
 						<VerificationCodeInput
 						:ct="emailCode"
@@ -103,10 +103,10 @@
               <label :class="{ active: emailStap == 2 }">
                 <input :state="emailStap" type="checkbox" v-model="checked" />
 				<span>
-					I agree to the 
-					<a href="https://code-create.com.hk/aida-terms-and-conditions/" style="text-decoration: underline;color: #000;">Terms</a>, 
-					<a href="https://aida.com.hk/privacy-policy.html" target="_blank" style="text-decoration: underline;color: #000;">Privacy Policy</a>, 
-					 and Fees.
+					{{ t('LoginEnterprise.AgreeTo') }} 
+					<a href="https://code-create.com.hk/aida-terms-and-conditions/" style="text-decoration: underline;color: #000;">{{ t('LoginEnterprise.Terms') }}</a>, 
+					<a href="https://aida.com.hk/privacy-policy.html" target="_blank" style="text-decoration: underline;color: #000;">{{ t('LoginEnterprise.PrivacyPolicy') }}</a>, 
+					{{ t('LoginEnterprise.AndFees') }}
 				</span>
               </label>
             </div>
@@ -125,7 +125,7 @@
               :state="emailStap"
               @click="submitPerLogin()"
             >
-              Sign in
+              {{ t('LoginEnterprise.SignIn') }}
             </div>
 
             <!-- <div class="login_text">
@@ -151,14 +151,14 @@
         >
           <!-- <i class="fi fi-br-arrow-left"></i> -->
 			<i class="fi fi-br-angle-left"></i>
-          <span class="forget_password_content_title">Retrieve password</span>
+          <span class="forget_password_content_title">{{ t('LoginEnterprise.RetrievePassword') }}</span>
         </div>
         <div v-show="frogetPasswordStep === 1">
           <div class="forget_passored_form_content">
-            <div class="forget_passored_form_title">Email</div>
+            <div class="forget_passored_form_title">{{ t('LoginEnterprise.Email') }}</div>
             <input
               class="forget_passored_form_input"
-              placeholder="Enter your email"
+              :placeholder="t('LoginEnterprise.EnterEmail')"
               v-model="forgetPasswordEmail"
               @keydown.enter="forgetPasswordNextStepFun()"
             />
@@ -167,20 +167,20 @@
             class="forget_submit_button marign_top40"
             @click="forgetPasswordNextStepFun()"
           >
-            Next step
+            {{ t('LoginEnterprise.NextStep') }}
           </div>
         </div>
 
         <div v-show="frogetPasswordStep === 2">
-          <div class="forget_verif_code_des">Verification Code</div>
+          <div class="forget_verif_code_des">{{ t('LoginEnterprise.VerificationCode') }}</div>
           <div class="email_last_step_des">
             <div class="sent_email_content">
-              Sent to {{ forgetPasswordEmail }}
+              {{ t('LoginEnterprise.SentTo') }} {{ forgetPasswordEmail }}
             </div>
             <div class="tip_content">
               <span v-show="time">{{ time }}s</span>
               <span v-show="!time" @click="forgetPasswordNextStepFun()"
-                >Resend</span
+                >{{ t('LoginEnterprise.Resend') }}</span
               >
             </div>
           </div>
@@ -192,7 +192,7 @@
 
         <div v-show="frogetPasswordStep === 3">
           <div class="forget_passored_form_content">
-            <div class="forget_passored_form_title">Password</div>
+            <div class="forget_passored_form_title">{{ t('LoginEnterprise.Password') }}</div>
 			<div v-show="passwordConditionShow" class="conditionShow">
 				<div class="item">
 					<div class="icon">
@@ -205,7 +205,7 @@
 						class="fi fi-br-check"
 					></i>
 					</div>
-					<div class="text">At least 8 characters long</div>
+					<div class="text">{{ t('LoginEnterprise.AtLeast8Chars') }}</div>
 				</div>
 				<div class="item">
 					<div class="icon">
@@ -218,7 +218,7 @@
 						class="fi fi-br-check"
 					></i>
 					</div>
-					<div class="text">Must contain special characters</div>
+					<div class="text">{{ t('LoginEnterprise.MustContainSpecial') }}</div>
 				</div>
 				<div class="item">
 					<div class="icon">
@@ -232,13 +232,13 @@
 					></i>
 					</div>
 					<div class="text">
-					Mix of uppercase, lowercase and numbers
+					{{ t('LoginEnterprise.MixUpperLowerNumbers') }}
 					</div>
 				</div>
 			</div>
             <input
               class="forget_passored_form_input"
-              placeholder="Enter a new password"
+              :placeholder="t('LoginEnterprise.EnterNewPassword')"
               v-model="newPassword"
 			  @focus="() => (passwordConditionShow = true)"
 			@blur="() => (passwordConditionShow = false)"
@@ -250,7 +250,7 @@
             class="forget_submit_button marign_top40"
             @click="submitResetPassword()"
           >
-            Submit
+            {{ t('LoginEnterprise.Submit') }}
           </div>
         </div>
       </div>
@@ -263,7 +263,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, onMounted, reactive, toRefs } from "vue";
+import { defineComponent, ref, onMounted, reactive, toRefs, inject } from "vue";
 import { Https } from "@/tool/https";
 import { isEmail } from "@/tool/util";
 import { setCookie, WriteCookie } from "@/tool/cookie";
@@ -273,7 +273,6 @@ import googleLogin from "@/component/LoginPage/googleLogin.vue";
 import weiXinLogin from "@/component/LoginPage/weiXinLogin.vue";
 import phoneLogin from "@/component/LoginPage/phoneLogin.vue";
 import { useStore } from "vuex";
-import { useI18n } from "vue-i18n";
 import { setLang } from "@/tool/guide";
 import md5 from "md5";
 export default defineComponent({
@@ -285,7 +284,8 @@ export default defineComponent({
   },
   setup() {
     let timer: any = 0;
-    const { locale } = useI18n();
+    // 从父组件注入 i18n
+    const i18n = inject('i18n') as { t: any, locale: any };
     const store = useStore();
     let loadingShow = ref(false);
     const data = reactive({
@@ -320,7 +320,8 @@ export default defineComponent({
       ...toRefs(data),
       store,
       timer,
-      locale,
+      locale: i18n?.locale,
+      t: i18n?.t,
       loadingShow,
       schoolListChange,
       filterOption,
@@ -383,7 +384,7 @@ export default defineComponent({
     //邮箱登录的下一步
     emailNextStepFun() {
       if (!isEmail(this.email)) {
-        message.info("The email format is incorrect");
+        message.info(this.t('LoginEnterprise.IncorrectEmailFormat'));
         return;
       }
       let data = {
@@ -413,7 +414,7 @@ export default defineComponent({
     //忘记密码的下一步
     forgetPasswordNextStepFun() {
       if (!isEmail(this.forgetPasswordEmail)) {
-        message.info("The email format is incorrect");
+        message.info(this.t('LoginEnterprise.IncorrectEmail'));
         return;
       }
       let data = {
@@ -468,26 +469,26 @@ export default defineComponent({
         return;
       } else {
         if (!this.password) {
-          message.info("Please enter your account number or password");
+          message.info(this.t('LoginEnterprise.PleaseEnterYourAccountNumberOrPassword'));
           return;
         }
         //输入邮箱
         if (!this.email) {
-          message.info("Please enter your email address");
+          message.info(this.t('LoginEnterprise.NeedEmail'));
           return;
         }
         if (!this.selectEnterprise) {
-          message.info("Please select a school");
+          message.info(this.t('LoginEnterprise.SelectEnterprise'));
           return;
         }
         //判断邮箱格式是否正确
         if (!isEmail(this.email)) {
-          message.info("The email format is incorrect");
+          message.info(this.t('LoginEnterprise.IncorrectEmailFormat'));
           return;
         }
         //判断是否同意隐私政策
         if (!this.checked) {
-          message.info("Agree to all terms, privacy fees and policies");
+          message.info(this.t('Login.AgreePolicies'));
           return;
         }
         let data = {
@@ -547,7 +548,7 @@ export default defineComponent({
 		});
     },
     isCheckAgreement() {
-      message.info("Agree to all terms, privacy fees and policies");
+      message.info(this.t('Login.AgreePolicies'));
     },
    
     //谷歌登录
@@ -584,7 +585,7 @@ export default defineComponent({
 
         if (window.innerWidth < 768) {
           message.info(
-            "If you need to design, please log in using an iPad or computer."
+            this.t('Login.Device')
           );
           this.turnToHomePage("/Square");
         } else {
@@ -613,7 +614,7 @@ export default defineComponent({
     //修改密码提交
     submitResetPassword() {
 		if (this.isPassword(this.newPassword) < 3) {
-          message.info("You must satisfy ALL password conditions to register.");
+          message.info(this.t('Login.PasswordConditions'));
           return;
         }
       let data = {
diff --git a/src/component/LoginPage/login/personal.vue b/src/component/LoginPage/login/personal.vue
index 7fc3cddb..3f774ce1 100644
--- a/src/component/LoginPage/login/personal.vue
+++ b/src/component/LoginPage/login/personal.vue
@@ -14,21 +14,21 @@
                                 v-model="username"
                             /> -->
               <div v-show="emailStap === 1">
-                <div class="login_form_title marign_top30">Email</div>
+                <div class="login_form_title marign_top30">{{ t('LoginPersonal.Email') }}</div>
                 <input
                   class="login_form_input"
-                  placeholder="Enter your email address"
+                  :placeholder="t('LoginPersonal.EnterEmail')"
                   v-model="email"
                   @keydown.enter="submitPerLogin()"
                 />
                 <div class="login_form_title marign_top30">
-                  <div>Password</div>
+                  <div>{{ t('LoginPersonal.Password') }}</div>
                 </div>
                 <div class="password_input_block">
                   <input
                     class="login_form_input"
                     :type="passwordType"
-                    placeholder="Enter your password"
+                    :placeholder="t('LoginPersonal.EnterPassword')"
                     v-model="password"
                     @keydown.enter="submitPerLogin()"
                   />
@@ -57,15 +57,15 @@
                   </div> -->
                   <div class="email_last_step_bottom">
                     <div class="email_last_step_des">
-                      <div class="sent_email_content">Enter Code</div>
+                      <div class="sent_email_content">{{ t('LoginPersonal.EnterCode') }}</div>
                       <div class="tip_content">
                         <span v-show="time">{{ time }}s</span>
                         <span v-show="!time" @click="emailNextStepFun()"
-                          >Resend</span
+                          >{{ t('LoginPersonal.Resend') }}</span
                         >
                       </div>
                     </div>
-					<div class="codeEmail">We’ve sent an code to your email <span>{{ email }}</span></div>
+					<div class="codeEmail">{{ t('LoginPersonal.SentCodeToEmail') }} <span>{{ email }}</span></div>
 					<div class="codeEmailInput">
 						<VerificationCodeInput
 						ref="verificationCodeInputDom"
@@ -80,17 +80,17 @@
 			<div class="login_text" v-show="emailStap !== 2">
 
               <div class="forget_password_text" @click="changeIsLogin(2)">
-                Forgot your password
+                {{ t('LoginPersonal.ForgotPassword') }}
               </div>
             </div>
             <div class="login_form_title marign_top40">
               <label :class="{ active: emailStap == 2 }">
                 <input :state="emailStap" type="checkbox" v-model="checked" />
                 <span>
-					I agree to the 
-					<a href="https://code-create.com.hk/aida-terms-and-conditions/" style="text-decoration: underline;color: #000;">Terms</a>, 
-					<a href="https://aida.com.hk/privacy-policy.html" target="_blank" style="text-decoration: underline;color: #000;">Privacy Policy</a>, 
-					 and Fees.
+					{{ t('LoginPersonal.AgreeTo') }} 
+					<a href="https://code-create.com.hk/aida-terms-and-conditions/" style="text-decoration: underline;color: #000;">{{ t('LoginPersonal.Terms') }}</a>, 
+					<a href="https://aida.com.hk/privacy-policy.html" target="_blank" style="text-decoration: underline;color: #000;">{{ t('LoginPersonal.PrivacyPolicy') }}</a>, 
+					{{ t('LoginPersonal.AndFees') }}
 				</span>
               </label>
             </div>
@@ -102,12 +102,12 @@
               @click="submitPerLogin()"
 			  @mousedown="loginBtnMousedown"
             >
-              Sign in
+              {{ t('LoginPersonal.SignIn') }}
             </div>
-			<div class="NewAccount" @click="newAccount()">Create New Account</div>
+			<div class="NewAccount" @click="newAccount()">{{ t('LoginPersonal.CreateNewAccount') }}</div>
 			<div class="segmentation">
 				<div class="wire"></div>
-				<div class="text">or</div>
+				<div class="text">{{ t('LoginPersonal.Or') }}</div>
 				<div class="wire"></div>
 			</div>
 			<div class="thirdPartyLogin marign_top30">
@@ -147,14 +147,14 @@
                     > -->
           <!-- <i class="fi fi-br-arrow-left"></i> -->
 			<i class="fi fi-br-angle-left"></i>
-          <span class="forget_password_content_title">Retrieve password</span>
+          <span class="forget_password_content_title">{{ t('LoginPersonal.RetrievePassword') }}</span>
         </div>
         <div v-show="frogetPasswordStep === 1">
           <div class="forget_passored_form_content">
-            <div class="forget_passored_form_title">Email</div>
+            <div class="forget_passored_form_title">{{ t('LoginPersonal.Email') }}</div>
             <input
               class="forget_passored_form_input"
-              placeholder="Enter your email"
+              :placeholder="t('LoginPersonal.EnterEmail')"
               v-model="forgetPasswordEmail"
               @keydown.enter="forgetPasswordNextStepFun()"
             />
@@ -163,20 +163,20 @@
             class="forget_submit_button marign_top40"
             @click="forgetPasswordNextStepFun()"
           >
-            Next step
+            {{ t('LoginPersonal.NextStep') }}
           </div>
         </div>
 
         <div v-show="frogetPasswordStep === 2">
-          <div class="forget_verif_code_des">Verification Code</div>
+          <div class="forget_verif_code_des">{{ t('LoginPersonal.VerificationCode') }}</div>
           <div class="email_last_step_des">
             <div class="sent_email_content">
-              Sent to {{ forgetPasswordEmail }}
+              {{ t('LoginPersonal.SentTo') }} {{ forgetPasswordEmail }}
             </div>
             <div class="tip_content">
               <span v-show="time">{{ time }}s</span>
               <span v-show="!time" @click="forgetPasswordNextStepFun()"
-                >Resend</span
+                >{{ t('LoginPersonal.Resend') }}</span
               >
             </div>
           </div>
@@ -188,7 +188,7 @@
 
         <div v-show="frogetPasswordStep === 3">
           <div class="forget_passored_form_content">
-            <div class="forget_passored_form_title">Password</div>
+            <div class="forget_passored_form_title">{{ t('LoginPersonal.Password') }}</div>
 			<div v-show="passwordConditionShow" class="conditionShow">
 				<div class="item">
 					<div class="icon">
@@ -201,7 +201,7 @@
 						class="fi fi-br-check"
 					></i>
 					</div>
-					<div class="text">At least 8 characters long</div>
+					<div class="text">{{ t('LoginPersonal.AtLeast8Chars') }}</div>
 				</div>
 				<div class="item">
 					<div class="icon">
@@ -214,7 +214,7 @@
 						class="fi fi-br-check"
 					></i>
 					</div>
-					<div class="text">Must contain special characters</div>
+					<div class="text">{{ t('LoginPersonal.MustContainSpecial') }}</div>
 				</div>
 				<div class="item">
 					<div class="icon">
@@ -228,13 +228,13 @@
 					></i>
 					</div>
 					<div class="text">
-					Mix of uppercase, lowercase and numbers
+					{{ t('LoginPersonal.MixUpperLowerNumbers') }}
 					</div>
 				</div>
 			</div>
             <input
               class="forget_passored_form_input"
-              placeholder="Enter a new password"
+              :placeholder="t('LoginPersonal.EnterNewPassword')"
               v-model="newPassword"
 			  @focus="() => (passwordConditionShow = true)"
 			@blur="() => (passwordConditionShow = false)"
@@ -246,7 +246,7 @@
             class="forget_submit_button marign_top40"
             @click="submitResetPassword()"
           >
-            Submit
+            {{ t('LoginPersonal.Submit') }}
           </div>
         </div>
       </div>
@@ -290,7 +290,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, onMounted } from "vue";
+import { defineComponent, ref, onMounted, inject } from "vue";
 import { Https } from "@/tool/https";
 import { isEmail } from "@/tool/util";
 import { setCookie, WriteCookie } from "@/tool/cookie";
@@ -300,11 +300,9 @@ import googleLogin from "@/component/LoginPage/googleLogin.vue";
 import weiXinLogin from "@/component/LoginPage/weiXinLogin.vue";
 import phoneLogin from "@/component/LoginPage/phoneLogin.vue";
 import { useStore } from "vuex";
-import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
 import { setLang } from "@/tool/guide";
 import md5 from "md5";
-import router from "@/router";
-import { pass } from "three/tsl";
 export default defineComponent({
   components: {
     VerificationCodeInput,
@@ -316,17 +314,18 @@ export default defineComponent({
     let timer: any = 0;
 	let router = useRouter()
 
-    const { locale } = useI18n();
+    // 从父组件注入 i18n
+    const i18n = inject('i18n') as { t: any, locale: any };
     const store = useStore();
     let loadingShow = ref(false);
 	const newAccount = ()=>{
-		// router.spuh({path:'/register'})
 		router.push({path:'/register'})
 	}
     return {
       store,
       timer,
-      locale,
+      locale: i18n?.locale,
+      t: i18n?.t,
       loadingShow,
 	  newAccount,
     };
@@ -389,7 +388,7 @@ export default defineComponent({
     //邮箱登录的下一步
     emailNextStepFun() {
       if (!isEmail(this.email)) {
-        message.info("The email format is incorrect");
+        message.info(this.$t('LoginPersonal.IncorrectEmailFormat'));
         return;
       }
       let data = {
@@ -419,7 +418,7 @@ export default defineComponent({
     //忘记密码的下一步
     forgetPasswordNextStepFun() {
       if (!isEmail(this.forgetPasswordEmail)) {
-        message.info("The email format is incorrect");
+        message.info(this.t('LoginPersonal.IncorrectEmail'));
         return;
       }
       let data = {
@@ -473,7 +472,7 @@ export default defineComponent({
 		let verificationCodeInputDom:any = this.$refs.verificationCodeInputDom
 		let code =  verificationCodeInputDom.getCtData.map(item => item).join('');
 		if(code.length !== this.emailCode.length){
-			message.info("Please enter the complete verification code.");
+			message.info(this.t('LoginPersonal.CompleteVerificationCode'));
 		}else{
 			this.submitEmailLogin(code)
 		}
@@ -482,22 +481,22 @@ export default defineComponent({
         return;
       } else {
         if (!this.password) {
-          message.info("Please enter your account number or password");
+          message.info(this.t('LoginPersonal.PleaseEnterYourAccountNumberOrPassword'));
           return;
         }
         //输入邮箱
         if (!this.email) {
-          message.info("Please enter your email address");
+          message.info(this.t('LoginPersonal.NeedEmail'));
           return;
         }
         //判断邮箱格式是否正确
         if (!isEmail(this.email)) {
-          message.info("The email format is incorrect");
+          message.info(this.t('LoginPersonal.IncorrectEmailFormat'));
           return;
         }
         //判断是否同意隐私政策
         if (!this.checked) {
-          message.info("Agree to all terms, privacy fees and policies");
+          message.info(this.t('Login.AgreePolicies'));
           return;
         }
         let data = {
@@ -565,7 +564,7 @@ export default defineComponent({
 		},1000)
     },
     isCheckAgreement() {
-      message.info("Agree to all terms, privacy fees and policies");
+      message.info(this.t('Login.AgreePolicies'));
     },
     //谷歌登录
     googelLogin(value: any) {
@@ -601,7 +600,7 @@ export default defineComponent({
 
         if (window.innerWidth < 768) {
           message.info(
-            "If you need to design, please log in using an iPad or computer."
+            this.t('Login.Device')
           );
           this.turnToHomePage("/Square");
         } else {
@@ -630,7 +629,7 @@ export default defineComponent({
     //修改密码提交
     submitResetPassword() {
 		if (this.isPassword(this.newPassword) < 3) {
-          message.info("You must satisfy ALL password conditions to register.");
+          message.info(this.t('Login.PasswordConditions'));
           return;
         }
       let data = {
diff --git a/src/component/LoginPage/login/school.vue b/src/component/LoginPage/login/school.vue
index af38c27f..6c49f25c 100644
--- a/src/component/LoginPage/login/school.vue
+++ b/src/component/LoginPage/login/school.vue
@@ -9,14 +9,14 @@
           <div>
             <div class="login_form_content" :state="emailStap">
               <div v-show="emailStap === 1">
-                <div class="login_form_title marign_top30">School</div>
+                <div class="login_form_title marign_top30">{{ t('LoginSchool.School') }}</div>
                 <div class="generalModel_state">
                   <div
                     class="generalModel_state_item"
                     style="width: 100%; margin: 0"
                   >
                     <a-select
-                      placeholder="Select a school"
+                      :placeholder="t('LoginSchool.SelectSchool')"
                       v-model:value="selectSchool"
                       :options="schoolList"
                       @change="schoolListChange"
@@ -36,21 +36,21 @@
                     </a-select>
                   </div>
                 </div>
-                <div class="login_form_title marign_top30">Email</div>
+                <div class="login_form_title marign_top30">{{ t('LoginSchool.Email') }}</div>
                 <input
                   class="login_form_input"
-                  placeholder="Enter your email address"
+                  :placeholder="t('LoginSchool.EnterEmail')"
                   v-model="email"
                   @keydown.enter="submitPerLogin()"
                 />
                 <div class="login_form_title marign_top30">
-                  <div>Password</div>
+                  <div>{{ t('LoginSchool.Password') }}</div>
                 </div>
                 <div class="password_input_block">
                   <input
                     class="login_form_input"
                     :type="passwordType"
-                    placeholder="Enter your password"
+                    :placeholder="t('LoginSchool.EnterPassword')"
                     v-model="password"
                     @keydown.enter="submitPerLogin()"
                   />
@@ -79,15 +79,15 @@
                   </div> -->
                   <div class="email_last_step_bottom">
                     <div class="email_last_step_des">
-                      <div class="sent_email_content">Enter Code</div>
+                      <div class="sent_email_content">{{ t('LoginSchool.EnterCode') }}</div>
                       <div class="tip_content">
                         <span v-show="time">{{ time }}s</span>
                         <span v-show="!time" @click="emailNextStepFun()"
-                          >Resend</span
+                          >{{ t('LoginSchool.Resend') }}</span
                         >
                       </div>
                     </div>
-					<div class="codeEmail">We’ve sent an code to your email <span>{{ email }}</span></div>
+					<div class="codeEmail">{{ t('LoginSchool.SentCodeToEmail') }} <span>{{ email }}</span></div>
 					<div class="codeEmailInput">
 						<VerificationCodeInput
 						ref="verificationCodeInputDom"
@@ -101,17 +101,17 @@
             </div>
 			<div class="login_text" v-show="emailStap !== 2">
 				<div class="forget_password_text" @click="changeIsLogin(2)">
-				Forgot your password
+				{{ t('LoginSchool.ForgotPassword') }}
 				</div>
 			</div>
             <div class="login_form_title marign_top30">
               <label :class="{ active: emailStap == 2 }">
                 <input :state="emailStap" type="checkbox" v-model="checked" />
 				<span>
-					I agree to the 
-					<a href="https://code-create.com.hk/aida-terms-and-conditions/" style="text-decoration: underline;color: #000;">Terms</a>, 
-					<a href="https://aida.com.hk/privacy-policy.html" target="_blank" style="text-decoration: underline;color: #000;">Privacy Policy</a>, 
-					 and Fees.
+					{{ t('LoginSchool.AgreeTo') }} 
+					<a href="https://code-create.com.hk/aida-terms-and-conditions/" style="text-decoration: underline;color: #000;">{{ t('LoginSchool.Terms') }}</a>, 
+					<a href="https://aida.com.hk/privacy-policy.html" target="_blank" style="text-decoration: underline;color: #000;">{{ t('LoginSchool.PrivacyPolicy') }}</a>, 
+					{{ t('LoginSchool.AndFees') }}
 				</span>
               </label>
             </div>
@@ -132,7 +132,7 @@
               @click="submitPerLogin()"
 			  @mousedown="loginBtnMousedown"
             >
-              Sign in
+              {{ t('LoginSchool.SignIn') }}
             </div>
 
             <!-- <div class="login_text">
@@ -158,14 +158,14 @@
         >
           <!-- <i class="fi fi-br-arrow-left"></i> -->
 			<i class="fi fi-br-angle-left"></i>
-          <span class="forget_password_content_title">Retrieve password</span>
+          <span class="forget_password_content_title">{{ t('LoginSchool.RetrievePassword') }}</span>
         </div>
         <div v-show="frogetPasswordStep === 1">
           <div class="forget_passored_form_content">
-            <div class="forget_passored_form_title">Email</div>
+            <div class="forget_passored_form_title">{{ t('LoginSchool.Email') }}</div>
             <input
               class="forget_passored_form_input"
-              placeholder="Enter your email"
+              :placeholder="t('LoginSchool.EnterEmail')"
               v-model="forgetPasswordEmail"
               @keydown.enter="forgetPasswordNextStepFun()"
             />
@@ -174,20 +174,20 @@
             class="forget_submit_button marign_top40"
             @click="forgetPasswordNextStepFun()"
           >
-            Next step
+            {{ t('LoginSchool.NextStep') }}
           </div>
         </div>
 
         <div v-show="frogetPasswordStep === 2">
-          <div class="forget_verif_code_des">Verification Code</div>
+          <div class="forget_verif_code_des">{{ t('LoginSchool.VerificationCode') }}</div>
           <div class="email_last_step_des">
             <div class="sent_email_content">
-              Sent to {{ forgetPasswordEmail }}
+              {{ t('LoginSchool.SentTo') }} {{ forgetPasswordEmail }}
             </div>
             <div class="tip_content">
               <span v-show="time">{{ time }}s</span>
               <span v-show="!time" @click="forgetPasswordNextStepFun()"
-                >Resend</span
+                >{{ t('LoginSchool.Resend') }}</span
               >
             </div>
           </div>
@@ -199,7 +199,7 @@
 
         <div v-show="frogetPasswordStep === 3">
           <div class="forget_passored_form_content">
-            <div class="forget_passored_form_title">Password</div>
+            <div class="forget_passored_form_title">{{ t('LoginSchool.Password') }}</div>
 			<div v-show="passwordConditionShow" class="conditionShow">
 				<div class="item">
 					<div class="icon">
@@ -212,7 +212,7 @@
 						class="fi fi-br-check"
 					></i>
 					</div>
-					<div class="text">At least 8 characters long</div>
+					<div class="text">{{ t('LoginSchool.AtLeast8Chars') }}</div>
 				</div>
 				<div class="item">
 					<div class="icon">
@@ -225,7 +225,7 @@
 						class="fi fi-br-check"
 					></i>
 					</div>
-					<div class="text">Must contain special characters</div>
+					<div class="text">{{ t('LoginSchool.MustContainSpecial') }}</div>
 				</div>
 				<div class="item">
 					<div class="icon">
@@ -239,13 +239,13 @@
 					></i>
 					</div>
 					<div class="text">
-					Mix of uppercase, lowercase and numbers
+					{{ t('LoginSchool.MixUpperLowerNumbers') }}
 					</div>
 				</div>
 			</div>
             <input
               class="forget_passored_form_input"
-              placeholder="Enter a new password"
+              :placeholder="t('LoginSchool.EnterNewPassword')"
               v-model="newPassword"
 			  @focus="() => (passwordConditionShow = true)"
 			@blur="() => (passwordConditionShow = false)"
@@ -257,7 +257,7 @@
             class="forget_submit_button marign_top40"
             @click="submitResetPassword()"
           >
-            Submit
+            {{ t('LoginSchool.Submit') }}
           </div>
         </div>
       </div>
@@ -270,7 +270,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, onMounted, reactive, toRefs } from "vue";
+import { defineComponent, ref, onMounted, reactive, toRefs, inject } from "vue";
 import { Https } from "@/tool/https";
 import { isEmail } from "@/tool/util";
 import { setCookie, WriteCookie } from "@/tool/cookie";
@@ -280,7 +280,6 @@ import googleLogin from "@/component/LoginPage/googleLogin.vue";
 import weiXinLogin from "@/component/LoginPage/weiXinLogin.vue";
 import phoneLogin from "@/component/LoginPage/phoneLogin.vue";
 import { useStore } from "vuex";
-import { useI18n } from "vue-i18n";
 import { setLang } from "@/tool/guide";
 import md5 from "md5";
 export default defineComponent({
@@ -292,7 +291,8 @@ export default defineComponent({
   },
   setup() {
     let timer: any = 0;
-    const { locale } = useI18n();
+    // 从父组件注入 i18n
+    const i18n = inject('i18n') as { t: any, locale: any };
     const store = useStore();
     let loadingShow = ref(false);
     const data = reactive({
@@ -331,7 +331,8 @@ export default defineComponent({
       ...toRefs(data),
       store,
       timer,
-      locale,
+      locale: i18n?.locale,
+      t: i18n?.t,
       loadingShow,
       schoolListChange,
       filterOption,
@@ -396,7 +397,7 @@ export default defineComponent({
     //邮箱登录的下一步
     emailNextStepFun() {
       if (!isEmail(this.email)) {
-        message.info("The email format is incorrect");
+        message.info(this.t('LoginSchool.IncorrectEmailFormat'));
         return;
       }
       let data = {
@@ -426,7 +427,7 @@ export default defineComponent({
     //忘记密码的下一步
     forgetPasswordNextStepFun() {
       if (!isEmail(this.forgetPasswordEmail)) {
-        message.info("The email format is incorrect");
+        message.info(this.t('LoginSchool.IncorrectEmail'));
         return;
       }
       let data = {
@@ -482,7 +483,7 @@ export default defineComponent({
 		let code =  verificationCodeInputDom.getCtData.map(item => item).join('');
 		console.log(code)
 		if(code.length !== this.emailCode.length){
-			message.info("Please enter the complete verification code.");
+			message.info(this.t('LoginSchool.CompleteVerificationCode'));
 		}else{
 			this.submitEmailLogin(code)
 		}
@@ -491,26 +492,26 @@ export default defineComponent({
         return;
       } else {
         if (!this.password) {
-          message.info("Please enter your account number or password");
+          message.info(this.t('LoginSchool.PleaseEnterYourAccountNumberOrPassword'));
           return;
         }
         //输入邮箱
         if (!this.email) {
-          message.info("Please enter your email address");
+          message.info(this.t('LoginSchool.NeedEmail'));
           return;
         }
         if (!this.selectSchool) {
-          message.info("Please select a school");
+          message.info(this.t('LoginSchool.SelectSchool'));
           return;
         }
         //判断邮箱格式是否正确
         if (!isEmail(this.email)) {
-          message.info("The email format is incorrect");
+          message.info(this.t('LoginSchool.IncorrectEmailFormat'));
           return;
         }
         //判断是否同意隐私政策
         if (!this.checked) {
-          message.info("Agree to all terms, privacy fees and policies");
+          message.info(this.t('Login.AgreePolicies'));
           return;
         }
         let data = {
@@ -576,7 +577,7 @@ export default defineComponent({
 		},1000)
     },
     isCheckAgreement() {
-      message.info("Agree to all terms, privacy fees and policies");
+      message.info(this.t('Login.AgreePolicies'));
     },
     //谷歌登录
     googelLogin(value: any) {
@@ -612,7 +613,7 @@ export default defineComponent({
 
         if (window.innerWidth < 768) {
           message.info(
-            "If you need to design, please log in using an iPad or computer."
+            this.t('Login.Device')
           );
           this.turnToHomePage("/Square");
         } else {
@@ -641,7 +642,7 @@ export default defineComponent({
     //修改密码提交
     submitResetPassword() {
 		if (this.isPassword(this.newPassword) < 3) {
-          message.info("You must satisfy ALL password conditions to register.");
+          message.info(this.t('Login.PasswordConditions'));
           return;
         }
       let data = {
diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index b84aa28c..e38e38b6 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -59,6 +59,24 @@
 					Monthly: '月度',
 					Yearly: '年度',
 					monthly: [
+						{
+							title: "试用版",
+							img: '/image/homeIntroduct/personal.png',
+							type:'personal',
+							info: "您的AI时尚设计助手",
+							price: '100积分',
+							detail: "",
+							highlight: "",
+							discounts: '9折优惠',
+							detailList: [
+								'轻松充值积分',
+								'可在公共化画廊分享设计并与设计师互动',
+								'支持月付/年付选项',
+								'适合个人创作者、独立设计师以及所有时尚爱好者',
+								'客户支持',
+							],
+							btn: '立即开始',
+						},
 						{
 							title: "个人版",
 							img: '/image/homeIntroduct/personal.png',
@@ -66,7 +84,7 @@
 							info: "您的AI时尚设计助手",
 							price: 'HK$100',
 							detail: "每月·500积分",
-							highlight: "免费试用5天",
+							highlight: "",
 							discounts: '9折优惠',
 							detailList: [
 								'轻松充值积分',
@@ -84,7 +102,7 @@
 							info: "您的AI时尚设计助手",
 							price: 'HK$500',
 							detail: "每月·3500积分",
-							highlight: "免费试用5天",
+							highlight: "",
 							discounts: '9折优惠',
 							detailList: [
 								'轻松充值积分',
@@ -164,6 +182,24 @@
 					Monthly: 'Monthly',
 					Yearly: 'Yearly',
 					monthly:[
+						{
+							title:"Personal",
+							img:'/image/homeIntroduct/personal.png',
+							type:'personal',
+							info:"Your AI Fashion Design Assistant",
+							price:'100 credits',
+							detail:"",
+							highlight:"",
+							discounts:'10% off',
+							detailList: [
+								'Easy to Top up Credits',
+								'Option to Share Design and Interact with Designers in Public Gallery',
+								'Support Monthly/Annual Payment Options',
+								'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
+								'Customer and Technical Support',
+							],
+							btn:'Get Started',
+						},
 						{
 							title:"Personal",
 							img:'/image/homeIntroduct/personal.png',
@@ -171,7 +207,7 @@
 							info:"Your AI Fashion Design Assistant",
 							price:'HK$100',
 							detail:"per month · 500 credits",
-							highlight:"Free 5-Days Trial",
+							highlight:"",
 							discounts:'10% off',
 							detailList: [
 								'Easy to Top up Credits',
@@ -189,7 +225,7 @@
 							info:"Your AI Fashion Design Assistant",
 							price:'HK$500',
 							detail:"per month · 3500 credits",
-							highlight:"Free 5-Days Trial",
+							highlight:"",
 							discounts:'10% off',
 							detailList:[
 								'Easy to Top up Credits',
diff --git a/src/lang/cn.ts b/src/lang/cn.ts
index 18c6c851..80aea4f5 100644
--- a/src/lang/cn.ts
+++ b/src/lang/cn.ts
@@ -1530,5 +1530,114 @@ export default {
     ChatRobot: '对话生成',
     Yes: '是',
     No: '否'
+  },
+  Login: {
+    Login: '登录',
+    SignUp: '注册',
+    ForgotPassword: '忘记密码',
+    Welcome: '欢迎来到',
+    AiDA: 'AiDA',
+    Slogan:
+      'AiDA是一个业界首创的平台，致力于赋能时装设计师融汇灵感，人机协同，共创原创设计。',
+    LoginMethod: '使用以下方式登录：',
+    Individual: '个人账号',
+    Academic: '学术账号',
+    LogoOnToAiDA: '登录到AiDA 3.1',
+    Infomation: '请填写以下信息',
+    Device: '请使用iPad或电脑登录',
+    AgreePolicies: '请勾选条款、隐私政策和费用',
+    PasswordConditions: '您必须满足所有密码条件才能注册'
+  },
+  LoginPersonal: {
+    Email: '邮箱',
+    Password: '密码',
+    EnterEmail: '请输入您的邮箱地址',
+    EnterPassword: '请输入您的密码',
+    EnterCode: '输入验证码',
+    Resend: '重发',
+    SentCodeToEmail: '我们已向您的邮箱发送验证码',
+    ForgotPassword: '忘记密码',
+    AgreeTo: '我同意',
+    Terms: '条款',
+    PrivacyPolicy: '隐私政策',
+    AndFees: '和费用',
+    SignIn: '登录',
+    CreateNewAccount: '创建新账号',
+    Or: '或',
+    RetrievePassword: '找回密码',
+    NextStep: '下一步',
+    VerificationCode: '验证码',
+    SentTo: '发送至',
+    Submit: '提交',
+    AtLeast8Chars: '至少8个字符',
+    MustContainSpecial: '必须包含特殊字符',
+    MixUpperLowerNumbers: '大小写字母和数字的组合',
+    EnterNewPassword: '请输入新密码',
+    NeedEmail: '请输入邮箱',
+    IncorrectEmail: '请输入正确的邮箱地址',
+    IncorrectEmailFormat: '请输入正确的邮箱格式',
+    CompleteVerificationCode: '请输入完整的验证码',
+    PleaseEnterYourAccountNumberOrPassword: '请输入您的账号或密码'
+  },
+  LoginSchool: {
+    School: '学校',
+    SelectSchool: '请选择学校',
+    Email: '邮箱',
+    Password: '密码',
+    EnterEmail: '请输入您的邮箱地址',
+    EnterPassword: '请输入您的密码',
+    EnterCode: '输入验证码',
+    Resend: '重发',
+    SentCodeToEmail: '我们已向您的邮箱发送验证码',
+    ForgotPassword: '忘记密码',
+    AgreeTo: '我同意',
+    Terms: '条款',
+    PrivacyPolicy: '隐私政策',
+    AndFees: '和费用',
+    SignIn: '登录',
+    RetrievePassword: '找回密码',
+    NextStep: '下一步',
+    VerificationCode: '验证码',
+    SentTo: '发送至',
+    Submit: '提交',
+    AtLeast8Chars: '至少8个字符',
+    MustContainSpecial: '必须包含特殊字符',
+    MixUpperLowerNumbers: '大小写字母和数字的组合',
+    EnterNewPassword: '请输入新密码',
+    NeedEmail: '请输入邮箱',
+    IncorrectEmail: '请输入正确的邮箱地址',
+    IncorrectEmailFormat: '请输入正确的邮箱格式',
+    CompleteVerificationCode: '请输入完整的验证码',
+    PleaseEnterYourAccountNumberOrPassword: '请输入您的账号或密码'
+  },
+  LoginEnterprise: {
+    Enterprise: '企业',
+    SelectEnterprise: '请选择企业',
+    Email: '邮箱',
+    Password: '密码',
+    EnterEmail: '请输入您的邮箱地址',
+    EnterPassword: '请输入您的密码',
+    EnterCode: '输入验证码',
+    Resend: '重发',
+    SentCodeToEmail: '我们已向您的邮箱发送验证码',
+    AgreeTo: '我同意',
+    Terms: '条款',
+    PrivacyPolicy: '隐私政策',
+    AndFees: '和费用',
+    SignIn: '登录',
+    RetrievePassword: '找回密码',
+    NextStep: '下一步',
+    VerificationCode: '验证码',
+    SentTo: '发送至',
+    Submit: '提交',
+    AtLeast8Chars: '至少8个字符',
+    MustContainSpecial: '必须包含特殊字符',
+    MixUpperLowerNumbers: '大小写字母和数字的组合',
+    EnterNewPassword: '请输入新密码',
+    NeedEmail: '请输入邮箱',
+    IncorrectEmail: '请输入正确的邮箱地址',
+    IncorrectEmailFormat: '请输入正确的邮箱格式',
+    CompleteVerificationCode: '请输入完整的验证码',
+    PleaseEnterYourAccountNumberOrPassword: '请输入您的账号或密码'
   }
 }
diff --git a/src/lang/en.ts b/src/lang/en.ts
index e0dea4ad..2df02db1 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -107,7 +107,8 @@ export default {
     FillBack: 'Fill & Border',
     Layer: 'Layer',
     More: 'Adjustments',
-    insufficient: 'Your points balance is insufficient, if you need to use this feature, please click the top left corner to recharge',
+    insufficient:
+      'Your points balance is insufficient, if you need to use this feature, please click the top left corner to recharge',
     HDExport: 'UpScale',
     Save: 'Save',
     Share: 'Share',
@@ -130,11 +131,13 @@ export default {
     Copy: 'Copy',
     Paste: 'Paste',
     UploadOpenimage: 'Upload/Open image',
-    jsContent1: "Have you saved your canvas content? If not, please click 'Save' before closing.",
+    jsContent1:
+      "Have you saved your canvas content? If not, please click 'Save' before closing.",
     jsContent2: 'We only provide super-resolution capabilities for printboard images.',
     jsContent3: 'Your points are less than one SR',
     jsContent4: 'Your points balance is insufficient',
-    jsContent5: 'After super-resolution enhancement, the {str} th image you selected has a resolution exceeding 2048, Please choose a lower magnification level.',
+    jsContent5:
+      'After super-resolution enhancement, the {str} th image you selected has a resolution exceeding 2048, Please choose a lower magnification level.',
     jsContent6: 'Please select the picture that requires upscale',
     jsContent7: 'It has been successfully saved to the project canvas.',
     jsContent8: 'Whether to continue editing',
@@ -199,16 +202,21 @@ export default {
     Complete: 'Complete',
     jsContent1: 'Whether to delete the workspace?',
     jsContent2: 'Please enter a workbench name',
-    jsContent3: "It looks like you've changed the style. Would you like to replace the currently used mannequin with the system-recommended model for this style?",
+    jsContent3:
+      "It looks like you've changed the style. Would you like to replace the currently used mannequin with the system-recommended model for this style?",
     currentProject: 'Current Project'
   },
   RobotAssist: {
     inputContent1: 'write a message~',
     jsContent1: 'Please enter content',
-    jsContent2: "Welcome to AiDA. I am your friendly fashion design assistant. If you have any questions or need assistance, please don't hesitate to ask",
-    jsContent3: "I see you might be new here, and I'd love to guide you through a tutorial to help you get acquainted with our new and improved AiDA system. Would you like to start the tutorial now?",
-    jsContent4: 'You can start the tutorial at any time by simply telling me that you want to.',
-    jsContent5: 'We need to refresh the page before starting the tutorial. Would you like to start the tutorial now?'
+    jsContent2:
+      "Welcome to AiDA. I am your friendly fashion design assistant. If you have any questions or need assistance, please don't hesitate to ask",
+    jsContent3:
+      "I see you might be new here, and I'd love to guide you through a tutorial to help you get acquainted with our new and improved AiDA system. Would you like to start the tutorial now?",
+    jsContent4:
+      'You can start the tutorial at any time by simply telling me that you want to.',
+    jsContent5:
+      'We need to refresh the page before starting the tutorial. Would you like to start the tutorial now?'
   },
   HomeView: {
     GetStarted: 'Get Started',
@@ -228,24 +236,30 @@ export default {
     colorboard: 'colorboard',
     sketchboard: 'sketchboard',
     mannequins: 'mannequins',
-    masnnequinHint: 'The mannequin you use is not matched with the current clothes, which will cause the generated model to not use the selected clothes',
+    masnnequinHint:
+      'The mannequin you use is not matched with the current clothes, which will cause the generated model to not use the selected clothes',
     FinalizeCollection: 'complete series',
     jsContent1: 'You must choose one or more colors for further process.',
     jsContent2: 'You must choose one or more colors for further process.',
     jsContent3: 'Failed to export the file',
-    jsContent4: 'Your subscription will expire in {days} days and {hours} hours. To ensure uninterrupted service, please click here to renew ->  ',
+    jsContent4:
+      'Your subscription will expire in {days} days and {hours} hours. To ensure uninterrupted service, please click here to renew ->  ',
     jsContent8: 'Renew Subscription.',
     jsContent7: 'Friendly Reminder',
-    jsContent5: "We're delighted to have you experience AiDA. Please be aware that some services may be limited during the trial period. If you're ready to fully dive in and enjoy the complete experience, we warmly invite you to subscribe. Just visit ",
+    jsContent5:
+      "We're delighted to have you experience AiDA. Please be aware that some services may be limited during the trial period. If you're ready to fully dive in and enjoy the complete experience, we warmly invite you to subscribe. Just visit ",
     jsContent6: ' to get started. Thank you for trying our services!',
     jsContent9: 'Are you sure to erase current collection and start over?',
-    jsContent10: "Re-created works are not allowed to use 'design', but you can use 'redesign'",
-    jsContent11: 'By unliking this, all connected posts will be deleted. Are you sure you want to continue?',
+    jsContent10:
+      "Re-created works are not allowed to use 'design', but you can use 'redesign'",
+    jsContent11:
+      'By unliking this, all connected posts will be deleted. Are you sure you want to continue?',
     jsContent12: 'Are you sure about deleting the current brand DNA?'
   },
   ProductImg: {
     productInput: 'Enter keyword(style,texture)',
-    relightInput: 'Using revised phrase(e.g. change...to...,replace...with...,add,remove)',
+    relightInput:
+      'Using revised phrase(e.g. change...to...,replace...with...,add,remove)',
     Finalize: 'Finalize',
     SelectCollection: 'Line Drawing',
     SelectCollectionRelight: 'Product Image',
@@ -272,7 +286,8 @@ export default {
     TopLight: 'Top Light',
     BottomLight: 'Bottom Light',
     Clear: 'Clear',
-    jsContent1: 'Your changes will be lost if you navigate away from this page. Are you sure you want to leave this page?',
+    jsContent1:
+      'Your changes will be lost if you navigate away from this page. Are you sure you want to leave this page?',
     jsContent2: 'Please select at least one picture',
     jsContent3: 'One of your images failed to generate. Please try again.',
     Prompt: 'Prompt',
@@ -283,7 +298,7 @@ export default {
     CopyFiled: 'Failed to copy',
     noPrompt: 'Please enter prompt',
     OriginalImage: 'Original Image',
-	EditGarmen: 'You can edit the Model',
+    EditGarmen: 'You can edit the Model',
     EditGarmen2: 'You can edit the Scene',
     Background: 'White Background',
     BackgroundColor: 'Background with Pure Color',
@@ -310,18 +325,29 @@ export default {
     ChangeBarInfo: 'Remove Garment',
     ChangeGarden: 'In the garden, in the morning.',
     ChangeGardenInfo: 'Add Accessories',
-    SingleGarment: 'Professional product photo: garment on invisible mannequin, no model visible. Preserve exact design - all patterns, colors, textures, details.', // 单品样衣
-    SingleChildMaleWithoutModel: 'Transform this image into a real garment showing in the white studio: garment on invisible mannequin.',
-    SingleChildMaleWithModel: 'Transform this image into a real child model stand and wear this garment, in the white studio, facing camera, standing posture.',
-    SingleChildFemaleWithoutModel: 'Transform this image into a real garment showing in the white studio: garment on invisible mannequin.',
-    SingleChildFemaleWithModel: 'Transform this image into a real child model stand and wear this garment, in the white studio, facing camera, standing posture.',
-    SingleAdultMaleWithoutModel: 'Transform this image into a real garment showing in the white studio: garment on invisible mannequin.',
-    SingleAdultMaleWithModel: 'Transform this image into a real model stand and wear this garment, in the white studio, facing camera, standing posture.',
-    SingleAdultFemaleWithoutModel: 'Transform this image into a real garment showing in the white studio: garment on invisible mannequin.',
-    SingleAdultFemaleWithModel: 'Transform this image into a real model stand and wear this garment, in the white studio, facing camera, standing posture.',
-    Series: 'In the white studio, facing camera, standing posture.', 
-    UploadWithModel: 'Create realistic studio photo with real people model standing and wearing this garment, in white studio, Keep original model if present, or generate appropriate model, Standing pose, facing camera.', // 上传线稿,带模特
-    UploadWithoutModel: 'Transform this image into a real garment showing in the white studio: garment on invisible mannequin' // 上传线稿,不带模特
+    SingleGarment:
+      'Professional product photo: garment on invisible mannequin, no model visible. Preserve exact design - all patterns, colors, textures, details.', // 单品样衣
+    SingleChildMaleWithoutModel:
+      'Transform this image into a real garment showing in the white studio: garment on invisible mannequin.',
+    SingleChildMaleWithModel:
+      'Transform this image into a real child model stand and wear this garment, in the white studio, facing camera, standing posture.',
+    SingleChildFemaleWithoutModel:
+      'Transform this image into a real garment showing in the white studio: garment on invisible mannequin.',
+    SingleChildFemaleWithModel:
+      'Transform this image into a real child model stand and wear this garment, in the white studio, facing camera, standing posture.',
+    SingleAdultMaleWithoutModel:
+      'Transform this image into a real garment showing in the white studio: garment on invisible mannequin.',
+    SingleAdultMaleWithModel:
+      'Transform this image into a real model stand and wear this garment, in the white studio, facing camera, standing posture.',
+    SingleAdultFemaleWithoutModel:
+      'Transform this image into a real garment showing in the white studio: garment on invisible mannequin.',
+    SingleAdultFemaleWithModel:
+      'Transform this image into a real model stand and wear this garment, in the white studio, facing camera, standing posture.',
+    Series: 'In the white studio, facing camera, standing posture.',
+    UploadWithModel:
+      'Create realistic studio photo with real people model standing and wearing this garment, in white studio, Keep original model if present, or generate appropriate model, Standing pose, facing camera.', // 上传线稿,带模特
+    UploadWithoutModel:
+      'Transform this image into a real garment showing in the white studio: garment on invisible mannequin' // 上传线稿,不带模特
   },
   poseTransfer: {
     SelectDesign: 'Product image',
@@ -346,7 +372,8 @@ export default {
     firstAndLastFramePlaceholder1: 'Camera Movement',
     firstAndLastFrameText2: ' to follow the motion, under',
     firstAndLastFramePlaceholder2: 'Light',
-    firstAndLastFrameText3: ' , maintaining full consistency of model identity, styling, and outfit across all frames.',
+    firstAndLastFrameText3:
+      ' , maintaining full consistency of model identity, styling, and outfit across all frames.',
     firstFrameText1: 'Set the ',
     firstFramePlaceholder1: 'Scene',
     firstFrameText2: ', where the model ',
@@ -411,8 +438,10 @@ export default {
     jsContent10: 'Save as New or Overwrite Current Mannequin?',
     jsContent11: 'Are you sure about deleting the current brand DNA?',
     jsContent12: 'Please deselect first, then try deleting again.',
-    jsContent13: 'You must select at least one model of the current gender, and no more than four.',
-    jsContent14: 'You must select a model whose gender is the same as that of the current project.'
+    jsContent13:
+      'You must select at least one model of the current gender, and no more than four.',
+    jsContent14:
+      'You must select a model whose gender is the same as that of the current project.'
   },
   HistoryPage: {
     History: 'History',
@@ -452,11 +481,13 @@ export default {
     Point: 'Point',
     addPoint: 'Add points',
     RemovePoint: 'Remove points',
-    mannequinHint: 'Please change the pure white inside the mannequin for another color to enhance your experience',
+    mannequinHint:
+      'Please change the pure white inside the mannequin for another color to enhance your experience',
     SHOULDER: 'SHOULDER',
     WAISTBAND: 'WAISTBAND',
     HAND: 'HAND',
-    jsContent1: "You haven't marked the image yet, and the model will not be uploaded. Are you sure you want to close it?",
+    jsContent1:
+      "You haven't marked the image yet, and the model will not be uploaded. Are you sure you want to close it?",
     jsContent2: 'This picture has been uploaded whether to continue uploading？'
   },
   ModelPlacementMobile: {
@@ -469,11 +500,13 @@ export default {
     Library: 'Library',
     Point: 'Point',
     RemovePoint: 'Remove Point',
-    mannequinHint: 'Please change the pure white inside the mannequin for another color to enhance your experience',
+    mannequinHint:
+      'Please change the pure white inside the mannequin for another color to enhance your experience',
     SHOULDER: 'SHOULDER',
     WAISTBAND: 'WAISTBAND',
     HAND: 'HAND',
-    jsContent1: "You haven't marked the image yet, and the model will not be uploaded. Are you sure you want to close it?",
+    jsContent1:
+      "You haven't marked the image yet, and the model will not be uploaded. Are you sure you want to close it?",
     jsContent2: 'This picture has been uploaded whether to continue uploading？'
   },
   Upload: {
@@ -522,8 +555,10 @@ export default {
     GeneratePrint: 'Pattern',
     maximumLength: 'The entered content exceeds the maximum length.',
     PatternTitle: 'Generates repeatable designs that can be fully tiled across garments.',
-    LogoTitle: 'Creates standalone graphic designs that can be placed individually or tiled.',
-    SloganTitle: 'Produces artistic typography for text, suitable for various slogans or phrases.',
+    LogoTitle:
+      'Creates standalone graphic designs that can be placed individually or tiled.',
+    SloganTitle:
+      'Produces artistic typography for text, suitable for various slogans or phrases.',
     jsContent1: 'You can only upload Image file!',
     jsContent2: 'Image must smaller than 5MB!',
     jsContent3: 'Maximum number of allowable file uploads has been exceeded',
@@ -617,8 +652,10 @@ export default {
     currently: 'You are currently in the {generateLineUp} th position in the queue',
     Merge: 'Merge',
     maximumLength: 'The entered content exceeds the maximum length.',
-    effectPoor: 'The quality of the generated images currently falls below standard. Please consider adjusting your prompt and trying again.',
-    everyTimeEffectPoor: 'One generated image falls below quality thresholds. Modify your text prompt and regenerate.',
+    effectPoor:
+      'The quality of the generated images currently falls below standard. Please consider adjusting your prompt and trying again.',
+    everyTimeEffectPoor:
+      'One generated image falls below quality thresholds. Modify your text prompt and regenerate.',
     Model: 'Model',
     uploadTitle: 'Upload reference image',
     uploadproduct: 'Upload product picture',
@@ -634,7 +671,8 @@ export default {
     GoldSunflower: 'Golden Sunflower',
     EmrldJungle: 'Emerald Jungle Canopy',
     PinkSakura: 'Pink Sakura Blossom',
-    generateLoading: 'Please wait while we extract text from your images. This will just take a moment.',
+    generateLoading:
+      'Please wait while we extract text from your images. This will just take a moment.',
     jsContent1: 'You can only upload Image file!',
     jsContent2: 'Image must smaller than 5MB!',
     jsContent3: 'Please enter content',
@@ -645,7 +683,8 @@ export default {
     jsContent8: 'You have {num} remaining opportunity to generate {str}.',
     jsContent9: 'You have exhausted your generation opportunities {str}.',
     jsContent10: 'Please complete the slogan picture',
-    jsContent11: 'See the input content may overlap, overlap will affect the final effect oh',
+    jsContent11:
+      'See the input content may overlap, overlap will affect the final effect oh',
     jsContent12: 'Complete at least one slogan'
   },
   collectionModal: {
@@ -659,11 +698,14 @@ export default {
     PrinCollection: 'select printboard for your collection',
     ColorCollection: 'select colors for your collection',
     SketchCollection: 'select sketchboard for your collection',
-    jsContent1: "Since you have selected multiple images, please click 'Layout' to proceed.",
+    jsContent1:
+      "Since you have selected multiple images, please click 'Layout' to proceed.",
     jsContent2: 'The uploaded files will not be saved, being sure to continue? ',
     jsContent3: 'You must choose one or more colors for further process.',
-    jsContent5: "We've detected that the number of pins on your ({str}) exceeds eight, which may result in some pinned items not being used. Would you like to continue anyway?",
-    jsContent6: 'The content on the canvas has not been saved. Please click "Preview" to continue.',
+    jsContent5:
+      "We've detected that the number of pins on your ({str}) exceeds eight, which may result in some pinned items not being used. Would you like to continue anyway?",
+    jsContent6:
+      'The content on the canvas has not been saved. Please click "Preview" to continue.',
     jsContent7: 'Please select at least one model.'
   },
   DesignDetail: {
@@ -755,7 +797,8 @@ export default {
     available: 'This feature is not available to trial users',
     src: 'This function is not open to trial users, if you need to subscribe, please visit ',
     userName: 'Trial User',
-    loginIsTest: "You are a trial user, Probation period until{date}. For the security of users' data, we do not save any personal data uploaded by trial users, and will erase personal data after each logout. if you need to subscribe, please click ->",
+    loginIsTest:
+      "You are a trial user, Probation period until{date}. For the security of users' data, we do not save any personal data uploaded by trial users, and will erase personal data after each logout. if you need to subscribe, please click ->",
     image: 'Because you are a trial user, you can only upload 10 images'
   },
   setLabel: {
@@ -782,7 +825,8 @@ export default {
     UpdatePublish: 'Update Publish',
     jsContent1: 'Are you sure to leave this page? Your changes are not saved. ',
     jsContent2: 'Please enter the name of your work',
-    jsContent3: 'This will publish your work to the square for all users to see. Please confirm whether to publish?',
+    jsContent3:
+      'This will publish your work to the square for all users to see. Please confirm whether to publish?',
     jsContent4: 'Release success! You can find it in my work'
   },
   newScaleImage: {
@@ -916,7 +960,8 @@ export default {
     Yearly: 'Yearly',
     promotionCode: 'Coupon',
     use: 'Apply',
-    PromoCodeError: 'Please check if the promo code is correct or if the date has expired',
+    PromoCodeError:
+      'Please check if the promo code is correct or if the date has expired',
     CreditCard: 'Credit Card',
     Alipay: 'Alipay',
     Payment: 'Payment method',
@@ -958,26 +1003,34 @@ export default {
     subscriptionRenewal: 'There are no subscription plans with automatic renewal.'
   },
   guide: {
-    guide1: "You can personalize your design settings right here in the <strong>Workspace</strong>, including choosing to design for men's or women's wear, as well as selecting the mannequin to use for your creations.",
+    guide1:
+      "You can personalize your design settings right here in the <strong>Workspace</strong>, including choosing to design for men's or women's wear, as well as selecting the mannequin to use for your creations.",
     guide2: "Select the apparel type you'd like to work on.",
     guide3: 'Change the mannequin here.',
-    guide4: 'You can currently select a mannequin from our system library. Later, you can also choose from the user library after registering your own mannequin.',
+    guide4:
+      'You can currently select a mannequin from our system library. Later, you can also choose from the user library after registering your own mannequin.',
     guide5: 'Begin your creative journey here. ',
-    guide6: 'For the Moodboard, Printboard, or Sketchboard, we provide three different sourcing methods to add images. The first option is <strong>Upload</strong>, allowing you to <stront>upload</stront> directly from your local device.',
-    guide7: "The second method is to select from your <strong>Library</strong>. <br> You might notice that your library page is currently empty; there's no need to worry. All the images you upload will be automatically added to your library. In the future, you won't have to upload each time—you can simply choose from your library instead.",
-    guide8: 'The third method is to <strong>Generate</strong> images using the latest Image Generation technology.',
-    guide9: 'Enter keywords that capture the mood you wish to express and then click the <strong>Low Quality</strong> button.',
+    guide6:
+      'For the Moodboard, Printboard, or Sketchboard, we provide three different sourcing methods to add images. The first option is <strong>Upload</strong>, allowing you to <stront>upload</stront> directly from your local device.',
+    guide7:
+      "The second method is to select from your <strong>Library</strong>. <br> You might notice that your library page is currently empty; there's no need to worry. All the images you upload will be automatically added to your library. In the future, you won't have to upload each time—you can simply choose from your library instead.",
+    guide8:
+      'The third method is to <strong>Generate</strong> images using the latest Image Generation technology.',
+    guide9:
+      'Enter keywords that capture the mood you wish to express and then click the <strong>Low Quality</strong> button.',
     guide10: 'Select two images for your moodboard.',
     guide11: 'Click here to layout your moodboard.',
     guide12: 'Click here for next step.',
     guide13: 'Click here to generate print images.',
     // guide14:"We provide three input options for generating images: Image Only, Text Only, and Text-Image.",
     // guide15:"Select this option and we will generate four print images using both the picture you upload and the text you enter.",
-    guide16: 'Choose a generation model here; different models will generate images in various styles.',
+    guide16:
+      'Choose a generation model here; different models will generate images in various styles.',
     // guide17:"Choose a generation model here; different models will generate images in various styles.",
     guide18: 'Upload the input picture here.',
     // guide19:"Click on this image to select it.",
-    guide20: 'Enter keywords about the print you wish to create and then click the <strong>Generate</strong> button.',
+    guide20:
+      'Enter keywords about the print you wish to create and then click the <strong>Generate</strong> button.',
     guide21: 'Select the generated prints you like best.',
     guide22: 'Click here for next step.',
     guide23: 'Click here to extract primary colors from image.',
@@ -987,7 +1040,8 @@ export default {
     guide27: 'Click here for next step.',
     guide28: 'Click here to generate clothing sketches.',
     // guide29:"Using text only option for generation.",
-    guide30: 'Enter keywords about the sketch you wish to create and then click the <strong>Generate</strong> button.',
+    guide30:
+      'Enter keywords about the sketch you wish to create and then click the <strong>Generate</strong> button.',
     guide31: 'Click here to choose a category for the generated sketch.',
     guide32: 'Choose correct category for the sketch.',
     guide33: 'Select the generated sketches you like best.',
@@ -995,7 +1049,8 @@ export default {
     guide35: 'Click here to let AI generate design illustrations.',
     guide36: 'Please wait a few seconds.',
     guide37: 'Click the little red heart to save your favorite design.',
-    guide38: "Click '<strong>Redesign</strong>' to generate eight new outfits for your collection to choose from.",
+    guide38:
+      "Click '<strong>Redesign</strong>' to generate eight new outfits for your collection to choose from.",
     guide39: 'Click here to let AI generate design illustrations.',
     guide40: 'Click on any design image you are interested in to modify the details.',
     guide41: 'Click on the clothes to modify its details.',
@@ -1007,7 +1062,8 @@ export default {
     guide47: 'Save printed design here.',
     guide48: 'Click here to finalize your modification.',
     guide49: 'Click here to access the finalize page.',
-    guide51: 'This interface allows you to transform design results into product images. You can achieve your desired effect by adjusting the text and similarity. Click this product image to proceed to the next step.',
+    guide51:
+      'This interface allows you to transform design results into product images. You can achieve your desired effect by adjusting the text and similarity. Click this product image to proceed to the next step.',
     guide52: 'Click here to generate the product image.',
     guide53: 'Click this button to apply more tools to the product image. ',
     guide54: 'We can adjust the lighting and background of this image. ',
@@ -1015,7 +1071,8 @@ export default {
     guide56: 'If you like this result, click the little heart to save it.',
     guide57: 'Click here to go to the export page. ',
     guide58: 'You can share your work to the gallery or export to your local device.',
-    guide50: "Your guide is complete, and now the canvas is yours to create freely. For more insights and details, check out our demo video on the homepage at <a href='https://code-create.com.hk/aida/' style='pointer-events: auto;' target='_blank'>https://code-create.com.hk/aida/</a><br>You can restart the tutorial at any time by simply telling the robot that you want to."
+    guide50:
+      "Your guide is complete, and now the canvas is yours to create freely. For more insights and details, check out our demo video on the homepage at <a href='https://code-create.com.hk/aida/' style='pointer-events: auto;' target='_blank'>https://code-create.com.hk/aida/</a><br>You can restart the tutorial at any time by simply telling the robot that you want to."
   },
   createSlogan: {
     title: 'Create Slogan',
@@ -1037,13 +1094,16 @@ export default {
     Setting: 'Manual Mode',
     SeriesDesign: 'Overall Illustration Design',
     series: 'Series Design',
-    SeriesDesignInfo: 'Series Design focuses on the coordinated design of multi-category clothing, ideal for creating a unified fashion collection. Gather and arrange your inspiration using the Moodboard, Printboard, Colorboard, Sketchboard, and Mannequin tools in the Design Assets panel to build harmonious outfit combinations. Refine your creations in the Draft and Collection panels using powerful tools like To Product Image, Relight, and Transfer Pose. When you’re ready, export everything to the Canvas to display your complete series design.',
+    SeriesDesignInfo:
+      'Series Design focuses on the coordinated design of multi-category clothing, ideal for creating a unified fashion collection. Gather and arrange your inspiration using the Moodboard, Printboard, Colorboard, Sketchboard, and Mannequin tools in the Design Assets panel to build harmonious outfit combinations. Refine your creations in the Draft and Collection panels using powerful tools like To Product Image, Relight, and Transfer Pose. When you’re ready, export everything to the Canvas to display your complete series design.',
     SingleDesign: 'Single item design',
     single: 'Single Design',
     DeepThinking: 'Deep Thinking',
-    SingleDesignInfo: 'Single Design focuses on creating an individual clothing item, such as a T-shirt, dress, or jacket, without coordinating it with other pieces. Use the Moodboard, Printboard, Colorboard, and Sketchboard sections in the Design Assets panel to gather inspiration and develop a unique design. Once finished, refine your work in the Draft and Collection panels using tools like To Product Image, Relight, and Transfer Pose, then export to the Canvas to showcase your standalone creation. ',
+    SingleDesignInfo:
+      'Single Design focuses on creating an individual clothing item, such as a T-shirt, dress, or jacket, without coordinating it with other pieces. Use the Moodboard, Printboard, Colorboard, and Sketchboard sections in the Design Assets panel to gather inspiration and develop a unique design. Once finished, refine your work in the Draft and Collection panels using tools like To Product Image, Relight, and Transfer Pose, then export to the Canvas to showcase your standalone creation. ',
     selectDesignType: 'Please select the design type',
-    hintListSERIES1: 'Design a collection of futuristic clothes, deep purple color scheme.',
+    hintListSERIES1:
+      'Design a collection of futuristic clothes, deep purple color scheme.',
     hintListSERIES2: 'Design a set of bright-colored, Bohemian-style dresses.',
     hintListSERIES3: 'Design a set of hip-hop street style denim jackets for boys.',
     hintListSIGNLE1: 'A silver-gray, steampunk-style windbreaker.',
@@ -1104,7 +1164,8 @@ export default {
     Delete: 'Delete',
     Finish: 'We have calculated your preferred style.',
     LastCompletionTime: 'Last completion time',
-    textarea: 'Please enter your thoughts about this brand, and we will help you generate the name, logo, and slogan.'
+    textarea:
+      'Please enter your thoughts about this brand, and we will help you generate the name, logo, and slogan.'
   },
   chat: {
     DeepThinking: 'Deep Thinking',
@@ -1250,11 +1311,13 @@ export default {
     SpecialEffectsBrush: 'Special Effects Brush',
     PencilSettings: 'Pencil Settings',
     ParticleSeparationDegree: 'Particle separation degree',
-    ParticleSeparationDegreeDescription: 'Control the degree of separation of the crayon particles',
+    ParticleSeparationDegreeDescription:
+      'Control the degree of separation of the crayon particles',
     TheAmountOfInk: 'The Amount Of Ink',
     TheAmountOfInkDescription: 'Control the amount of pigment in the crayons',
     randomness: 'Randomness',
-    randomnessDescription: 'Controlling the degree of randomness in the texture of the crayon',
+    randomnessDescription:
+      'Controlling the degree of randomness in the texture of the crayon',
     TextureType: 'Texture Type',
     TextureTypeDescription: 'Set the texture type of the crayons',
     Default: 'Default',
@@ -1389,28 +1452,36 @@ export default {
     back: 'Back',
     confirm: 'Confirm',
     RasterizedLayer: 'Rasterized Layer',
-    rasterizeImmediately: 'You need to rasterize first before performing the distortion operation. Do you want to rasterize immediately?',
+    rasterizeImmediately:
+      'You need to rasterize first before performing the distortion operation. Do you want to rasterize immediately?',
     ConfirmRasterization: 'Confirm Rasterization',
     beingRasterized: 'Currently, it is being rasterized.',
     waitRasterizing: 'Rasterizing the layer. Please wait...',
-    successRasterizing: 'The layer has been successfully rasterized and can now undergo the distortion operation.',
+    successRasterizing:
+      'The layer has been successfully rasterized and can now undergo the distortion operation.',
     gridingFailed: 'Griding Failed',
-    gridingFailedNoOperation: 'Griding failed. Unable to perform the liquefaction operation.',
+    gridingFailedNoOperation:
+      'Griding failed. Unable to perform the liquefaction operation.',
     gridingError: 'Griding Error',
     LayerError: 'Layer Error',
     LayerDoesNotExist: 'The layer does not exist.',
     backgroundEmpty: 'The background layer is empty.',
-    backgroundEmptyNoLiquidation: 'The background layer is empty, so the liquidation operation cannot be performed.',
+    backgroundEmptyNoLiquidation:
+      'The background layer is empty, so the liquidation operation cannot be performed.',
     layerEmpty: 'The layer is empty.',
-    layerEmptyNoLiquidation: 'The layer is empty and cannot perform the liquefaction operation.',
+    layerEmptyNoLiquidation:
+      'The layer is empty and cannot perform the liquefaction operation.',
     liqueficationManagerError: 'Liquefication Manager Error',
-    liqueficationManagerErrorInitialized: 'The liquefaction manager has not been initialized.',
+    liqueficationManagerErrorInitialized:
+      'The liquefaction manager has not been initialized.',
     liquefactionEnvironment: 'Prepare for the liquefaction environment',
-    liquefactionEnvironmentLoading: 'The liquefaction environment is being prepared. Please wait a moment...',
+    liquefactionEnvironmentLoading:
+      'The liquefaction environment is being prepared. Please wait a moment...',
     LiqueficationFailed: 'Liquefication tool failed to start.',
     TextLayer: 'Text Layer',
     DoubleClickText: 'Double-click to edit the text',
-    LiquidationError: 'No valid image selected or the layer does not fit the liquefaction operation.',
+    LiquidationError:
+      'No valid image selected or the layer does not fit the liquefaction operation.',
     ErrorMessage: 'Error Message',
     preset: 'Preset',
     presetNamePrompt: 'Please enter the preset name:',
@@ -1503,5 +1574,114 @@ export default {
     ChatRobot: 'ChatRobot',
     Yes: 'Yes',
     No: 'No'
+  },
+  Login: {
+    Login: 'Login',
+    SignUp: 'Sign Up',
+    ForgotPassword: '忘记密码',
+    Welcome: 'Welcome to',
+    AiDA: 'AiDA',
+    Slogan:
+      'AiDA, a first-to-market technology that empowers fashion designers, based on their creative inspirations, to work with AI to create original designs.',
+    LoginMethod: 'Continue with one of these:',
+    Individual: 'Individual',
+    Academic: 'Academic',
+    LogonToAiDA: 'Log on to AiDA 3.1',
+    Infomation: 'Please fill your information below',
+    Device: 'If you need to design, please log in using an iPad or computer.',
+    AgreePolicies: 'Please agree to all terms, privacy policy, and fees.',
+    PasswordConditions: 'You must satisfy ALL password conditions to register.'
+  },
+  LoginPersonal: {
+    Email: 'Email',
+    Password: 'Password',
+    EnterEmail: 'Enter your email address',
+    EnterPassword: 'Enter your password',
+    EnterCode: 'Enter Code',
+    Resend: 'Resend',
+    SentCodeToEmail: "We've sent an code to your email",
+    ForgotPassword: 'Forgot your password',
+    AgreeTo: 'I agree to the',
+    Terms: 'Terms',
+    PrivacyPolicy: 'Privacy Policy',
+    AndFees: 'and Fees.',
+    SignIn: 'Sign in',
+    CreateNewAccount: 'Create New Account',
+    Or: 'or',
+    RetrievePassword: 'Retrieve password',
+    NextStep: 'Next step',
+    VerificationCode: 'Verification Code',
+    SentTo: 'Sent to',
+    Submit: 'Submit',
+    AtLeast8Chars: 'At least 8 characters long',
+    MustContainSpecial: 'Must contain special characters',
+    MixUpperLowerNumbers: 'Mix of uppercase, lowercase and numbers',
+    EnterNewPassword: 'Enter a new password',
+    NeedEmail: 'Please enter your email address',
+    IncorrectEmail: 'The email format is incorrect',
+    IncorrectEmailFormat: 'The email format is incorrect',
+    CompleteVerificationCode: 'Please enter the complete verification code.',
+    PleaseEnterYourAccountNumberOrPassword: 'Please enter your account number or password'
+  },
+  LoginSchool: {
+    School: 'School',
+    SelectSchool: 'Select a school',
+    Email: 'Email',
+    Password: 'Password',
+    EnterEmail: 'Enter your email address',
+    EnterPassword: 'Enter your password',
+    EnterCode: 'Enter Code',
+    Resend: 'Resend',
+    SentCodeToEmail: "We've sent an code to your email",
+    ForgotPassword: 'Forgot your password',
+    AgreeTo: 'I agree to the',
+    Terms: 'Terms',
+    PrivacyPolicy: 'Privacy Policy',
+    AndFees: 'and Fees.',
+    SignIn: 'Sign in',
+    RetrievePassword: 'Retrieve password',
+    NextStep: 'Next step',
+    VerificationCode: 'Verification Code',
+    SentTo: 'Sent to',
+    Submit: 'Submit',
+    AtLeast8Chars: 'At least 8 characters long',
+    MustContainSpecial: 'Must contain special characters',
+    MixUpperLowerNumbers: 'Mix of uppercase, lowercase and numbers',
+    EnterNewPassword: 'Enter a new password',
+    NeedEmail: 'Please enter your email address',
+    IncorrectEmail: 'The email format is incorrect',
+    IncorrectEmailFormat: 'The email format is incorrect',
+    CompleteVerificationCode: 'Please enter the complete verification code.',
+    PleaseEnterYourAccountNumberOrPassword: 'Please enter your account number or password'
+  },
+  LoginEnterprise: {
+    Enterprise: 'Enterprise',
+    SelectEnterprise: 'Select an enterprise',
+    Email: 'Email',
+    Password: 'Password',
+    EnterEmail: 'Enter your email address',
+    EnterPassword: 'Enter your password',
+    EnterCode: 'Enter Code',
+    Resend: 'Resend',
+    SentCodeToEmail: "We've sent an code to your email",
+    AgreeTo: 'I agree to the',
+    Terms: 'Terms',
+    PrivacyPolicy: 'Privacy Policy',
+    AndFees: 'and Fees.',
+    SignIn: 'Sign in',
+    RetrievePassword: 'Retrieve password',
+    NextStep: 'Next step',
+    VerificationCode: 'Verification Code',
+    SentTo: 'Sent to',
+    Submit: 'Submit',
+    AtLeast8Chars: 'At least 8 characters long',
+    MustContainSpecial: 'Must contain special characters',
+    MixUpperLowerNumbers: 'Mix of uppercase, lowercase and numbers',
+    EnterNewPassword: 'Enter a new password',
+    NeedEmail: 'Please enter your email address',
+    IncorrectEmail: 'The email format is incorrect',
+    IncorrectEmailFormat: 'The email format is incorrect',
+    CompleteVerificationCode: 'Please enter the complete verification code.',
+    PleaseEnterYourAccountNumberOrPassword: 'Please enter your account number or password'
   }
 }
diff --git a/src/views/HomeRecommend.vue b/src/views/HomeRecommend.vue
index 0b1e0299..023fddc6 100644
--- a/src/views/HomeRecommend.vue
+++ b/src/views/HomeRecommend.vue
@@ -1,166 +1,195 @@
 <template>
   <div class="homeRecommend_max">
     <div class="header">
-		<img
+      <img
         class="homeRecommend_logo"
         @click="turnToNewPage('/')"
         src="@/assets/images/homePage/aidaIcon.png"
       />
-      <div class="gallery_btn login white" @click="setLogin">{{ t('Login.Login') }}</div>
-      <div class="gallery_btn" @click="signUp">{{ t('Login.SignUp') }}</div>
       <div class="language_btn">
         <div @click="handleChangeLanguage">
           <i class="fi fi-rr-globe"></i>
           {{ isChinese ? 'CN' : 'EN' }}
         </div>
       </div>
+      <div class="gallery_btn login white" @click="setLogin">{{ t('Login.Login') }}</div>
+      <div class="gallery_btn" @click="signUp">{{ t('Login.SignUp') }}</div>
     </div>
 
-		<div class="content">
-			<img class="bg pc" src="@/assets/images/homePage/squareBg.png" alt="">
-			<img class="bg mobile" src="@/assets/images/homePage/squareBgMobile.png" alt="">
-			<div class="beForm">Developed by AiDLab<br />
-				Commercialized by Code-Create</div>
-			<div class="title">
-				<img src="@/assets/images/homePage/recommendtitleMobile.png" alt="">
-				<div class="text">
-					AI-based Interactive Design <br />Assistant for Fashion
-				</div>
-			</div>
-			<div class="learnMore">
-				<img src="@/assets/images/homePage/learnMore.png" alt="">
-				<!-- <div class="title">AiDA</div>
+    <div class="content">
+      <img class="bg pc" src="@/assets/images/homePage/squareBg.png" alt="" />
+      <img class="bg mobile" src="@/assets/images/homePage/squareBgMobile.png" alt="" />
+      <div class="beForm">
+        Developed by AiDLab
+        <br />
+        Commercialized by Code-Create
+      </div>
+      <div class="title">
+        <img src="@/assets/images/homePage/recommendtitleMobile.png" alt="" />
+        <div class="text">
+          AI-based Interactive Design
+          <br />
+          Assistant for Fashion
+        </div>
+      </div>
+      <div class="learnMore">
+        <img src="@/assets/images/homePage/learnMore.png" alt="" />
+        <!-- <div class="title">AiDA</div>
 				<div class="info">
 					AI-based Interactive Design Assistant for Fashion
 				</div> -->
-				<!-- <div class="btn gallery_btn" @click="goLearnMore">Learn More</div> -->
-			</div>
-		</div>
+        <!-- <div class="btn gallery_btn" @click="goLearnMore">Learn More</div> -->
+      </div>
     </div>
+  </div>
 </template>
-<script >
-import { defineComponent, toRefs, reactive, ref , nextTick,computed, onMounted, onBeforeUnmount } from "vue";
-import { isEmail } from "@/tool/util";
-import { setCookie, getCookie, WriteCookie,clonAllCookie } from "@/tool/cookie";
-import { Https } from "@/tool/https";
-import { Modal, message } from "ant-design-vue";
-import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
-import { useStore } from "vuex";
-import { setLang } from "@/tool/guide";
-import { useI18n } from "vue-i18n";
-import { useRouter } from 'vue-router';
-import { gsap, TweenMax } from "gsap";
-import { ScrollTrigger } from "gsap/ScrollTrigger";
+<script>
+import {
+  defineComponent,
+  toRefs,
+  reactive,
+  ref,
+  nextTick,
+  computed,
+  onMounted,
+  onBeforeUnmount
+} from 'vue'
+import { isEmail } from '@/tool/util'
+import { setCookie, getCookie, WriteCookie, clonAllCookie } from '@/tool/cookie'
+import { Https } from '@/tool/https'
+import { Modal, message } from 'ant-design-vue'
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue'
+import { useStore } from 'vuex'
+import { setLang } from '@/tool/guide'
+import { useI18n } from 'vue-i18n'
+import { useRouter } from 'vue-router'
+import { gsap, TweenMax } from 'gsap'
+import { ScrollTrigger } from 'gsap/ScrollTrigger'
 export default defineComponent({
-    components: {
-    },
-	setup(){
-        const store = useStore();
-		const router = useRouter();
-		let registerModel = ref()
-		let data = reactive({
-		})
-		let userDetail = computed(()=>{
-			return store.state.UserHabit.userDetail
-		})
-		let setLogin = ()=>{
-			router.push("/login");
-		}
-		let logout = ()=>{
-			let userInfo = store.state.UserHabit.userDetail;
-			let data = {
-                userId: userInfo?.userId,
-            };
-			store.commit('createDetail')
-			store.commit('createProbject')
-			if(!data.userId) return
-			Https.axiosPost(Https.httpUrls.accountLogout, data).then((rv) => {
-				clonAllCookie();
-			});
-		}
-		let goHome = ()=>{
-			router.push('/home');
-		}
-		let time
-		let updataIsMoblie = ()=>{
-			clearTimeout(time)
-			time = setTimeout(()=>{
-			},500)
-		}
-		const signUp = ()=>{
-			router.push('/register');
-		}
-		const goLearnMore = ()=>{
-			window.open('https://www.aida.com.hk/Square/works', '_blank');
-		}
-		onMounted(()=>{
-			window.addEventListener('resize',updataIsMoblie)
-		})
-		onBeforeUnmount(() => {
-			window.removeEventListener('resize', updataIsMoblie);
-		});
-		return {
-			...toRefs(data),
-			userDetail,
-			setLogin,
-			registerModel,
-			logout,
-			goHome,
-			signUp,
-			goLearnMore,
-		}
-	},
-    data() {
-        return {
-        };
-    },
-	watch: {
-		// credits.value(newVal,oldVal){
-		// 	console.log(String(newVal).length);
-		// }
-	},
-    mounted() {
-		// nextTick().then(()=>{
-			// let dom = document.querySelector('.homeRecommend_content_body')
-			// let codeTween = document.querySelectorAll('.homeRecommend_content_body_recommend .content_body_img')
-			// let codeTweenText = document.querySelectorAll('.homeRecommend_content_body_recommend .content_body_text')
-			// for (let index = 0; index < codeTween.length; index++) {
-			// 	gsap.from(codeTween[index],.5, {scale:.6 },);
-			// 	gsap.registerPlugin(ScrollTrigger);
-			// 	let tl1 = gsap.timeline();
-			// 	tl1.to(codeTween[index],1, {y:'-30px',opacity:0},)
-			// 	ScrollTrigger.create({
-			// 		trigger: codeTween[index], // 触发器元素
-			// 		start: "top 0%", // 滚动触发器的起始滚动位置
-			// 		end: '200% 20%',   // 滚动触发器的结束滚动位置
-			// 		// markers: true, // 开启标注功能
-			// 		scrub: true,
-			// 		animation:tl1,
-			// 		scroller:dom,//设置指定元素为滚动依据
-			// 		scrub:2,
-			// 	});
-			// }
-			// gsap.registerPlugin(ScrollTrigger);
-			// let tl1 = gsap.timeline();
-			// tl1.from(codeTweenText,1, {'margin-top':'30px',opacity:1},)
-			// ScrollTrigger.create({
-			// 	trigger: codeTweenText, // 触发器元素
-			// 	start: "top 0%", // 滚动触发器的起始滚动位置
-			// 	end: '200% 20%',   // 滚动触发器的结束滚动位置
-			// 	// markers: true, // 开启标注功能
-			// 	scrub: true,
-			// 	animation:tl1,
-			// 	scroller:dom,//设置指定元素为滚动依据
-			// 	scrub:2,
-			// });
-		// })
-    },
-    methods: {
-		turnToWindow(url) {
-            window.open(url);
-        },
-    },
-});
+  components: {},
+	setup() {
+		const {t, locale} = useI18n()
+    const store = useStore()
+    const router = useRouter()
+    let registerModel = ref()
+    let data = reactive({})
+
+    const isChinese = ref(false)
+    const handleChangeLanguage = () => {
+      isChinese.value = !isChinese.value
+      const lang = isChinese.value ? 'CHINESE_SIMPLIFIED' : 'ENGLISH'
+      localStorage.setItem('loginLanguage', lang)
+      locale.value = lang
+    }
+
+    let userDetail = computed(() => {
+      return store.state.UserHabit.userDetail
+    })
+    let setLogin = () => {
+      router.push('/login')
+    }
+    let logout = () => {
+      let userInfo = store.state.UserHabit.userDetail
+      let data = {
+        userId: userInfo?.userId
+      }
+      store.commit('createDetail')
+      store.commit('createProbject')
+      if (!data.userId) return
+      Https.axiosPost(Https.httpUrls.accountLogout, data).then(rv => {
+        clonAllCookie()
+      })
+    }
+    let goHome = () => {
+      router.push('/home')
+    }
+    let time
+    let updataIsMoblie = () => {
+      clearTimeout(time)
+      time = setTimeout(() => {}, 500)
+    }
+    const signUp = () => {
+      router.push('/register')
+    }
+    const goLearnMore = () => {
+      window.open('https://www.aida.com.hk/Square/works', '_blank')
+    }
+    onMounted(() => {
+      window.addEventListener('resize', updataIsMoblie)
+      // 初始化语言设置
+      const savedLang = localStorage.getItem('loginLanguage')
+      if (savedLang) {
+        isChinese.value = savedLang === 'CHINESE_SIMPLIFIED'
+        locale.value = savedLang
+      }
+    })
+    onBeforeUnmount(() => {
+      window.removeEventListener('resize', updataIsMoblie)
+    })
+    return {
+      ...toRefs(data),
+      userDetail,
+      setLogin,
+      registerModel,
+      logout,
+      goHome,
+      signUp,
+      goLearnMore,
+      isChinese,
+      handleChangeLanguage,
+      t
+    }
+  },
+  data() {
+    return {}
+  },
+  watch: {
+    // credits.value(newVal,oldVal){
+    // 	console.log(String(newVal).length);
+    // }
+  },
+  mounted() {
+    // nextTick().then(()=>{
+    // let dom = document.querySelector('.homeRecommend_content_body')
+    // let codeTween = document.querySelectorAll('.homeRecommend_content_body_recommend .content_body_img')
+    // let codeTweenText = document.querySelectorAll('.homeRecommend_content_body_recommend .content_body_text')
+    // for (let index = 0; index < codeTween.length; index++) {
+    // 	gsap.from(codeTween[index],.5, {scale:.6 },);
+    // 	gsap.registerPlugin(ScrollTrigger);
+    // 	let tl1 = gsap.timeline();
+    // 	tl1.to(codeTween[index],1, {y:'-30px',opacity:0},)
+    // 	ScrollTrigger.create({
+    // 		trigger: codeTween[index], // 触发器元素
+    // 		start: "top 0%", // 滚动触发器的起始滚动位置
+    // 		end: '200% 20%',   // 滚动触发器的结束滚动位置
+    // 		// markers: true, // 开启标注功能
+    // 		scrub: true,
+    // 		animation:tl1,
+    // 		scroller:dom,//设置指定元素为滚动依据
+    // 		scrub:2,
+    // 	});
+    // }
+    // gsap.registerPlugin(ScrollTrigger);
+    // let tl1 = gsap.timeline();
+    // tl1.from(codeTweenText,1, {'margin-top':'30px',opacity:1},)
+    // ScrollTrigger.create({
+    // 	trigger: codeTweenText, // 触发器元素
+    // 	start: "top 0%", // 滚动触发器的起始滚动位置
+    // 	end: '200% 20%',   // 滚动触发器的结束滚动位置
+    // 	// markers: true, // 开启标注功能
+    // 	scrub: true,
+    // 	animation:tl1,
+    // 	scroller:dom,//设置指定元素为滚动依据
+    // 	scrub:2,
+    // });
+    // })
+  },
+  methods: {
+    turnToWindow(url) {
+      window.open(url)
+    }
+  }
+})
 </script>
 
 <style lang="less" scoped>
@@ -183,7 +212,7 @@ export default defineComponent({
     right: 0;
     @media (max-width: 768px) {
       position: relative;
-      justify-content: flex-end;
+      justify-content: space-between;
       width: 100%;
       padding: 0.7rem 1.4rem;
       margin-left: auto;
@@ -194,32 +223,11 @@ export default defineComponent({
       @media (max-width: 768px) {
         display: block;
         height: 2.5rem;
-        margin-right: auto;
       }
     }
     .language_btn {
       color: #fff;
       cursor: pointer;
-	  font-size: 2.5rem;
-	  >div {
-		display: flex;
-		>i{
-			display: flex;
-			align-items: center;
-			font-size: 2.5rem;
-			margin-right: .7rem;
-		}
-	  }
-      @media (max-width: 768px) {
-		  font-size: 1.5rem;
-        color: #000;
-		>div {
-			>i{
-				font-size: 1.5rem;
-				margin-right: .7rem;
-			}
-		}
-      }
     }
     > .gallery_btn {
       // margin-right: 2rem;
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 2efedabb..563af0eb 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -15,21 +15,21 @@
       <div class="Text" v-show="!loginType">
 		<img src="@/assets/images/homePage/aidaIcon.png" alt="">
         <div class="title">
-			<p>Welcome to <span>AiDA</span></p>
+			<p>{{ t('Login.Welcome') }} <span>{{ t('Login.AiDA') }}</span></p>
 		</div>
         <div class="info">
-			AiDA, a first-to-market technology that empowers fashion designers, based on their creative inspirations, to work with AI to create original designs. 
+			{{ t('Login.Slogan') }}
         </div>
       </div>
       <div class="loginBox" :class="{'active':loginType}">
         <div class="selectType" v-show="!loginType">
-          <div class="text">Continue with one of these:</div>
+          <div class="text">{{ t('Login.LoginMethod') }}</div>
           <div class="typeList">
             <div class="gallery_btn" @click="setLoginType('personal')">
-				Individual
+				{{ t('Login.Individual') }}
             </div>
             <div class="gallery_btn" @click="setLoginType('school')">
-				Academic
+				{{ t('Login.Academic') }}
             </div>
             <!-- <div class="gallery_btn" @click="setLoginType('enterprise')">
 				Enterprise
@@ -40,9 +40,9 @@
           <div class="title">
 			<i class="fi fi-br-angle-left" @click="loginBack"></i>
             <!-- <i class="fi fi-rr-arrow-left" @click="()=>loginType = ''"></i> -->
-            <span>Log on to AiDA 3.1</span>
+            <span>{{ t('Login.LogonToAiDA') }}</span>
           </div>
-		  <div class="info" v-show="!loginType">Please fill your information below</div>
+		  <div class="info" v-show="!loginType">{{ t('Login.Infomation') }}</div>
           <personal ref="personal" v-if="loginType == 'personal'" v-model:isMask="isMask"></personal>
           <school ref="school" v-if="loginType == 'school'"></school>
           <enterprise ref="enterprise" v-if="loginType == 'enterprise'"></enterprise>
@@ -90,9 +90,17 @@ export default defineComponent({
   props: {},
   emits: [],
   setup(props, { emit }) {
+    const {t,locale} = useI18n()
     const store = useStore();
 	const router = useRouter()
 	const route = useRoute()
+    
+    // 通过 provide 传递 i18n 给子组件
+    provide('i18n', {
+      t,
+      locale
+    })
+    
     const loginData = reactive({
       loginType: "",
       isMask: false,
@@ -137,7 +145,7 @@ export default defineComponent({
         	store.commit("upUserDetail", userid);
         if (window.innerWidth < 768) {
           message.info(
-            "If you need to design, please log in using an iPad or computer."
+            t('Login.Device')
           );
           	turnToHomePage("/Square");
         } else {
@@ -174,6 +182,10 @@ export default defineComponent({
 		if (data?.state == "weiXin") {
 			wechatLogin(data);
 		}
+    const savedLang = localStorage.getItem('loginLanguage')
+    if (savedLang) {
+      locale.value = savedLang
+    }
 	}) 
     return {
       ...toRefs(dataDom),
@@ -181,11 +193,10 @@ export default defineComponent({
       setLoginType,
 	  loginBack,
 	  toBack,
+	  t,
+	  locale
     };
   },
-  provide() {
-    return {};
-  },
 });
 </script>
 <style lang="less" scoped>

From 8a0beee181e8df3045beee190a1d97904272c6d2 Mon Sep 17 00:00:00 2001
From: zhangyh <xiao7li@qq.com>
Date: Tue, 25 Nov 2025 13:26:52 +0800
Subject: [PATCH 11/33] =?UTF-8?q?feat:=20=E8=BF=9B=E5=85=A5=E4=B8=BB?=
 =?UTF-8?q?=E9=A1=B5=E5=90=8C=E6=AD=A5=E7=99=BB=E5=BD=95=E9=A1=B5=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../LoginPage/verificationCodeInput.vue       |  2 --
 src/views/HomeMain.vue                        | 24 +++++++++++++++++--
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/component/LoginPage/verificationCodeInput.vue b/src/component/LoginPage/verificationCodeInput.vue
index 8f668363..4b113036 100644
--- a/src/component/LoginPage/verificationCodeInput.vue
+++ b/src/component/LoginPage/verificationCodeInput.vue
@@ -62,10 +62,8 @@
 		},
 		methods: {
 			onInput(val, index) {
-				console.log("input", val, index);
 				clearTimeout(this.timeout);
 				this.timeout = setTimeout(() => {
-					console.log("input=>", val, index);
 					// val = val.replace(/[^0-9]/g, '');
 					val = String(val).replace(/\D/g, "");
 					this.getCtData[index] = val;
diff --git a/src/views/HomeMain.vue b/src/views/HomeMain.vue
index 9dd9700e..ab7f933f 100644
--- a/src/views/HomeMain.vue
+++ b/src/views/HomeMain.vue
@@ -1131,7 +1131,21 @@ export default defineComponent({
       document.addEventListener('click', this.operateClick)
     }
     this.getCredits()
-    this.getLang('')
+    // 获取用户语言并检查是否需要与 localStorage 中的 loginLanguage 同步
+    this.getLang('').then(userLanguage => {
+      // 检查 localStorage 中的 loginLanguage
+      const loginLanguage = localStorage.getItem('loginLanguage')
+      if (loginLanguage && userLanguage && loginLanguage !== userLanguage) {
+        // 如果 loginLanguage 与用户当前语言不同，则更新用户语言
+        this.setLocale(loginLanguage)
+      }
+    }).catch(() => {
+      // 如果获取用户语言失败，也检查 localStorage
+      const loginLanguage = localStorage.getItem('loginLanguage')
+      if (loginLanguage && loginLanguage !== this.locale) {
+        this.setLocale(loginLanguage)
+      }
+    })
     //语言适配
 
     let tl1 = gsap.timeline({ paused: true })
@@ -1293,11 +1307,13 @@ export default defineComponent({
     //获取当前语言
     getLang(v) {
       let data
-      Https.axiosPost(Https.httpUrls.getUserLanguage, data).then(rv => {
+      return Https.axiosPost(Https.httpUrls.getUserLanguage, data).then(rv => {
         if (rv) {
           this.locale = rv
           setLang(rv)
+          return rv
         }
+        return null
       })
     },
     setLang(v) {
@@ -1327,6 +1343,10 @@ export default defineComponent({
     },
 
     setLocale(v) {
+      // 同步更新 localStorage 中的 loginLanguage
+      if (v) {
+        localStorage.setItem('loginLanguage', v)
+      }
       this.setLang(v)
     },
     openTask(data) {

From de641d18d7773c712b7bb5ba71749f3bbd07cf27 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Wed, 26 Nov 2025 13:43:37 +0800
Subject: [PATCH 12/33] =?UTF-8?q?feat:=20=E7=BB=9F=E4=B8=80=E6=B3=A8?=
 =?UTF-8?q?=E5=86=8C=E9=A1=B5=E9=9D=A2"=E8=81=94=E7=B3=BB=E6=88=91?=
 =?UTF-8?q?=E4=BB=AC"=E6=A0=B7=E5=BC=8F,=E5=B9=B6=E5=9C=A8=E6=89=93?=
 =?UTF-8?q?=E5=BC=80=E9=82=AE=E7=AE=B1=E5=A4=B1=E8=B4=A5=E6=97=B6=E5=A4=8D?=
 =?UTF-8?q?=E5=88=B6=E9=82=AE=E4=BB=B6=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 84 ++++++++++++++++++++++++-
 1 file changed, 82 insertions(+), 2 deletions(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index e38e38b6..d581f576 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -24,8 +24,8 @@
 						<ul class="product_detail" :class="{'academic':(item.type == 'academic' && !isSelectSuccessively)}">
 							<li v-for="detailItem in item?.detailList">{{ detailItem }}</li>
 						</ul>
-						<div class="gallery_btn gallery_btn_radius" v-if="item?.btn != 'Contact us'" @click="createAccount">{{ item?.btn }}</div>
-						<a class="gallery_btn gallery_btn_radius" v-else href="mailto:info@code-create.com.hk">{{ item?.btn }}</a>
+						<div class="gallery_btn gallery_btn_radius" v-if="item?.btn != 'Contact us' && item?.btn != '联系我们'" @click="createAccount">{{ item?.btn }}</div>
+						<div class="gallery_btn gallery_btn_radius" v-else @click="handleContactUs">{{ item?.btn }}</div>
 					</div>
 					<div class="highlight" v-if="item?.highlight">{{ item?.highlight }}</div>
 				</div>
@@ -38,6 +38,7 @@
 <script>
 	import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs } from "vue";
 	import registerModel from './registerModel.vue'
+	import { message } from "ant-design-vue";
 
     export default defineComponent({
 		components: {
@@ -319,6 +320,84 @@
 				}
 				dom.registerModel.init(props.isSelectSuccessively)
 			}
+			const handleContactUs = ()=>{
+				const email = 'info@code-create.com.hk'
+				const mailtoLink = `mailto:${email}`
+				
+				// 检测是否有邮件客户端
+				let hasEmailClient = false
+				let blurTimer = null
+				
+				// 监听窗口失去焦点事件（如果打开了邮件客户端，窗口会失去焦点）
+				const handleBlur = () => {
+					hasEmailClient = true
+					if (blurTimer) {
+						clearTimeout(blurTimer)
+					}
+					window.removeEventListener('blur', handleBlur)
+				}
+				
+				window.addEventListener('blur', handleBlur)
+				
+				// 尝试打开邮件客户端（使用临时链接元素，避免页面跳转）
+				try {
+					const tempLink = document.createElement('a')
+					tempLink.href = mailtoLink
+					tempLink.style.display = 'none'
+					document.body.appendChild(tempLink)
+					tempLink.click()
+					document.body.removeChild(tempLink)
+				} catch (e) {
+					// 如果打开失败，直接复制邮箱
+					hasEmailClient = false
+				}
+				
+				// 设置超时检测，如果500ms内窗口没有失去焦点，说明没有邮件客户端
+				blurTimer = setTimeout(() => {
+					window.removeEventListener('blur', handleBlur)
+					if (!hasEmailClient) {
+						// 没有邮件客户端，复制邮箱到剪贴板
+						copyToClipboard(email)
+						const isChinese = props.isSelectSuccessively
+						if (isChinese) {
+							message.info(`没有检测到邮件客户端,已为您复制邮箱地址:${email}`)
+						} else {
+							message.info(`No email client detected, email address copied: ${email}`)
+						}
+					}
+				}, 2000)
+			}
+			
+			const copyToClipboard = (text) => {
+				if (navigator.clipboard && window.isSecureContext) {
+					// 使用现代 Clipboard API
+					navigator.clipboard.writeText(text).catch(() => {
+						// 如果失败，使用传统方法
+						fallbackCopyToClipboard(text)
+					})
+				} else {
+					// 使用传统方法
+					fallbackCopyToClipboard(text)
+				}
+			}
+			
+			const fallbackCopyToClipboard = (text) => {
+				const textArea = document.createElement('textarea')
+				textArea.value = text
+				textArea.style.position = 'fixed'
+				textArea.style.left = '-999999px'
+				textArea.style.top = '-999999px'
+				document.body.appendChild(textArea)
+				textArea.focus()
+				textArea.select()
+				try {
+					document.execCommand('copy')
+				} catch (err) {
+					console.error('复制失败:', err)
+				}
+				document.body.removeChild(textArea)
+			}
+			
 			onMounted(()=>{
 				
 			})
@@ -328,6 +407,7 @@
 				close,
 				setMonthlyOrYearly,
 				createAccount,
+				handleContactUs,
             }
 		},
     })

From c10d05ead24d3f30738d899a3bea4b25e4ca62ea Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Wed, 26 Nov 2025 14:37:53 +0800
Subject: [PATCH 13/33] =?UTF-8?q?style:=20=E6=B3=A8=E5=86=8C=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=89=8B=E6=9C=BA=E7=AB=AF=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/CCharge.svg            |  9 +++++++++
 src/component/mainPage/signUp/index.vue | 24 +++++++++++++++---------
 src/views/HomeRecommend.vue             |  6 +++++-
 src/views/Register.vue                  | 10 ++++++++--
 4 files changed, 37 insertions(+), 12 deletions(-)
 create mode 100644 src/assets/icons/CCharge.svg

diff --git a/src/assets/icons/CCharge.svg b/src/assets/icons/CCharge.svg
new file mode 100644
index 00000000..82893442
--- /dev/null
+++ b/src/assets/icons/CCharge.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="40" height="40" fill="url(#pattern0_2131_6346)"/>
+<defs>
+<pattern id="pattern0_2131_6346" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2131_6346" transform="scale(0.0078125)"/>
+</pattern>
+<image id="image0_2131_6346" width="128" height="128" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAGABJREFUeJztnXt8XFWdwL+/e2eSPujTStqZSZpMsi1YVsWApZlJCYiFChSlrUBFHupWQVxdUBFYH1VZXXB9LAgLi7y2IC8RKqDyMjSTloeVXdei7TaTkGamrdCm0JKmycz97R+TkJnJTGbuJJNW5n4/n34+veeee87JnN+595zf+f1+BxwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHA4dFRVLJgNSjLKLUmipUFHbcGS5aRwRs4xp2k+v4Tb2Se/B3V1dGw+MVR0+f+BsRe5V+HE0HPraWJU7iGusC3ynUlHbcKRbjVMs0ZNE5QPAPJQj4jEQLMQELAstM9XrD7wK8mdUQobEn9oe3rAJsOzWOdD59wFuVLvG+m8C5w0wMk1NLu+r/WcjchGwBDALLCmCckfMMm7f9er69nweSO58hW9Fw6E1BdY9Io4AZGSl6avZebGiVyH4x7DgGOha0yXf6dwaCmfLNF6dD44ADMNX0/hBFb0Z+EAe2feg7EXYC0wCpgCzyf2m6BP43rSJ3f+yefPmvpT6x7HzwRGAZAxvbfBqlG+SZW4ksElVnsCQZjWNP0a3Nr+enqeubml5b3z/fGChii4BTgOOyFLnn9SKr4x2bPwLjH/ngyMAQGKZ5Zp84AHQj2S43QvcYRr6085trZvtlj1rfmDKhD7jXBW9Apiffl/gTcuQCwzLMse78wfqL218vkUztdx8HOWEtFsKeo/Rz5Xbt7dGR11RU5PL0xm7QOD7wLvTqrIUQwU1x7PzocQFoKJiyWTXET1Pp3e+wk5UL4i2tz415nXWNhxpqvEfAh9Lv6eqN0bbW78w1nWORKHLmncCxvQKzy+Bk9LSXyizXCdt72j5YzEqfat7+1v7ujsfmDqzMg7SxNAgfCza3vrJYtQ5EsZ4V3i44K0JXpXhm/907K1JH+roaN5Z5OpVlM0MKYcei4RDZ9bX17u9NY3fXrBgQVmR63+bktQE+qqDC1X4Vkqi8Hxs/6SP7tr15Ft2yvL6gzr4f0s4bkdbaFPO+odm++bga7++vt69s3vifYievbd3xiTgy3baUSgl+AZYaarBTaQKfyQussxu5xfCsKVecufD2QAo/1Tpbzi+2G2BEhQAX83Oi0lV8liGGqt2bmt5zV5JK01vbSBl/iDKSl9144kz6xZOzVh3lnX+7t1TTOCYpKyGhXED4zBJL7FVwErT69/xZ+DvkhJviYRDn7NTirc6cAKm3I5ydJYsB4F7Y29N+sLgWyWXksdX3XiiGvo7UvvkzEg49JidttmlpN4A3proclI7fx9lfdfYKqOuYRGGPDtC5wOUA2fOmhXph/w0fF0dLc+hcnda8pV22lYIJSUAA7t6Q5dwc+QvL+7Ov4CVJpZxFzAxKbEb4TlF1wN7ksq+f/PmzX121Ltxk+sATUoKVtUFFuTfPvuUjAAcWbOwAvhwUpJliXGjnTK8/p1NJL9BlGa35fJH2kJN0XDriZFw6N0iLAV5SS1da1e3v3NbyyvAs8lpcZXz7LTRLiUjAGXi/hCpM/9no23rt9spQ9U6NuXaMK7p6Gjem5RkdbWFfhMJt5wgBp6CdPuqt6Zes8xOG+1SMgJgCU3J1wL2J1eGkTppFu3NlM3nD3y00I0ddbufJfUzcIzPt2im7bbmSckIgCj1KQkqv7NfCFtTLi29hrSV1Gi3dKNbm19XeCWl1nLzg7bbmielIgACzEu67uuaa76SLXNWenqeAvYlpZzt9Qcf8PtPmQZjt58vSmvytaoeVUg5+VASAjC7rnEWqUYZYZqbY3bLiUY39SDcmpa84iC9m33+4I1jtp9vpBuASnXBZeWqqlgFH064NDYt+VrAptZviIky5RrgV2nJXoXPk+j8fx31fr4aqZZGgjMHGA1qmZOTry2lYJ3/tm2/PhgJh84SlX8A0k3CHouGQ1+rr693Dyw7C0P19dTLrCZlo6YkBEDEsFKvR70Lql3tLbehXA46bEt3Z/fE+9zibq6ubpo+ynoAEMH25ypfSkMAjFhPWsq0zDnzx+cPnI3wMxDDQr832Pk7uifeT2JX76g+6f92IWWrMCU1gf2jbW82SkIA4kbZG6kp6htNeemz/R3h1qsBdnVP+HiyqZeIXFRXt7Tcfg2S0j4RsaGutkdJCMCA+Xayxm5OocqVkZZ6XeHWnyv8Pin7lB72F6DL1zTrYf2/QtqaDyUhAANsSbkqQLmSxzrfEuWR5AQzlm4BnBuBhSnXlvEXu2XkS8kIgKq+mHotp9p5Pq3z12Rb6qmkzthjpg5zHhmJ2dVN1UBtUlJf/OBbv8+SfdSUjABgGs+kJujHyPPvT/HSRX4YDYe+BUjaUk+8/sbTJaEPGOQ1z/QDtqyLDelfkdJK9PlodFNPtvyjpWSMQnvp+91E3AcY2suf66sNnNrV1vrrkZ4b/tpvWQOI1x+8GVg94Aq+H/CCzkh+VkS+s2nTpn477RSRC1KuVdbZed4uJfMG2LPthTcVfpmcZikjBlzI8s0f7PzPAjKgpj0GmJH2+C1dbS227A18tYGlwN8nN1Hc8fvslGGXkhEAABHjZynXyGKPP3hKprzZJny+6sbFMOIe/Z9U9NwBO0MdIV86hqp8M63Bj3Vt3RixUYZtSswoFLz+YAsQTEraIn3xY5PDuuSe7a80PbW7FhpYx6BcrzAVQEW+Gm1rub6QdvlqGj+jov+ZnKZiBKJt6zcUUl6+lNQbAEBV07Vz87XMuHbwIr8t3Qfj0bb1G7raQreqDGnpDPSN4XlzUzF3cY2KXpeW/HixOx9KaBI4SLS99SmvP/ALkOVDqfIlT23ji4ZafePtou3zLZqopt5P6hyiVyT+pWLXDSUoAABuy31ZvxE7maEfXUT1LkvEEMVlp/NFWavKdIC46p/ttWSliTv6c9AULyCBNV1tG7fZK6swSm4OMIjXHzwDeJS0z6Cq/iDa3vqVYtdfV7e0/ID15j2pbyIQ5MmucMtSCogqVggl6x6+r7tz69SZlQqS7N71WLS99eJi111ZGfDEjL51IKel3dqqLtfp+3Z3FN1HcZCS/AQMIspmS9USEYPk/fy9E+8RZJcrbn49zex71HhqGz9qqd4CHJnaGKKxmHHarvDwuEPFpGQ/AWnq3Tsi4ZZPDfPShV2i8s8TzCP+a9u2Xx8cTX3emuD7EK4FTs9wu80wrFO3b9vQNpo6CqEkBSCrkscfvFchkyfOayC3mS69baT4funU1S0t77X2n6HwKdClZP69Q/3av+Kv7S/sKuyvGR0lJwAjrfO91Q3vxzTuHcnxU6BdoVkhZKA7Bf4qLtmjliVYzFTMKlU9CiEALAYmZykqrnB9tMr19UIslMeKkhKAfJQ8dXVLyw/om19F5SpSnUDHkhcs4fP5RBMpNiUjAHadNubObZwTM/VK4DNkH8W2ENiEcG1XW+hRxmmZl4uSEABPTWCZiDwEuAXWdCX28/PC7z9lWi+9nxDh4yhB7C+dd4jILzRu3RPpaH3e5rNFpyQEwOsPPg18yG7np+PzLZqpZWaDoMcrMg+VuYjORHEDiNBtCa9jsUUMfSUuRsuAy7fDoaRqXtDvqw2mK10cHBwcHBwcHBwcSpPDfhlYV7e0fD/7a11xjrBEpwKYWG9gsMeMle0e6926UuOwE4CqeUF/PCanItpEIq5PNSMrX/YK8qKKvqSWvhg39PldbRv+Oj6t/dvnsBAAv/+Uab3ae74YnJ/h5A67WKi8oAaPiJj3RrY1F+W8vXcKh1QAvNWBEzBkNXAOiVO3xpo48KQqN0fbQ49zmOjfDyfGXQDe1q3DauB9eT52UCBqQY8knC3eNfDPzsEKW0Tl3ypm9txp113rncy4CYCvOrgQg9WaGO25dte2Ao+pIeux9OVoONRFhtE7s27h1MmWOV8xGlRoQGkARg7+oISBb0XaQ/dkKvNvkcQn9MBstUyjf0K86/UtrftyP5WgqAIws27h1IlW2SdAVwPvz5H9DYG1ceGO0eyTe6sb3o9hXgi6inS7u1T+21Dji9vb168vtK5DgcdTP4ny8iBiLBqII7AQhkURi4A8KMhNXeH1IwaXKIoA+GoaP4joaoVzyTXahedVuZXeA/ePqRt0U5PL2xk7DfhHUoNEp6JyvxryFbtxg8cR8dQ1HmtY+mFN/B1BEuHo8+EgwncjbaFryeKnOGYCkBjtrlUoqxE5Nkf2NwTWonJrV3txTudKxuMPBgVdA3Jyliw9ivyr0Re7fiyPfi8Un2/RRC1znYzqMgzOQPGMpjyBn3WFQ/9ABiEYtQBU+huOj4usFpVzyX5E6mBtxRnteeKrbjxRhe8huihzDtmmal1ajPMCczFwnuDpBiwbGOl2rJBioF2IHECpyvysXB4Jt/xoWGohjZ01PzClPMYqVFaT+5DlcR3teSA+f2CVIt8ny4RR4d6Y9l9ebEvdOXMXH22a1jJNuJufQP7Oun8FQkCrivH8JJm8adBs3edf/HeK9RQwN+2ZHldc6l59tWVHcqItAaj0B45LjHbO4zAf7bmoqFgy2TWp52sIXwYmZMjSLSpXdrW33IY9P/8R8dYE3wesQFgB5BsEuh9hA6q/tUSe3NEWepm0FUx9fb17V/fEyxW+QQadSuJEE/lkNBzqTE7PKQCz5gemTIjJeSirlbSQ68M53EZ7TmZXN1WbRv8P0n30htBnY3HzM7teXd9eaB2eusYPiMUK0BWknlk0EntAn0CNRw+WWb8daWmXmONwM6knjyVQ2a2iX4mGQ3diZw7g8QerRLkG4TxIi1w5vJTDerTng7c2cBIqPwbem+H2WwLXdIVDN5Cn7qDS33C8YqxQZQWCP79WaIeqrBPDeDRSaazP5S/gPeqD75K+susULmZ4Xyoqd6vb/HKmY+4HySgAHn8waMDjg5EvsjBstFdXN004YPZNPZSbMT5/43LFqhTMx3OtgYez0vTV7rwU1e9m+dtbVfXT0fbWLRnuibc6sBBTVqC63EaI9z8o8qhY8XWRjg3/necz4vEHLxK4DpiV4f4WRC+JtLXmPBRjmAD4fIsmarm5LevSY4TR7vUHf07Cr+7vI+HQ1ozPFxmPP/CcIIsTV7IN9HFV64lJ5rTn8vXvq6wMeKwy+RHKxzPc7lXRi6JtrfcDhqe2cZEoK0CXA5V5FB8H1qvyCwxjnV39Q1VdYIFlyc0KjRluH1T43iRjyvfz/VuHewe7XctRTe/8odEeHunbLjtBy1CuIBFFa1zx+RbNVKRhKEXrgC+KGF88YO17y1vb+AxYTyjmEyP98Nu3t0aBc3y1wTvU4qdpr/AJWDILwFcbOFVVn8ijaXHQ58B4qF/7Hi5kdeHx1E9iwsSvxy2ugIQZeir6LMglUZsDL4N7uPXe5BeDqD5qHexdFcnj2x63zJ+YRuwyhAuPrFn4jfF2eLTKzFMlu8v7ZFSXgSwTLLz+4B8Vfo3qM/GeyRsynRvc1Rb6jc+36BjKzN8rvGcw3dBEPGAL4xjJvkAY6HQejIk+PJrPotffeDpYN5KwjUjnNZQrIu2taylgtTL8xxJJ6WgVqY1GN+WlHdvZ0dzhrQ0+jPLxMnFfAmkndBcZoy/+iOU2lwmckYcG7b0C70XkStfknn6vP/giQrMqzROY8FI4/PTbAZ80aU0t8Oa0yd0vdwGimq4DiQPNiD4YQ3852rmQt67JhxX7CejZGb7WKnA7ffGvdnVt3JPp+XwYVuqc2mD9oIS/XZOyLNoeSj8mJSOV/sBxFvIS8Jr0xeceQtWqVPoD9QpnKnIGcCy29B7aAfK/QD9D8QJAeCDSFjqHRMDIHSQmYc2IPhgX42H7h1BnoKnJ5e2MfwF0DRlWYAKvxFU/t6O9tWW0VWX8QQZdqd5OUNkYaW9pyJQ3Ez5/cL1CI6Kfi7S13jLaRo4FidHUfwYJYTiRXIqsLKjoudG21vurqoIzYi4+hsu1bqRllu12Joxkbibz7ukBlGunT+q+fvPmzX1jUV/mZWBN4MMi8mRKRoOTuraFmvMp1FPXeJZY+giwNRIOHc1htu8+cLLHwsTmkPUhQU4gD+MSgfaKGQfmF8OgpKoqOCPukn8Z2DofphIW5Ekx4peOdRSRrK9Enz/4+2TN30D0qnxDrIu3NrgZ5WhVPSva3lrUgMejJWmP/WQDGjQx+tJfvQdBTo+EW57JVMZo8NU0nq+iPwAyHTS1S+DyrnDo3rGuF0YQAG9NcCXCA8lplnBcvsYaXn/gcyA3K7o+Gm49MVu+xJxDvq1i3V0Wdz/a0dGc8TjWccaYM3fxfHHrPOLqE4MZYsm6sVZve2oC80W4Kcs2tQVyqxnTqzs7Q91jWW8yI0yKVppe/44/k6q7figSDq3Mp+Dq6qYJ/UasA6gQixO6OkIvZMrnqwk8oiJnDVzuRXlADeOu8QiTeqjw+RZNVLfrKkS/SkbjDnnJwLp0e7i1aAdFDDKCvf0rOm363F6EM5MSj5r8rrkP7d/TmXOmu3dvR2zajKojgCaQKfv2dj6UnidhvmX8kCFBnIBQL+inp86o+tSUGVWzZ7y7KvzG7s6ijYDxxlMTPFNcxq8QzmL4Mrxb4KpIeM5n3+z+TVGjhA8y4rIoES9nXzh5PS1we1c49Ol8Cp9d1/hu09JXgTLTxbz0CFsef/Dh5FO2smABG0W4u9elP7dj8Hg44fUH56nyExEyxSlQhLVxkSvGZBlpgxHDnezZsy0+ZeZcU1Jt6o6ZMqPqrn3dnTkjY+/f09kzdXpVFcLxaonu6+787eC9qrrAAlX5CbnX5gJUAWe6LPnS1JlV75syvap3396FbfDKmO3TF4uKiiWTZ1TMuQa4V4T5GbL8AUuXR9pbb9i/p3Pcd1JzWqD0St8tpB655ha4PN8KVOM/AizQT1dULHnbVCmeOBzBGMrHv4vKaoEWsqs0J6KsFGGd17+jzVvT+O3KuobaLHkPNYbHH7zYNbmnTeGbpC8zVXaL8NlIOHT8oYwdlJdmzFsbuBaVq5OSeuKGVOf7uhrYJVxazoS54fDTb8yua3yPaen/MiQAfa64VA+aK3lqF1caaq1KBFhMOfY92x+xCeHWw+UTkTAA0RuATMqzQ/a6z0ReAlBR23CkS40OkuPmqXwn0t7yjUIq9dY03ofoOUMpemcknDlI85zaYL1YXCAJw5RcZ/D1IvxKLf4r2j7nCXgwXkj7CsXnWzTTcpvfFOHzZP68/gHDuiyybcPG8WzXSOStG/f6gz8FLk1K6j7o1rl2R9ycuYuPNkzrTyR/fizr2FzGEHV1S8t74vuWiMEnUc4it+YuorDWwPiZfcMQeyxYsKDsjQMzLlFYA2Q6l7g7EaFszo3jLZS5yFsAEm7bbCFp6WLnjByPP1gFXCKJwIvJVixPRcKhJfm2A8Azr2kW/f3nInKhwHE5sqtAyII7+9z64Bh/IgxvbeCTqHyHzMYgFsptlPddHfnLi0U7/3c02LIK9viD9wisSkra4bZc/pG0dwO2dpcBZzH8tXhArfgHoh0bCz4ataousMBS4yJL9XyB2Tmy9yD8Aow7I23rmyl8j8Lw+QMfVeQbZHdwfSaxTx/6nwLrGBdsCcBAyPOXU57LsONXUbFksvuInk+ochmp5+Cl1T6Gu4WJLdRTEb0QZRm53ac6UbkL0bX5mq9VVzdN7zNiHwOuEMh2KPQWVb6S7/b5oca2Y4jX3/g46EeSktoi4Tnz4cF41bygPx7nUpRPMfwgxWQiCFdH2kJ3225xHgxMxs4TkQvTz+PJjLwk6D1iWI+l77Z5/MEqQ2WJhS4X4WSyzT1UdovBmorpPf/xt+R+blsAKmsWL7bEei6tmB+D1pI4DGEk3UII1Rtmz+z95Xj9SLPrGt/jilsXqcj5wJw8HulG2CmKauKTMuIx8wJvqnCD2c+/FXPTplgU5Brm9QdDQCDP7AcR1hHXHx7iYMmGxx88WYQLUJYz+ogk+xRuMvri143GJOtQU5AAeGoalogYv82RrVPgJi3ru+1wmwEnjC/0HEFWacLd2s7v8EfgLrfluv2dEKGsYO9gnz/4NYXvMnxm/ztBb+wKex493Na8mfD4g1UGnGehHxGknuGetXuAlwWeErEe39624U+HoJlFY1Tu4Z6awHxD5DRLtVaEHYbor/6mf6CmJldlW/+R6jbfZVn9/TGxug/VWT4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg72+X/AvhV6PvnPYgAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>
diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index d581f576..61d7b8bd 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -38,7 +38,8 @@
 <script>
 	import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs } from "vue";
 	import registerModel from './registerModel.vue'
-	import { message } from "ant-design-vue";
+import { message } from "ant-design-vue";
+	import CChargeIcon from '@/assets/icons/CCharge.svg'
 
     export default defineComponent({
 		components: {
@@ -62,7 +63,7 @@
 					monthly: [
 						{
 							title: "试用版",
-							img: '/image/homeIntroduct/personal.png',
+							img: CChargeIcon,
 							type:'personal',
 							info: "您的AI时尚设计助手",
 							price: '100积分',
@@ -103,7 +104,7 @@
 							info: "您的AI时尚设计助手",
 							price: 'HK$500',
 							detail: "每月·3500积分",
-							highlight: "",
+							highlight: "推荐",
 							discounts: '9折优惠',
 							detailList: [
 								'轻松充值积分',
@@ -185,7 +186,7 @@
 					monthly:[
 						{
 							title:"Personal",
-							img:'/image/homeIntroduct/personal.png',
+							img:CChargeIcon,
 							type:'personal',
 							info:"Your AI Fashion Design Assistant",
 							price:'100 credits',
@@ -226,7 +227,7 @@
 							info:"Your AI Fashion Design Assistant",
 							price:'HK$500',
 							detail:"per month · 3500 credits",
-							highlight:"",
+							highlight:"Recommended",
 							discounts:'10% off',
 							detailList:[
 								'Easy to Top up Credits',
@@ -420,8 +421,9 @@
 	@media (max-width: 767px) {
 		margin-top: 1.5rem;
 		padding: 0rem 3.7rem;
-		flex: 1;
-		overflow-y: auto;
+		// flex: 1;
+		// height: 100%;
+		// overflow-y: auto;
 	}
 	.back{
 		font-size: 1.6rem;
@@ -640,11 +642,15 @@
 				top: 0;
 				right: 0;
 				background: linear-gradient(88.13deg, #FBD2FF 0.91%, #E6D3FF 52.5%, #B694FF 101.09%);
-				border-radius: .5rem 1.5rem 0px 1.5rem;
+				// border-radius: .5rem 1.5rem 0px 1.5rem;
+				border-top-right-radius: 1.5rem;
+        border-bottom-left-radius: 0.5rem;
 				padding: .75rem .5rem;
 				@media (max-width: 767px) {
 					padding: .55rem .36rem;
-					border-radius: .46rem .36rem 0px .9rem;
+					// border-radius: .46rem .36rem 0px .9rem;
+					border-top-right-radius: 1.1rem;
+        border-bottom-left-radius: 0.4rem;
 					font-size: 1rem;
 				}
 			}
diff --git a/src/views/HomeRecommend.vue b/src/views/HomeRecommend.vue
index 023fddc6..3a52ecff 100644
--- a/src/views/HomeRecommend.vue
+++ b/src/views/HomeRecommend.vue
@@ -212,7 +212,7 @@ export default defineComponent({
     right: 0;
     @media (max-width: 768px) {
       position: relative;
-      justify-content: space-between;
+      justify-content: flex-end;
       width: 100%;
       padding: 0.7rem 1.4rem;
       margin-left: auto;
@@ -223,11 +223,15 @@ export default defineComponent({
       @media (max-width: 768px) {
         display: block;
         height: 2.5rem;
+        margin-right: auto;
       }
     }
     .language_btn {
       color: #fff;
       cursor: pointer;
+      @media (max-width: 768px) {
+        color: #000;
+      }
     }
     > .gallery_btn {
       // margin-right: 2rem;
diff --git a/src/views/Register.vue b/src/views/Register.vue
index eae751b1..972953df 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -49,10 +49,12 @@
 						{{ isSelectSuccessively? 'CN':'EN'}}
 					</div>
 				</div>
-				<div class="gallery_btn" @click="setLogin">Login</div>
+				<div class="gallery_btn" @click="setLogin">{{ isSelectSuccessively?'登录':'Login' }}</div>
 			</div>
         </header>
-		<signUp ref="signUp" :isSelectSuccessively="isSelectSuccessively"></signUp>
+				<div class="content">
+					<signUp ref="signUp" :isSelectSuccessively="isSelectSuccessively"></signUp>
+				</div>
     </div>
 	
 </template>
@@ -312,4 +314,8 @@ export default defineComponent({
     }
     
 }
+.content{
+	flex: 1;
+	overflow-y: auto;
+}
 </style>

From 68f8a413bf00a206e35f223140b79f846186619e Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Wed, 26 Nov 2025 15:54:47 +0800
Subject: [PATCH 14/33] =?UTF-8?q?style:=20=E8=AE=A2=E9=98=85=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/HomePage/renew.vue | 33 +++++++++++++-------------------
 1 file changed, 13 insertions(+), 20 deletions(-)

diff --git a/src/component/HomePage/renew.vue b/src/component/HomePage/renew.vue
index f725ca03..9d48c5a0 100644
--- a/src/component/HomePage/renew.vue
+++ b/src/component/HomePage/renew.vue
@@ -679,10 +679,11 @@
 			margin-bottom: 1rem;
 			border-radius: 1rem;
 			overflow: hidden;
-			border: 1.5px solid #eaecf0;
+			border: 1.5px solid #E7EBFF;
+			cursor: pointer;
   
 			> .popular {
-			  background: #2d9f75;
+			  background: #1B223C;
 			  font-weight: 600;
 			  display: flex;
 			  justify-content: center;
@@ -705,14 +706,14 @@
 				> .price {
 				  font-size: 1.8rem;
 				  margin-top: 0.4rem;
-				  opacity: 0.4;
+				  // opacity: 0.4;
 				  font-weight: 500;
 				}
 			  }
 			  > .left {
 				> p:nth-child(1) {
 				  font-size: 2rem;
-				  opacity: 0.7;
+				  // opacity: 0.7;
 				  font-weight: 700;
 				}
 			  }
@@ -767,24 +768,14 @@
 				}
 			  }
 			}
-			&.active {
-			  background: #0ea98233;
-			  border: 2px solid #0ea982;
-			  > .priceBox {
-				> .left {
-				  > p:nth-child(1) {
-					opacity: 1;
-				  }
-				}
-				> .right {
-				  > .discountsPrice {
-					opacity: 1;
-				  }
-				}
-			  }
+			&.active,&:hover {
+				// 40% opacity
+			  background: rgba(231, 235, 255, 0.4);
+			  // border: 2px solid #0ea982;
+			 
 			}
 			&.sellWell {
-			  border: 2px solid #0ea982;
+			  // border: 2px solid #0ea982;
 			}
 		  }
 		  > .productItem:last-child {
@@ -821,6 +812,8 @@
 			margin: 2rem 0;
 			margin-bottom: .5rem;
 			margin-top: 1rem;
+			background: #1B223C;
+			color: #fff;
 		  }
 		  > .payMethod_payAffirm_clause {
 			  text-align: center;

From 4746ff22a14c1577b2e3e6f979a1dcae36af2a5b Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Wed, 26 Nov 2025 17:00:09 +0800
Subject: [PATCH 15/33] =?UTF-8?q?style:=20=E6=B3=A8=E5=86=8C=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=A5=97=E9=A4=90item=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 1428 ++++++++++++-----------
 1 file changed, 741 insertions(+), 687 deletions(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index 61d7b8bd..fe82f362 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -1,697 +1,751 @@
 <template>
-	<div class="signUp">
-		<div class="selectSignUp" v-show="!isSelectSignUp">
-			<div class="titleTitle">{{ productList.Advantages }}</div>
-			<div class="selectMonthlyYearly" :class="[monthlyOrYearly == 'monthly' ? 'left' : 'right']">
-				<div class="bg"></div>
-				<div class="leftText" @click="setMonthlyOrYearly('monthly')">{{ productList.Monthly }}</div>
-				<div class="rightText" @click="setMonthlyOrYearly('yearl')">{{ productList.Yearly }}</div>
-			</div>
-			<div class="gallery_list product_list">
-				<div class="gallery_item" v-for="item in productList[monthlyOrYearly]" :key="item">
-					<div class="product_signUp_box">
-						<img class="img" :src="item?.img" alt="">
-						<div class="title">{{ item?.title }}</div>
-						<div class="info" :class="{academic:item.type == 'academic'}">{{ item?.info }}</div>
-						<div class="price" v-if="item.type != 'academic'">
-							<div>{{ item?.price }}</div>
-							<span :class="{yearl:monthlyOrYearly == 'yearl'}">{{ item?.detail }}</span>
-						</div>
-						<div class="price academic" v-if="item.type == 'academic'">
-							<div>{{ item?.custom }}</div>
-							<span style="font-size: 1.4rem;">{{ item?.customInfo }}</span>
-						</div>
-						<ul class="product_detail" :class="{'academic':(item.type == 'academic' && !isSelectSuccessively)}">
-							<li v-for="detailItem in item?.detailList">{{ detailItem }}</li>
-						</ul>
-						<div class="gallery_btn gallery_btn_radius" v-if="item?.btn != 'Contact us' && item?.btn != '联系我们'" @click="createAccount">{{ item?.btn }}</div>
-						<div class="gallery_btn gallery_btn_radius" v-else @click="handleContactUs">{{ item?.btn }}</div>
-					</div>
-					<div class="highlight" v-if="item?.highlight">{{ item?.highlight }}</div>
-				</div>
-			</div>
-
-		</div>
-		<registerModel ref="registerModel"></registerModel>
-	</div>
+  <div class="signUp">
+    <div class="selectSignUp" v-show="!isSelectSignUp">
+      <div class="titleTitle">{{ productList.Advantages }}</div>
+      <div
+        class="selectMonthlyYearly"
+        :class="[monthlyOrYearly == 'monthly' ? 'left' : 'right']"
+      >
+        <div class="bg"></div>
+        <div class="leftText" @click="setMonthlyOrYearly('monthly')">
+          {{ productList.Monthly }}
+        </div>
+        <div class="rightText" @click="setMonthlyOrYearly('yearl')">
+          {{ productList.Yearly }}
+        </div>
+      </div>
+      <div class="gallery_list product_list">
+        <div
+          class="gallery_item"
+          v-for="item in productList[monthlyOrYearly]"
+          :key="item"
+          :class="{ recommended: item.recommended }"
+        >
+          <div class="product_signUp_box">
+            <img class="img" :src="item?.img" alt="" />
+            <div class="title">{{ item?.title }}</div>
+            <div class="info" :class="{ academic: item.type == 'academic' }">
+              {{ item?.info }}
+            </div>
+            <div class="price" v-if="item.type != 'academic'">
+              <div>{{ item?.price }}</div>
+              <span :class="{ yearl: monthlyOrYearly == 'yearl' }">
+                {{ item?.detail }}
+              </span>
+            </div>
+            <div class="price academic" v-if="item.type == 'academic'">
+              <div>{{ item?.custom }}</div>
+              <span style="font-size: 1.4rem">{{ item?.customInfo }}</span>
+            </div>
+            <ul
+              class="product_detail"
+              :class="{ academic: item.type == 'academic' && !isSelectSuccessively }"
+            >
+              <li v-for="detailItem in item?.detailList">{{ detailItem }}</li>
+            </ul>
+            <div
+              class="gallery_btn gallery_btn_radius"
+              v-if="item?.btn != 'Contact us' && item?.btn != '联系我们'"
+              @click="createAccount"
+            >
+              {{ item?.btn }}
+            </div>
+            <div class="gallery_btn gallery_btn_radius" v-else @click="handleContactUs">
+              {{ item?.btn }}
+            </div>
+          </div>
+          <div class="highlight" v-if="item?.highlight">{{ item?.highlight }}</div>
+        </div>
+      </div>
+    </div>
+    <registerModel ref="registerModel"></registerModel>
+  </div>
 </template>
 <script>
-	import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs } from "vue";
-	import registerModel from './registerModel.vue'
-import { message } from "ant-design-vue";
-	import CChargeIcon from '@/assets/icons/CCharge.svg'
+import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs } from 'vue'
+import registerModel from './registerModel.vue'
+import { message } from 'ant-design-vue'
+import CChargeIcon from '@/assets/icons/CCharge.svg'
 
-    export default defineComponent({
-		components: {
-		    registerModel,
-		},
-        name: "login",
-		props: ['isSelectSuccessively'],
-		// emits: ['close'],
-		setup(props, { emit }) {
-			let dom = reactive({
-				registerModel:null
-			})
-			let data = reactive({
-				isSelectSignUp:false,
-				monthlyOrYearly:'monthly',
-				productList:[],
-				productListCn: {
-					Advantages: '我们的价格方案',
-					Monthly: '月度',
-					Yearly: '年度',
-					monthly: [
-						{
-							title: "试用版",
-							img: CChargeIcon,
-							type:'personal',
-							info: "您的AI时尚设计助手",
-							price: '100积分',
-							detail: "",
-							highlight: "",
-							discounts: '9折优惠',
-							detailList: [
-								'轻松充值积分',
-								'可在公共化画廊分享设计并与设计师互动',
-								'支持月付/年付选项',
-								'适合个人创作者、独立设计师以及所有时尚爱好者',
-								'客户支持',
-							],
-							btn: '立即开始',
-						},
-						{
-							title: "个人版",
-							img: '/image/homeIntroduct/personal.png',
-							type:'personal',
-							info: "您的AI时尚设计助手",
-							price: 'HK$100',
-							detail: "每月·500积分",
-							highlight: "",
-							discounts: '9折优惠',
-							detailList: [
-								'轻松充值积分',
-								'可在公共化画廊分享设计并与设计师互动',
-								'支持月付/年付选项',
-								'适合个人创作者、独立设计师以及所有时尚爱好者',
-								'客户支持',
-							],
-							btn: '立即开始',
-						},
-						{
-							title: "个人专业版",
-							img: '/image/homeIntroduct/personal.png',
-							type:'personal',
-							info: "您的AI时尚设计助手",
-							price: 'HK$500',
-							detail: "每月·3500积分",
-							highlight: "推荐",
-							discounts: '9折优惠',
-							detailList: [
-								'轻松充值积分',
-								'可在公共画廊中分享设计并与设计师互动',
-								'支持月付/年付选项',
-								'适合个人创作者、独立设计师以及所有时尚爱好者',
-								'客户支持',
-							],
-							btn: '立即开始',
-						},{
-							title: "教育版",
-							img: '/image/homeIntroduct/academic.png',
-							type:'academic',
-							info: "高校多用户管理系统",
-							price: '',
-							detail: "",
-							custom:'定制方案',
-							customInfo:'可提供专属教育优惠，详情请联系我们',
-							highlight: "",
-							discounts: '',
-							detailList: [
-								'灵活的自定义程序以满足学校需求',
-								"项目期间每月信用额度自动续期",
-								'可在用户之间灵活共享和分配账户信用额度',
-								'AI辅助设计教学功能',
-								"从设计灵感、草图创作到完整时装系列的尖端教学工具",
-								"基本3D设计功能",
-								"客户与技术支援",
-							],
-							btn: '联系我们',
-						},
-					],
-					yearl: [
-						{
-							title: "个人版",
-							img: '/image/homeIntroduct/personal.png',
-							type:'personal',
-							info: "您的AI时尚设计助手",
-							price: 'HK$5,000',
-							detail: "每年·50000积分",
-							highlight: "免费试用5天",
-							discounts: '9折优惠',
-							detailList: [
-								'灵活的自定义程序以满足学校需求',
-								'可在用户之间灵活共享和分配账户信用额度',
-								'AI辅助设计教学功能',
-								'支持草图创意和设计灵感教学',
-								'基础3D设计功能',
-							],
-							btn: '立即开始',
-						},{
-							title: "教育版",
-							img: '/image/homeIntroduct/academic.png',
-							type:'academic',
-							info: "高校多用户管理系统",
-							price: '',
-							detail: "",
-							custom:'定制方案',
-							customInfo:'可提供专属教育优惠，详情请联系我们',
-							highlight: "",
-							discounts: '',
-							detailList: [
-								'灵活的自定义程序以满足学校需求',
-								"项目期间每月信用额度自动续期",
-								'可在用户之间灵活共享和分配账户信用额度',
-								'AI辅助设计教学功能',
-								"从设计灵感、草图创作到完整时装系列的尖端教学工具",
-								"基本3D设计功能",
-								"客户与技术支援",
-							],
-							btn: '联系我们',
-						},
-					],
-				},
-				productListEn:{
-					Advantages:'Our Pricing Plan',
-					Monthly: 'Monthly',
-					Yearly: 'Yearly',
-					monthly:[
-						{
-							title:"Personal",
-							img:CChargeIcon,
-							type:'personal',
-							info:"Your AI Fashion Design Assistant",
-							price:'100 credits',
-							detail:"",
-							highlight:"",
-							discounts:'10% off',
-							detailList: [
-								'Easy to Top up Credits',
-								'Option to Share Design and Interact with Designers in Public Gallery',
-								'Support Monthly/Annual Payment Options',
-								'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
-								'Customer and Technical Support',
-							],
-							btn:'Get Started',
-						},
-						{
-							title:"Personal",
-							img:'/image/homeIntroduct/personal.png',
-							type:'personal',
-							info:"Your AI Fashion Design Assistant",
-							price:'HK$100',
-							detail:"per month · 500 credits",
-							highlight:"",
-							discounts:'10% off',
-							detailList: [
-								'Easy to Top up Credits',
-								'Option to Share Design and Interact with Designers in Public Gallery',
-								'Support Monthly/Annual Payment Options',
-								'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
-								'Customer and Technical Support',
-							],
-							btn:'Get Started',
-						},
-						{
-							title:"Personal",
-							img:'/image/homeIntroduct/personal.png',
-							type:'personal',
-							info:"Your AI Fashion Design Assistant",
-							price:'HK$500',
-							detail:"per month · 3500 credits",
-							highlight:"Recommended",
-							discounts:'10% off',
-							detailList:[
-								'Easy to Top up Credits',
-								'Option to Share Design and Interact with Designers in Public Gallery',
-								'Support Monthly/Annual Payment Options',
-								'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
-								'Customer and Technical Support',
-							],
-							btn:'Get Started',
-						},{
-							title:"Academic",
-							img:'/image/homeIntroduct/academic.png',
-							type:'academic',
-							info:"Multi User Management System for Universities",
-							price:'',
-							detail:"",
-							custom:'Customize',
-							customInfo:'Special Academic rate aviable, please contact us for details.',
-							highlight:"",
-							discounts:'',
-							detailList:[
-								'Flexible Customize Program to Support School Needs',
-								'Monthly Credit Renewal throughout Program Duration',
-								'Flexible to Share and Allocate Account Credits among Users',
-								'Al Assisted Design Teaching Function',
-								'Cutting-edge Teaching Tool from Design Inspiration, Sketch Creation to Complete Fashion Collection',
-								'Basic 3D Design Functions',
-								'Customer and Technical Support',
-							],
-							btn:'Contact us',
-						},
-					],
-					yearl:[
-						{
-							title:"Personal",
-							img:'/image/homeIntroduct/personal.png',
-							type:'personal',
-							info:"Your AI Fashion Design Assistant",
-							price:'HK$5,000',
-							detail:"per month · 50000 credits",
-							highlight:"Free 5-Days Trial",
-							discounts:'10% off',
-							detailList:[
-								'Easy to Top up Credits',
-								'Option to Share Design and Interact with Designers in Public Gallery',
-								'Support Monthly/Annual Payment Options',
-								'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
-								'Customer and Technical Support',
-							],
-							btn:'Get Started',
-						},{
-							title:"Academic",
-							img:'/image/homeIntroduct/academic.png',
-							type:'academic',
-							info:"Multi User Management System for Universities",
-							price:'',
-							detail:"",
-							custom:'Customize',
-							customInfo:'Special Academic rate aviable, please contact us for details.',
-							highlight:"",
-							discounts:'',
-							detailList:[
-								'Flexible Customize Program to Support School Needs',
-								'Monthly Credit Renewal throughout Program Duration',
-								'Flexible to Share and Allocate Account Credits among Users',
-								'Al Assisted Design Teaching Function',
-								'Cutting-edge Teaching Tool from Design Inspiration, Sketch Creation to Complete Fashion Collection',
-								'Basic 3D Design Functions',
-								'Customer and Technical Support',
-							],
-							btn:'Contact us',
-						},
-					],
-				}
-			})
-			watch(()=>props.isSelectSuccessively,(newVal)=>{
-				if(newVal){
-				    data.productList = data.productListCn
-				}else{
-				    data.productList = data.productListEn
-				}
-			},{immediate: true})
-			const close = ()=>{
-			}
-			const setMonthlyOrYearly = (val)=>{
-				data.monthlyOrYearly = val
-			}
-			const createAccount = ()=>{
-				if(window.innerWidth < 768){
-					dom.registerModel.pageWidth = '100%'
-				}
-				dom.registerModel.init(props.isSelectSuccessively)
-			}
-			const handleContactUs = ()=>{
-				const email = 'info@code-create.com.hk'
-				const mailtoLink = `mailto:${email}`
-				
-				// 检测是否有邮件客户端
-				let hasEmailClient = false
-				let blurTimer = null
-				
-				// 监听窗口失去焦点事件（如果打开了邮件客户端，窗口会失去焦点）
-				const handleBlur = () => {
-					hasEmailClient = true
-					if (blurTimer) {
-						clearTimeout(blurTimer)
-					}
-					window.removeEventListener('blur', handleBlur)
-				}
-				
-				window.addEventListener('blur', handleBlur)
-				
-				// 尝试打开邮件客户端（使用临时链接元素，避免页面跳转）
-				try {
-					const tempLink = document.createElement('a')
-					tempLink.href = mailtoLink
-					tempLink.style.display = 'none'
-					document.body.appendChild(tempLink)
-					tempLink.click()
-					document.body.removeChild(tempLink)
-				} catch (e) {
-					// 如果打开失败，直接复制邮箱
-					hasEmailClient = false
-				}
-				
-				// 设置超时检测，如果500ms内窗口没有失去焦点，说明没有邮件客户端
-				blurTimer = setTimeout(() => {
-					window.removeEventListener('blur', handleBlur)
-					if (!hasEmailClient) {
-						// 没有邮件客户端，复制邮箱到剪贴板
-						copyToClipboard(email)
-						const isChinese = props.isSelectSuccessively
-						if (isChinese) {
-							message.info(`没有检测到邮件客户端,已为您复制邮箱地址:${email}`)
-						} else {
-							message.info(`No email client detected, email address copied: ${email}`)
-						}
-					}
-				}, 2000)
-			}
-			
-			const copyToClipboard = (text) => {
-				if (navigator.clipboard && window.isSecureContext) {
-					// 使用现代 Clipboard API
-					navigator.clipboard.writeText(text).catch(() => {
-						// 如果失败，使用传统方法
-						fallbackCopyToClipboard(text)
-					})
-				} else {
-					// 使用传统方法
-					fallbackCopyToClipboard(text)
-				}
-			}
-			
-			const fallbackCopyToClipboard = (text) => {
-				const textArea = document.createElement('textarea')
-				textArea.value = text
-				textArea.style.position = 'fixed'
-				textArea.style.left = '-999999px'
-				textArea.style.top = '-999999px'
-				document.body.appendChild(textArea)
-				textArea.focus()
-				textArea.select()
-				try {
-					document.execCommand('copy')
-				} catch (err) {
-					console.error('复制失败:', err)
-				}
-				document.body.removeChild(textArea)
-			}
-			
-			onMounted(()=>{
-				
-			})
-			return {
-				...toRefs(dom),
-				...toRefs(data),
-				close,
-				setMonthlyOrYearly,
-				createAccount,
-				handleContactUs,
-            }
-		},
+export default defineComponent({
+  components: {
+    registerModel
+  },
+  name: 'login',
+  props: ['isSelectSuccessively'],
+  // emits: ['close'],
+  setup(props, { emit }) {
+    let dom = reactive({
+      registerModel: null
     })
+    let data = reactive({
+      isSelectSignUp: false,
+      monthlyOrYearly: 'monthly',
+      productList: [],
+      productListCn: {
+        Advantages: '我们的价格方案',
+        Monthly: '月度',
+        Yearly: '年度',
+        monthly: [
+          {
+            title: '免费版',
+            img: CChargeIcon,
+            type: 'personal',
+            info: '您的AI时尚设计助手',
+            price: 'HK$0',
+            detail: '5天·50积分',
+            highlight: '',
+            discounts: '9折优惠',
+            detailList: [
+              '轻松充值积分',
+              '可在公共化画廊分享设计并与设计师互动',
+              '支持月付/年付选项',
+              '适合个人创作者、独立设计师以及所有时尚爱好者',
+              '客户支持'
+            ],
+            btn: '立即开始'
+          },
+          {
+            title: '个人版',
+            img: '/image/homeIntroduct/personal.png',
+            type: 'personal',
+            info: '您的AI时尚设计助手',
+            price: 'HK$100',
+            detail: '每月·500积分',
+            highlight: '',
+            discounts: '9折优惠',
+            detailList: [
+              '轻松充值积分',
+              '可在公共化画廊分享设计并与设计师互动',
+              '支持月付/年付选项',
+              '适合个人创作者、独立设计师以及所有时尚爱好者',
+              '客户支持'
+            ],
+            btn: '立即开始'
+          },
+          {
+            title: '个人专业版',
+            img: '/image/homeIntroduct/personal.png',
+            type: 'personal',
+            info: '您的AI时尚设计助手',
+            price: 'HK$500',
+            detail: '每月·3500积分',
+            highlight: '推荐',
+            recommended: true,
+            discounts: '9折优惠',
+            detailList: [
+              '轻松充值积分',
+              '可在公共画廊中分享设计并与设计师互动',
+              '支持月付/年付选项',
+              '适合个人创作者、独立设计师以及所有时尚爱好者',
+              '客户支持'
+            ],
+            btn: '立即开始'
+          },
+          {
+            title: '教育版',
+            img: '/image/homeIntroduct/academic.png',
+            type: 'academic',
+            info: '高校多用户管理系统',
+            price: '',
+            detail: '',
+            custom: '定制方案',
+            customInfo: '可提供专属教育优惠，详情请联系我们',
+            highlight: '',
+            discounts: '',
+            detailList: [
+              '灵活的自定义程序以满足学校需求',
+              '项目期间每月信用额度自动续期',
+              '可在用户之间灵活共享和分配账户信用额度',
+              'AI辅助设计教学功能',
+              '从设计灵感、草图创作到完整时装系列的尖端教学工具',
+              '基本3D设计功能',
+              '客户与技术支援'
+            ],
+            btn: '联系我们'
+          }
+        ],
+        yearl: [
+          {
+            title: '个人版',
+            img: '/image/homeIntroduct/personal.png',
+            type: 'personal',
+            info: '您的AI时尚设计助手',
+            price: 'HK$5,000',
+            detail: '每年·50000积分',
+            highlight: '免费试用5天',
+            discounts: '9折优惠',
+            detailList: [
+              '灵活的自定义程序以满足学校需求',
+              '可在用户之间灵活共享和分配账户信用额度',
+              'AI辅助设计教学功能',
+              '支持草图创意和设计灵感教学',
+              '基础3D设计功能'
+            ],
+            btn: '立即开始'
+          },
+          {
+            title: '教育版',
+            img: '/image/homeIntroduct/academic.png',
+            type: 'academic',
+            info: '高校多用户管理系统',
+            price: '',
+            detail: '',
+            custom: '定制方案',
+            customInfo: '可提供专属教育优惠，详情请联系我们',
+            highlight: '',
+            discounts: '',
+            detailList: [
+              '灵活的自定义程序以满足学校需求',
+              '项目期间每月信用额度自动续期',
+              '可在用户之间灵活共享和分配账户信用额度',
+              'AI辅助设计教学功能',
+              '从设计灵感、草图创作到完整时装系列的尖端教学工具',
+              '基本3D设计功能',
+              '客户与技术支援'
+            ],
+            btn: '联系我们'
+          }
+        ]
+      },
+      productListEn: {
+        Advantages: 'Our Pricing Plan',
+        Monthly: 'Monthly',
+        Yearly: 'Yearly',
+        monthly: [
+          {
+            title: 'Free',
+            img: CChargeIcon,
+            type: 'personal',
+            info: 'Your AI Fashion Design Assistant',
+            price: 'HK$0',
+            detail: '5 days · 50 credits',
+            highlight: '',
+            discounts: '10% off',
+            detailList: [
+              'Easy to Top up Credits',
+              'Option to Share Design and Interact with Designers in Public Gallery',
+              'Support Monthly/Annual Payment Options',
+              'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
+              'Customer and Technical Support'
+            ],
+            btn: 'Get Started'
+          },
+          {
+            title: 'Personal',
+            img: '/image/homeIntroduct/personal.png',
+            type: 'personal',
+            info: 'Your AI Fashion Design Assistant',
+            price: 'HK$100',
+            detail: 'per month · 500 credits',
+            highlight: '',
+            discounts: '10% off',
+            detailList: [
+              'Easy to Top up Credits',
+              'Option to Share Design and Interact with Designers in Public Gallery',
+              'Support Monthly/Annual Payment Options',
+              'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
+              'Customer and Technical Support'
+            ],
+            btn: 'Get Started'
+          },
+          {
+            title: 'Personal',
+            img: '/image/homeIntroduct/personal.png',
+            type: 'personal',
+            info: 'Your AI Fashion Design Assistant',
+            price: 'HK$500',
+            detail: 'per month · 3500 credits',
+            highlight: 'Recommended',
+            recommended: true,
+            discounts: '10% off',
+            detailList: [
+              'Easy to Top up Credits',
+              'Option to Share Design and Interact with Designers in Public Gallery',
+              'Support Monthly/Annual Payment Options',
+              'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
+              'Customer and Technical Support'
+            ],
+            btn: 'Get Started'
+          },
+          {
+            title: 'Academic',
+            img: '/image/homeIntroduct/academic.png',
+            type: 'academic',
+            info: 'Multi User Management System for Universities',
+            price: '',
+            detail: '',
+            custom: 'Customize',
+            customInfo: 'Special Academic rate aviable, please contact us for details.',
+            highlight: '',
+            discounts: '',
+            detailList: [
+              'Flexible Customize Program to Support School Needs',
+              'Monthly Credit Renewal throughout Program Duration',
+              'Flexible to Share and Allocate Account Credits among Users',
+              'Al Assisted Design Teaching Function',
+              'Cutting-edge Teaching Tool from Design Inspiration, Sketch Creation to Complete Fashion Collection',
+              'Basic 3D Design Functions',
+              'Customer and Technical Support'
+            ],
+            btn: 'Contact us'
+          }
+        ],
+        yearl: [
+          {
+            title: 'Personal',
+            img: '/image/homeIntroduct/personal.png',
+            type: 'personal',
+            info: 'Your AI Fashion Design Assistant',
+            price: 'HK$5,000',
+            detail: 'per month · 50000 credits',
+            highlight: 'Free 5-Days Trial',
+            discounts: '10% off',
+            detailList: [
+              'Easy to Top up Credits',
+              'Option to Share Design and Interact with Designers in Public Gallery',
+              'Support Monthly/Annual Payment Options',
+              'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
+              'Customer and Technical Support'
+            ],
+            btn: 'Get Started'
+          },
+          {
+            title: 'Academic',
+            img: '/image/homeIntroduct/academic.png',
+            type: 'academic',
+            info: 'Multi User Management System for Universities',
+            price: '',
+            detail: '',
+            custom: 'Customize',
+            customInfo: 'Special Academic rate aviable, please contact us for details.',
+            highlight: '',
+            discounts: '',
+            detailList: [
+              'Flexible Customize Program to Support School Needs',
+              'Monthly Credit Renewal throughout Program Duration',
+              'Flexible to Share and Allocate Account Credits among Users',
+              'Al Assisted Design Teaching Function',
+              'Cutting-edge Teaching Tool from Design Inspiration, Sketch Creation to Complete Fashion Collection',
+              'Basic 3D Design Functions',
+              'Customer and Technical Support'
+            ],
+            btn: 'Contact us'
+          }
+        ]
+      }
+    })
+    watch(
+      () => props.isSelectSuccessively,
+      newVal => {
+        if (newVal) {
+          data.productList = data.productListCn
+        } else {
+          data.productList = data.productListEn
+        }
+      },
+      { immediate: true }
+    )
+    const close = () => {}
+    const setMonthlyOrYearly = val => {
+      data.monthlyOrYearly = val
+    }
+    const createAccount = () => {
+      if (window.innerWidth < 768) {
+        dom.registerModel.pageWidth = '100%'
+      }
+      dom.registerModel.init(props.isSelectSuccessively)
+    }
+    const handleContactUs = () => {
+      const email = 'info@code-create.com.hk'
+      const mailtoLink = `mailto:${email}`
+
+      // 检测是否有邮件客户端
+      let hasEmailClient = false
+      let blurTimer = null
+
+      // 监听窗口失去焦点事件（如果打开了邮件客户端，窗口会失去焦点）
+      const handleBlur = () => {
+        hasEmailClient = true
+        if (blurTimer) {
+          clearTimeout(blurTimer)
+        }
+        window.removeEventListener('blur', handleBlur)
+      }
+
+      window.addEventListener('blur', handleBlur)
+
+      // 尝试打开邮件客户端（使用临时链接元素，避免页面跳转）
+      try {
+        const tempLink = document.createElement('a')
+        tempLink.href = mailtoLink
+        tempLink.style.display = 'none'
+        document.body.appendChild(tempLink)
+        tempLink.click()
+        document.body.removeChild(tempLink)
+      } catch (e) {
+        // 如果打开失败，直接复制邮箱
+        hasEmailClient = false
+      }
+
+      // 设置超时检测，如果500ms内窗口没有失去焦点，说明没有邮件客户端
+      blurTimer = setTimeout(() => {
+        window.removeEventListener('blur', handleBlur)
+        if (!hasEmailClient) {
+          // 没有邮件客户端，复制邮箱到剪贴板
+          copyToClipboard(email)
+          const isChinese = props.isSelectSuccessively
+          if (isChinese) {
+            message.info(`没有检测到邮件客户端,已为您复制邮箱地址:${email}`)
+          } else {
+            message.info(`No email client detected, email address copied: ${email}`)
+          }
+        }
+      }, 2000)
+    }
+
+    const copyToClipboard = text => {
+      if (navigator.clipboard && window.isSecureContext) {
+        // 使用现代 Clipboard API
+        navigator.clipboard.writeText(text).catch(() => {
+          // 如果失败，使用传统方法
+          fallbackCopyToClipboard(text)
+        })
+      } else {
+        // 使用传统方法
+        fallbackCopyToClipboard(text)
+      }
+    }
+
+    const fallbackCopyToClipboard = text => {
+      const textArea = document.createElement('textarea')
+      textArea.value = text
+      textArea.style.position = 'fixed'
+      textArea.style.left = '-999999px'
+      textArea.style.top = '-999999px'
+      document.body.appendChild(textArea)
+      textArea.focus()
+      textArea.select()
+      try {
+        document.execCommand('copy')
+      } catch (err) {
+        console.error('复制失败:', err)
+      }
+      document.body.removeChild(textArea)
+    }
+
+    onMounted(() => {})
+    return {
+      ...toRefs(dom),
+      ...toRefs(data),
+      close,
+      setMonthlyOrYearly,
+      createAccount,
+      handleContactUs
+    }
+  }
+})
 </script>
 <style scoped lang="less">
-.signUp{
-	flex: 1;
-	padding: 0rem 4rem;
-	margin-top: 5.6rem;
-	@media (max-width: 767px) {
-		margin-top: 1.5rem;
-		padding: 0rem 3.7rem;
-		// flex: 1;
-		// height: 100%;
-		// overflow-y: auto;
-	}
-	.back{
-		font-size: 1.6rem;
-		margin-bottom: 3rem;
-	}
-	.back,.introduce>span{
-		cursor: pointer;
-	}
-	.titleTitle{
-		font-size: 4.6rem;
-		font-weight: 500;
-		text-align: center;
-		margin-bottom: 2rem;
-		@media (max-width: 767px) {
-			font-size: 2.68rem;
-			margin-bottom: 1.1rem;
-		}
-	}
-	.selectMonthlyYearly{
-		border: .7px solid #e7ebff;
-		background: #FBFBFB;
-		border-radius: 1rem;
-		width: 18.5rem;
-		box-shadow: 0px 0.72px 3.62px 0px #566EE81A inset;
-		margin: 0 auto;
-		display: flex;
-		position: relative;
-		--selectPadding: .58rem;
-		padding: var(--selectPadding);
-		@media (max-width: 767px) {
-			--selectPadding: .36rem;
-			border-radius: .58rem;
-			width: 10.8rem;
-		}
-		&.left{
-			> .bg{
-				left: var(--selectPadding);
-			}
-			> .leftText{
-				color: #000;
-			}
-		}
-		&.right{
-			> .bg{
-				left: calc(50% + var(--selectPadding));
-			}
-			> .rightText{
-				color: #000;
-			}
-		}
-		> .bg{
-			border: .7px solid #E7EBFF;
-			box-shadow: 0px 4.35px 26.08px 0px #B5C2FB1A;
-			background: #ffffff;
-			width: calc(50% - var(--selectPadding) * 2);
-			height: calc(100% - var(--selectPadding) * 2);
-			position: absolute;
-			transition: all .3s;
-		}
-		> .leftText,> .rightText{
-			cursor: pointer;
-			font-weight: 400;
-			font-size: 1.7rem;
-			width: 50%;
-			text-align: center;
-			color: #797878;
-			position: relative;
-			font-family: 'pingfang_regular';
-			@media (max-width: 767px) {
-				font-size: 1rem;
-			}
-		}
-	}
-	.introduce{
-		font-size: 2.4rem;
-		text-decoration: underline;
-	}
-	.selectSignUp{
-		height: 100%;
-		display: flex;
-		flex-direction: column;
-		@media (max-width: 768px) {
-			justify-content: flex-start;
-			display: flex;
-			flex-direction: column;
-			justify-content: flex-start;
-		}
-	}
-	.gallery_list_box{
-		
-	}
-	.gallery_list{
-		display: flex;
-		// justify-content: center;
-		flex-wrap: wrap;
-		justify-content: center;
-		margin-top: 4.3rem;
-		@media (max-width: 767px) {
-			margin-top: 2.4rem;
-		}
-		.gallery_item{
-			width: 44.1rem;
-			height: 56.9rem;
-			padding: 2.09rem;
-			border-radius: 1.8rem;
-			border: .72px solid #E7EBFF;
-			margin-right: 8rem;
-			position: relative;
-			@media (max-width: 767px) {
-				width: 100%;
-				height: auto;
-				border-radius: 1.3rem;
-				margin: 0;
-				margin-bottom: 2.8rem;
-				padding-bottom: 1.3rem;
-			}
-			.product_signUp_box{
-				display: flex;
-				flex-direction: column;
-				height: 100%;
-			}
-			&:last-child{
-				margin-right: 0rem;
-				margin-bottom: 0rem;
-			}
-			.img{
-				margin-bottom: 1.4rem;
-				width: 4rem;
-				height: 4rem;
-				@media (max-width: 767px) {
-					width: 2.9rem;
-					height: 2.9rem;
-					margin-bottom: 1rem;
-				}
-			}
-			.title{
-				font-size: 3.1rem;
-				margin-bottom: 1rem;
-				text-align: left;
-				font-weight: 500;
-				@media (max-width: 767px) {
-					font-size: 2.3rem;
-					margin-bottom: .73rem;
-				}
-			}
-			.info{
-				font-weight: 400;
-				font-size: 1.4rem;
-				color: #797878;
-				margin-bottom: 1.7rem;
-				font-family: 'pingfang_regular';
-				&.academic{
-					margin-bottom: .4rem;
-				}
-				@media (max-width: 767px) {
-					font-size: 1.25rem;
-					margin-bottom: 1.25rem;
-				}
-			}
-			.price{
-				// margin-bottom: 5.2rem;
-				border-bottom: .72px solid #E7EBFF;
-				width: 100%;
-				display: flex;
-				align-items: flex-end;
-				@media (max-width: 767px) {
-					margin-bottom: 2.3rem;
-				}
-				&.academic{
-					align-items: flex-start;
-					flex-direction: column;
-					> div{
-						margin-bottom: .9rem;
-						font-size: 4.3rem;
-						line-height: 1;
-						letter-spacing: -.072rem;
-						@media (max-width: 767px) {
-							font-size: 3.1rem;
-							margin-bottom: .5rem;
-						}
-					}
-					> span{
-						margin: 0;
-					}
-				}
-				> div{
-					font-weight: 500;
-					font-size: 4.3rem;
-					color: #1B223C;
-					@media (max-width: 767px) {
-						font-size: 3.14rem;
-					}
-				}
-				> span{
-					font-weight: 500;
-					font-size: 1.7rem;
-					color: #797878;
-					margin-bottom: 1.5rem;
-					margin-left: 1rem;
-					&.yearl{
-						font-size: 1.3rem;
-					}
-					@media (max-width: 767px) {
-						font-size: 1.2rem;
-						margin-left: .7rem;
-						margin-bottom: 1rem;
-					}
-				}
-			}
-			.info,.detail,.gallery_btn{
-				font-size: 1.6rem;
-			}
-			.highlight{
-				font-size: 1.3rem;
-				position: absolute;
-				top: 0;
-				right: 0;
-				background: linear-gradient(88.13deg, #FBD2FF 0.91%, #E6D3FF 52.5%, #B694FF 101.09%);
-				// border-radius: .5rem 1.5rem 0px 1.5rem;
-				border-top-right-radius: 1.5rem;
+.signUp {
+  flex: 1;
+  padding: 0rem 4rem;
+  margin-top: 5.6rem;
+  @media (max-width: 767px) {
+    margin-top: 1.5rem;
+    padding: 0rem 3.7rem;
+    // flex: 1;
+    // height: 100%;
+    // overflow-y: auto;
+  }
+  .back {
+    font-size: 1.6rem;
+    margin-bottom: 3rem;
+  }
+  .back,
+  .introduce > span {
+    cursor: pointer;
+  }
+  .titleTitle {
+    font-size: 4.6rem;
+    font-weight: 500;
+    text-align: center;
+    margin-bottom: 2rem;
+    @media (max-width: 767px) {
+      font-size: 2.68rem;
+      margin-bottom: 1.1rem;
+    }
+  }
+  .selectMonthlyYearly {
+    border: 0.7px solid #e7ebff;
+    background: #fbfbfb;
+    border-radius: 1rem;
+    width: 18.5rem;
+    box-shadow: 0px 0.72px 3.62px 0px #566ee81a inset;
+    margin: 0 auto;
+    display: flex;
+    position: relative;
+    --selectPadding: 0.58rem;
+    padding: var(--selectPadding);
+    @media (max-width: 767px) {
+      --selectPadding: 0.36rem;
+      border-radius: 0.58rem;
+      width: 10.8rem;
+    }
+    &.left {
+      > .bg {
+        left: var(--selectPadding);
+      }
+      > .leftText {
+        color: #000;
+      }
+    }
+    &.right {
+      > .bg {
+        left: calc(50% + var(--selectPadding));
+      }
+      > .rightText {
+        color: #000;
+      }
+    }
+    > .bg {
+      border: 0.7px solid #e7ebff;
+      box-shadow: 0px 4.35px 26.08px 0px #b5c2fb1a;
+      background: #ffffff;
+      width: calc(50% - var(--selectPadding) * 2);
+      height: calc(100% - var(--selectPadding) * 2);
+      position: absolute;
+      transition: all 0.3s;
+    }
+    > .leftText,
+    > .rightText {
+      cursor: pointer;
+      font-weight: 400;
+      font-size: 1.7rem;
+      width: 50%;
+      text-align: center;
+      color: #797878;
+      position: relative;
+      font-family: 'pingfang_regular';
+      @media (max-width: 767px) {
+        font-size: 1rem;
+      }
+    }
+  }
+  .introduce {
+    font-size: 2.4rem;
+    text-decoration: underline;
+  }
+  .selectSignUp {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    @media (max-width: 768px) {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+  }
+  .gallery_list {
+    display: flex;
+    // justify-content: center;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin-top: 4.3rem;
+    @media (max-width: 767px) {
+      margin-top: 2.4rem;
+    }
+    .gallery_item {
+      width: 36.2rem;
+      height: 46.8rem;
+      padding: 2.38rem;
+      border-radius: 1.55rem;
+      border: 0.72px solid #e7ebff;
+      margin-right: 8rem;
+      position: relative;
+      &.recommended {
+        border-radius: 1.8rem;
+        border: 2px solid transparent;
+        background:
+          linear-gradient(#fff, #fff) padding-box,
+          linear-gradient(
+            88.13deg,
+            #fbd2ff 0.91%,
+            #e6d3ff 52.5%,
+            #b694ff 101.09%
+          )
+            border-box;
+        background-origin: border-box;
+        background-clip: padding-box, border-box;
+      }
+      @media (max-width: 767px) {
+        width: 100%;
+        height: auto;
+        border-radius: 1.3rem;
+        margin: 0;
+        margin-bottom: 2.8rem;
+        padding-bottom: 1.3rem;
+      }
+      .product_signUp_box {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+      }
+      &:last-child {
+        margin-right: 0rem;
+        margin-bottom: 0rem;
+      }
+      .img {
+        margin-bottom: 1.2rem;
+        width: 4rem;
+        height: 4rem;
+        @media (max-width: 767px) {
+          width: 2.9rem;
+          height: 2.9rem;
+          margin-bottom: 1rem;
+        }
+      }
+      .title {
+        font-size: 2.6rem;
+        margin-bottom: 0.8rem;
+        text-align: left;
+        font-weight: 500;
+        @media (max-width: 767px) {
+          font-size: 2.3rem;
+          margin-bottom: 0.73rem;
+        }
+      }
+      .info {
+        font-weight: 400;
+        font-size: 1.4rem;
+        color: #797878;
+        margin-bottom: 1.2rem;
+        font-family: 'pingfang_regular';
+        &.academic {
+          margin-bottom: 0.4rem;
+        }
+        @media (max-width: 767px) {
+          font-size: 1.25rem;
+          margin-bottom: 1.25rem;
+        }
+      }
+      .price {
+        // margin-bottom: 5.2rem;
+        border-bottom: 0.72px solid #e7ebff;
+        width: 100%;
+        display: flex;
+				column-gap: 0.7rem;
+        align-items: center;
+        @media (max-width: 767px) {
+          margin-bottom: 2.3rem;
+        }
+        &.academic {
+          align-items: flex-start;
+          flex-direction: column;
+          > div {
+            margin-bottom: 0.9rem;
+            font-size: 3.6rem;
+            line-height: 1;
+            letter-spacing: -0.072rem;
+            @media (max-width: 767px) {
+              font-size: 3.1rem;
+              margin-bottom: 0.5rem;
+            }
+          }
+          > span {
+            margin: 0;
+          }
+        }
+        > div {
+          font-weight: 500;
+          font-size: 3.6rem;
+          color: #1b223c;
+          @media (max-width: 767px) {
+            font-size: 3.14rem;
+          }
+        }
+        > span {
+          font-weight: 500;
+          font-size: 1.3rem;
+          color: #797878;
+          // margin-bottom: 1.5rem;
+          // margin-left: 1rem;
+          &.yearl {
+            font-size: 1.3rem;
+          }
+          @media (max-width: 767px) {
+            font-size: 1.2rem;
+            // margin-left: 0.7rem;
+            // margin-bottom: 1rem;
+          }
+        }
+      }
+      .detail,
+      .gallery_btn {
+        font-size: 1.6rem;
+      }
+      .highlight {
+        font-size: 1.3rem;
+        position: absolute;
+        top: 0;
+        right: 0;
+        background: linear-gradient(
+          88.13deg,
+          #fbd2ff 0.91%,
+          #e6d3ff 52.5%,
+          #b694ff 101.09%
+        );
+        // border-radius: .5rem 1.5rem 0px 1.5rem;
+        border-top-right-radius: 1.5rem;
         border-bottom-left-radius: 0.5rem;
-				padding: .75rem .5rem;
-				@media (max-width: 767px) {
-					padding: .55rem .36rem;
-					// border-radius: .46rem .36rem 0px .9rem;
-					border-top-right-radius: 1.1rem;
-        border-bottom-left-radius: 0.4rem;
-					font-size: 1rem;
-				}
-			}
-			.product_detail{
-				padding-left: 3.1rem;
-				flex: 1;
-				display: flex;
-				flex-direction: column;
-				justify-content: flex-end;
-				overflow-y: auto;
-				&.academic{
-					justify-content: flex-start
-				}
-				li{
-					list-style: disc;
-					margin-bottom: .3rem;
-					font-size: 1.6rem;
-					font-weight: 500;
-					@media (max-width: 767px) {
-						font-size: 1.15rem;
-					}
-				}
-				li:last-child{
-					margin-bottom: 0;
-				}
-			}
-			.gallery_btn{
-				line-height: 4.6rem;
-				width: 100%;
-				padding: 0;
-				margin-top: auto;
-				font-size: 1.7rem;
-				font-weight: 500;
-				@media (max-width: 767px) {
-					margin-top: 2.5rem;
-					font-size: 1.25rem;
-					line-height: 3.4rem;
-					border-radius: .62rem;
-				}
-			}
-		}
-	}
+        padding: 0.75rem 0.5rem;
+        @media (max-width: 767px) {
+          padding: 0.55rem 0.36rem;
+          // border-radius: .46rem .36rem 0px .9rem;
+          border-top-right-radius: 1.1rem;
+          border-bottom-left-radius: 0.4rem;
+          font-size: 1rem;
+        }
+      }
+      .product_detail {
+        padding-left: 3.1rem;
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+        overflow-y: auto;
+        &.academic {
+          justify-content: flex-start;
+        }
+        li {
+          list-style: disc;
+          // margin-bottom: 0.3rem;
+          font-size: 1.3rem;
+          font-weight: 500;
+          @media (max-width: 767px) {
+            font-size: 1.15rem;
+          }
+        }
+        li:last-child {
+          margin-bottom: 0;
+        }
+      }
+      .gallery_btn {
+        line-height: 4.6rem;
+        width: 100%;
+        padding: 0;
+        margin-top: auto;
+        font-size: 1.7rem;
+        font-weight: 500;
+        background-color: #1b223c;
+        @media (max-width: 767px) {
+          margin-top: 2.5rem;
+          font-size: 1.25rem;
+          line-height: 3.4rem;
+          border-radius: 0.62rem;
+        }
+      }
+    }
+  }
 }
 </style>

From 4376c8c31381b3fbd4712cedbb13a60f69ef2728 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Thu, 27 Nov 2025 10:13:54 +0800
Subject: [PATCH 16/33] =?UTF-8?q?style:=20=E5=88=86=E8=BE=A8=E7=8E=87?=
 =?UTF-8?q?=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 115 +++++++++++++++++++-----
 1 file changed, 93 insertions(+), 22 deletions(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index fe82f362..c9215d81 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -19,7 +19,11 @@
           class="gallery_item"
           v-for="item in productList[monthlyOrYearly]"
           :key="item"
-          :class="{ recommended: item.recommended }"
+          :class="[
+            { recommended: item.recommended },
+            { monthly: monthlyOrYearly === 'monthly' },
+            { yearly: monthlyOrYearly === 'yearl' }
+          ]"
         >
           <div class="product_signUp_box">
             <img class="img" :src="item?.img" alt="" />
@@ -121,7 +125,7 @@ export default defineComponent({
               '适合个人创作者、独立设计师以及所有时尚爱好者',
               '客户支持'
             ],
-            btn: '立即开始'
+            btn: '订阅'
           },
           {
             title: '个人专业版',
@@ -140,7 +144,7 @@ export default defineComponent({
               '适合个人创作者、独立设计师以及所有时尚爱好者',
               '客户支持'
             ],
-            btn: '立即开始'
+            btn: '订阅'
           },
           {
             title: '教育版',
@@ -166,6 +170,24 @@ export default defineComponent({
           }
         ],
         yearl: [
+          {
+            title: '免费版',
+            img: CChargeIcon,
+            type: 'personal',
+            info: '您的AI时尚设计助手',
+            price: 'HK$0',
+            detail: '5天·50积分',
+            highlight: '',
+            discounts: '9折优惠',
+            detailList: [
+              '轻松充值积分',
+              '可在公共化画廊分享设计并与设计师互动',
+              '支持月付/年付选项',
+              '适合个人创作者、独立设计师以及所有时尚爱好者',
+              '客户支持'
+            ],
+            btn: '立即开始'
+          },
           {
             title: '个人版',
             img: '/image/homeIntroduct/personal.png',
@@ -173,7 +195,7 @@ export default defineComponent({
             info: '您的AI时尚设计助手',
             price: 'HK$5,000',
             detail: '每年·50000积分',
-            highlight: '免费试用5天',
+            highlight: '',
             discounts: '9折优惠',
             detailList: [
               '灵活的自定义程序以满足学校需求',
@@ -247,7 +269,7 @@ export default defineComponent({
               'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
               'Customer and Technical Support'
             ],
-            btn: 'Get Started'
+            btn: 'Subscribe'
           },
           {
             title: 'Personal',
@@ -266,7 +288,7 @@ export default defineComponent({
               'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
               'Customer and Technical Support'
             ],
-            btn: 'Get Started'
+            btn: 'Subscribe'
           },
           {
             title: 'Academic',
@@ -292,6 +314,24 @@ export default defineComponent({
           }
         ],
         yearl: [
+          {
+            title: 'Free',
+            img: CChargeIcon,
+            type: 'personal',
+            info: 'Your AI Fashion Design Assistant',
+            price: 'HK$0',
+            detail: '5 days · 50 credits',
+            highlight: '',
+            discounts: '10% off',
+            detailList: [
+              'Easy to Top up Credits',
+              'Option to Share Design and Interact with Designers in Public Gallery',
+              'Support Monthly/Annual Payment Options',
+              'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
+              'Customer and Technical Support'
+            ],
+            btn: 'Get Started'
+          },
           {
             title: 'Personal',
             img: '/image/homeIntroduct/personal.png',
@@ -299,7 +339,7 @@ export default defineComponent({
             info: 'Your AI Fashion Design Assistant',
             price: 'HK$5,000',
             detail: 'per month · 50000 credits',
-            highlight: 'Free 5-Days Trial',
+            highlight: '',
             discounts: '10% off',
             detailList: [
               'Easy to Top up Credits',
@@ -551,7 +591,7 @@ export default defineComponent({
     // justify-content: center;
     flex-wrap: wrap;
     justify-content: center;
-    margin-top: 4.3rem;
+    margin-top: 6rem;
     @media (max-width: 767px) {
       margin-top: 2.4rem;
     }
@@ -560,20 +600,16 @@ export default defineComponent({
       height: 46.8rem;
       padding: 2.38rem;
       border-radius: 1.55rem;
-      border: 0.72px solid #e7ebff;
+      border: 0.2rem solid #e7ebff;
       margin-right: 8rem;
       position: relative;
+      box-shadow: 0px 15.5px 23.84px 0px #bccaff21;
+
       &.recommended {
         border-radius: 1.8rem;
         border: 2px solid transparent;
-        background:
-          linear-gradient(#fff, #fff) padding-box,
-          linear-gradient(
-            88.13deg,
-            #fbd2ff 0.91%,
-            #e6d3ff 52.5%,
-            #b694ff 101.09%
-          )
+        background: linear-gradient(#fff, #fff) padding-box,
+          linear-gradient(88.13deg, #fbd2ff 0.91%, #e6d3ff 52.5%, #b694ff 101.09%)
             border-box;
         background-origin: border-box;
         background-clip: padding-box, border-box;
@@ -634,7 +670,7 @@ export default defineComponent({
         border-bottom: 0.72px solid #e7ebff;
         width: 100%;
         display: flex;
-				column-gap: 0.7rem;
+        column-gap: 0.7rem;
         align-items: center;
         @media (max-width: 767px) {
           margin-bottom: 2.3rem;
@@ -646,7 +682,7 @@ export default defineComponent({
             margin-bottom: 0.9rem;
             font-size: 3.6rem;
             line-height: 1;
-            letter-spacing: -0.072rem;
+
             @media (max-width: 767px) {
               font-size: 3.1rem;
               margin-bottom: 0.5rem;
@@ -659,6 +695,7 @@ export default defineComponent({
         > div {
           font-weight: 500;
           font-size: 3.6rem;
+          letter-spacing: -0.06rem;
           color: #1b223c;
           @media (max-width: 767px) {
             font-size: 3.14rem;
@@ -685,8 +722,12 @@ export default defineComponent({
         font-size: 1.6rem;
       }
       .highlight {
-        font-size: 1.3rem;
+        font-size: 1.4rem;
         position: absolute;
+        width: 12.41rem;
+        height: 3.4rem;
+        line-height: 3.4rem;
+        text-align: center;
         top: 0;
         right: 0;
         background: linear-gradient(
@@ -698,9 +739,7 @@ export default defineComponent({
         // border-radius: .5rem 1.5rem 0px 1.5rem;
         border-top-right-radius: 1.5rem;
         border-bottom-left-radius: 0.5rem;
-        padding: 0.75rem 0.5rem;
         @media (max-width: 767px) {
-          padding: 0.55rem 0.36rem;
           // border-radius: .46rem .36rem 0px .9rem;
           border-top-right-radius: 1.1rem;
           border-bottom-left-radius: 0.4rem;
@@ -746,6 +785,38 @@ export default defineComponent({
         }
       }
     }
+    .yearly {
+      width: 44.1rem;
+      height: 56.9rem;
+      padding: 2.89rem 2.89rem 3.31rem;
+      box-sizing: border-box;
+      .product_signUp_box {
+        .title {
+          font-size: 3.1rem;
+          margin-bottom: 1rem;
+        }
+        .info {
+          font-size: 1.7rem;
+        }
+        .price {
+          > div {
+            font-size: 4.34rem;
+            letter-spacing: -1px;
+          }
+          span {
+            font-size: 1.4rem;
+          }
+        }
+        .product_detail {
+          padding-top: 3.1rem;
+          justify-content: space-evenly;
+          @media (max-width: 767px) {
+            padding-top: 0;
+            justify-content: flex-end;
+          }
+        }
+      }
+    }
   }
 }
 </style>

From 4b90bd59282b8431f5cada88c4ec3a8a7a7d56ed Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Wed, 26 Nov 2025 17:08:53 +0800
Subject: [PATCH 17/33] =?UTF-8?q?style:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E6=B3=A8=E5=86=8C=E9=A1=B5=E9=9D=A2=E9=A1=B6=E9=83=A8logo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Register.vue | 579 +++++++++++++++++++++--------------------
 1 file changed, 302 insertions(+), 277 deletions(-)

diff --git a/src/views/Register.vue b/src/views/Register.vue
index 972953df..7455871d 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -1,24 +1,35 @@
 <template>
-    <div class="homeRecommend_max openSignUp">
-        <header class="homeRecommend_heade">
-            <div class="homeRecommend_right_content">
-                <div class="homeRecommend_user_content">
-                    <!-- <img
+  <div class="homeRecommend_max openSignUp">
+    <header class="homeRecommend_heade">
+      <div class="homeRecommend_right_content">
+        <div class="homeRecommend_user_content">
+          <!-- <img
 						class="homeRecommend_logo"
 						@click="turnToNewPage('https://www.aidlab.hk/en/')"
 						src="@/assets/images/loginPage/aida_logo.png"
 					/> -->
-					<!-- <img
+          <!-- <img
 						class="homeRecommend_logo"
 						@click="turnToNewPage('https://www.aidlab.hk/en/')"
 						src="@/assets/images/loginPage/aida_Logo_login.png"
 					/> -->
-					<img
-						class="homeRecommend_logo"
-						@click="turnToNewPage('/')"
-						src="@/assets/images/homePage/aidaIcon.png"
-					/>
-					<!-- <div
+          <div class="mobile_logo_group" v-if="isMoblie" @click="turnToNewPage('/')">
+            <img
+              class="homeRecommend_logo aid"
+              src="@/assets/images/loginPage/aida_logo.png"
+            />
+            <img
+              class="homeRecommend_logo code"
+              src="@/assets/images/loginPage/aida_Logo_login.png"
+            />
+          </div>
+          <img
+            v-else
+            class="homeRecommend_logo"
+            @click="turnToNewPage('/')"
+            src="@/assets/images/homePage/aidaIcon.png"
+          />
+          <!-- <div
 						class="login_footer_item_text"
 						@click="turnToWindow(
 							'https://code-create.com.hk/aida-terms-and-conditions/'
@@ -34,288 +45,302 @@
 					>
 						Privacy Policy
 					</div> -->
-                </div>
-            </div>
-			<!-- <div class="homeRecommend_right">
+        </div>
+      </div>
+      <!-- <div class="homeRecommend_right">
 				<div class="gallery_btn" v-if="userDetail.systemList.indexOf(1) > -1 && !isMoblie" @click="goHome">Home</div>
 				<div class="gallery_btn white" v-if="userDetail.systemUser != -1" @click="logout">log off</div>
 			</div> -->
-			<div class="homeRecommend_right">
-				<!-- <div class="homeRecommend_right" v-if="userDetail.systemUser == -1"> -->
-				<div class="cutLangue">
-					<div @click="()=>isSelectSuccessively = !isSelectSuccessively">
-						<i class="fi fi-rr-globe"></i>
-						<!-- <a-switch :checked="isSelectSuccessively" @click="()=>isSelectSuccessively = !isSelectSuccessively" checked-children="EN" un-checked-children="CN"/> -->
-						{{ isSelectSuccessively? 'CN':'EN'}}
-					</div>
-				</div>
-				<div class="gallery_btn" @click="setLogin">{{ isSelectSuccessively?'登录':'Login' }}</div>
-			</div>
-        </header>
-				<div class="content">
-					<signUp ref="signUp" :isSelectSuccessively="isSelectSuccessively"></signUp>
-				</div>
+      <div class="homeRecommend_right">
+        <!-- <div class="homeRecommend_right" v-if="userDetail.systemUser == -1"> -->
+        <div class="cutLangue">
+          <div @click="() => (isSelectSuccessively = !isSelectSuccessively)">
+            <i class="fi fi-rr-globe"></i>
+            <!-- <a-switch :checked="isSelectSuccessively" @click="()=>isSelectSuccessively = !isSelectSuccessively" checked-children="EN" un-checked-children="CN"/> -->
+            {{ isSelectSuccessively ? 'CN' : 'EN' }}
+          </div>
+        </div>
+        <div class="gallery_btn" @click="setLogin">
+          {{ isSelectSuccessively ? '登录' : 'Login' }}
+        </div>
+      </div>
+    </header>
+    <div class="content">
+      <signUp ref="signUp" :isSelectSuccessively="isSelectSuccessively"></signUp>
     </div>
-	
+  </div>
 </template>
-<script >
-import { defineComponent, toRefs, reactive, ref , nextTick,computed, onMounted, onBeforeUnmount } from "vue";
-import { setCookie, getCookie, WriteCookie,clonAllCookie } from "@/tool/cookie";
-import { Https } from "@/tool/https";
-import { useStore } from "vuex";
-import { useRouter } from 'vue-router';
+<script>
+import {
+  defineComponent,
+  toRefs,
+  reactive,
+  ref,
+  nextTick,
+  computed,
+  onMounted,
+  onBeforeUnmount
+} from 'vue'
+import { setCookie, getCookie, WriteCookie, clonAllCookie } from '@/tool/cookie'
+import { Https } from '@/tool/https'
+import { useStore } from 'vuex'
+import { useRouter } from 'vue-router'
 import signUp from '@/component/mainPage/signUp/index.vue'
 export default defineComponent({
-    components: {
-		signUp,
+  components: {
+    signUp
+  },
+  setup() {
+    const store = useStore()
+    const router = useRouter()
+    let data = reactive({
+      homeRecommendMax: null,
+      signUp: null,
+      isSelectSuccessively: false
+    })
+    let isMoblie = ref(false)
+    let userDetail = computed(() => {
+      return store.state.UserHabit.userDetail
+    })
+    let setLogin = () => {
+      router.push('/login')
+    }
+    let logout = () => {
+      let userInfo = store.state.UserHabit.userDetail
+      let data = {
+        userId: userInfo?.userId
+      }
+      store.commit('createDetail')
+      store.commit('createProbject')
+      if (!data.userId) return
+      Https.axiosPost(Https.httpUrls.accountLogout, data).then(rv => {
+        clonAllCookie()
+      })
+    }
+    let goHome = () => {
+      router.push('/home')
+    }
+    let time
+    let updataIsMoblie = () => {
+      clearTimeout(time)
+      time = setTimeout(() => {
+        if (window.innerWidth < 768) {
+          isMoblie.value = true
+        } else {
+          isMoblie.value = false
+        }
+      }, 500)
+    }
+    onMounted(() => {
+      updataIsMoblie()
+      window.addEventListener('resize', updataIsMoblie)
+    })
+    onBeforeUnmount(() => {
+      window.removeEventListener('resize', updataIsMoblie)
+    })
+    return {
+      ...toRefs(data),
+      userDetail,
+      setLogin,
+      logout,
+      goHome,
+      isMoblie
+    }
+  },
+  data() {
+    return {}
+  },
+  watch: {
+    // credits.value(newVal,oldVal){
+    // 	console.log(String(newVal).length);
+    // }
+  },
+  mounted() {},
+  methods: {
+    turnToNewPage(url) {
+      window.open(url)
     },
-	setup(){
-        const store = useStore();
-		const router = useRouter();
-		let data = reactive({
-			homeRecommendMax:null,
-			signUp:null,
-			isSelectSuccessively:false,
-		})
-		let isMoblie = ref(false)
-		let userDetail = computed(()=>{
-			return store.state.UserHabit.userDetail
-		})
-		let setLogin = ()=>{
-			router.push("/login");
-		}
-		let logout = ()=>{
-			let userInfo = store.state.UserHabit.userDetail;
-			let data = {
-                userId: userInfo?.userId,
-            };
-			store.commit('createDetail')
-			store.commit('createProbject')
-			if(!data.userId) return
-			Https.axiosPost(Https.httpUrls.accountLogout, data).then((rv) => {
-				clonAllCookie();
-			});
-		}
-		let goHome = ()=>{
-			router.push('/home');
-		}
-		let time
-		let updataIsMoblie = ()=>{
-			clearTimeout(time)
-			time = setTimeout(()=>{
-				if(window.innerWidth < 768){
-					isMoblie.value = true
-				}else{
-					isMoblie.value = false
-				}    
-			},500)
-			
-		}
-		onMounted(()=>{
-			window.addEventListener('resize',updataIsMoblie)
-		})
-		onBeforeUnmount(() => {
-			window.removeEventListener('resize', updataIsMoblie);
-			
-		});
-		return {
-			...toRefs(data),
-			userDetail,
-			setLogin,
-			logout,
-			goHome,
-			isMoblie,
-		}
-	},
-    data() {
-        return {
-        };
-    },
-	watch: {
-		// credits.value(newVal,oldVal){
-		// 	console.log(String(newVal).length);
-		// }
-	},
-    mounted() {
-		
-    },
-    methods: {
-		turnToNewPage(url) {
-            window.open(url);
-        },
-		turnToWindow(url) {
-            window.open(url);
-        },
-    },
-});
+    turnToWindow(url) {
+      window.open(url)
+    }
+  }
+})
 </script>
 
 <style lang="less" scoped>
-.homeRecommend_max{
-	position: relative;
-	display: flex;
-	height: 100%;
-	flex-direction: column;
-	
-	
-	&.openSignUp{
-		.homeRecommend_heade{
-			position: relative;
-			background: #fff !important;
-			.login_footer_item_text{
-				display: block;
-			}
-		}
-		
-		.homeRecommend_content_adminTop{
-			display: none;
-		}
-	}
+.homeRecommend_max {
+  position: relative;
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+
+  &.openSignUp {
+    .homeRecommend_heade {
+      position: relative;
+      background: #fff !important;
+      .login_footer_item_text {
+        display: block;
+      }
+    }
+
+    .homeRecommend_content_adminTop {
+      display: none;
+    }
+  }
 }
 .homeRecommend_heade {
+  display: flex;
+  justify-content: space-between;
+  // padding: 0 30px;
+  padding: 2rem 4rem;
+  width: 100%;
+  // height: 7rem;
+  flex-shrink: 0;
+  // background: rgba(255, 255, 255, 0.2);
+  // border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
+  position: absolute;
+  align-items: center;
+  z-index: 2;
+  border-bottom: 1px solid #ddd;
+  @media (max-width: 768px) {
+    z-index: 1000;
+    padding: 1.4rem 2.1rem;
+  }
+  .homeRecommend_right {
+    width: 33%;
     display: flex;
-	justify-content: space-between;
-	// padding: 0 30px;
-	padding: 2rem 4rem;
-    width: 100%;
-    // height: 7rem;
-	flex-shrink: 0;
-    // background: rgba(255, 255, 255, 0.2);
-    // border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
-    position: absolute;
+    justify-content: flex-end;
     align-items: center;
-	z-index: 2;
-	border-bottom: 1px solid #DDD;
-	@media (max-width: 768px) {
-		z-index: 1000;
-		padding: 1.4rem 2.1rem;
-	}
-	.homeRecommend_right{
-		width: 33%;
-		display: flex;
-		justify-content: flex-end;
-		align-items: center;
-		.gallery_btn{
-			// color: #000;
-			// background: #fff;
-			// border: 2px solid #000;
-			// margin-left: 2rem;
-			width: 13rem;
-			text-align: center;
-			@media (max-width: 768px) {
-				width: 5.2rem;
-				padding: 0;
-				display: none;
-			}
-			&.gallery_btn:nth-child(1){
-			    margin-right: 3rem;
-				@media (max-width: 768px) {
-					margin-right: 1.8rem;
-				}
-			}
-		}
-		> .cutLangue{
-			display: flex;
-			align-items: center;
-			margin-right: 4rem;
-			@media (max-width: 768px) {
-				margin-right: 2.8rem;
-			}
-			> i{
-				font-size: 5rem;
-			}
-			> div{
-				cursor: pointer;
-				display: flex;
-				align-items: center;
-				@media (max-width: 768px) {
-					font-size: 1.5rem;
-				}
-				> i{
-					font-size: 3.5rem;
-					display: flex;
-					margin-right: 1rem;
-					@media (max-width: 768px) {
-						margin-right: .7rem;
-						font-size: 2rem;
-					}
-				}
-			}
-			> button{
-				height: 4rem;
-				min-width: 8rem;
-			}
-			> .text{
-				margin-right: 1rem;
-			}
-		}
-	}
-    .homeRecommend_logo {
-        // width: 14.4rem;
-        height: 8rem;
-        // height: 4rem;
-
-		margin-top: 0;
-		margin-right: 2rem;
-		@media (max-width: 768px) {
-			// height: 1.76rem;
-			height: 4.5rem;
-			margin-right: .9rem;
-		}
-		// &:last-child{
-		// 	margin-right: 2rem;
-		// }
-    }
-	.login_footer_item_text{
-		// margin-left: 5rem;
-		margin-right: 2rem;
-		font-size: 1.6rem;
-		text-decoration: underline;
-		display: none;
-		cursor: pointer;
-	}
-    .homeRecommend_right_content {
-        top: 0;
-		left: 0;
-        display: flex;
-		width: 40%;
-		height: 100%;
-		align-items: center;
-		overflow: hidden;
-        .homeRecommend_user_content {
-            display: flex;
-            align-items: center;
-            position: relative;
-            height: 3.7rem;
-			&.marLeft2{
-				margin-left: 2rem;
-			}
-            .username {
-                font-size: 1.8rem;
-                color: #1a1a1a;
-                margin: 0 0.8rem;
-				font-weight: 900;
-				span{
-					margin: .7rem;
-				}
-            }
-            .icon-xiala {
-                font-size: 1.4rem;
-                cursor: pointer;
-				transition: .3s all;
-            }
-            .icon_rotate {
-                -moz-transform: rotate(180deg);
-                -webkit-transform: rotate(180deg);
-                transform: rotate(180deg);
-                animation-direction: 0.5s;
-            }
+    .gallery_btn {
+      // color: #000;
+      // background: #fff;
+      // border: 2px solid #000;
+      // margin-left: 2rem;
+      width: 13rem;
+      text-align: center;
+      @media (max-width: 768px) {
+        width: 5.2rem;
+        padding: 0;
+        display: none;
+      }
+      &.gallery_btn:nth-child(1) {
+        margin-right: 3rem;
+        @media (max-width: 768px) {
+          margin-right: 1.8rem;
         }
+      }
     }
-    
+    > .cutLangue {
+      display: flex;
+      align-items: center;
+      margin-right: 4rem;
+      @media (max-width: 768px) {
+        margin-right: 2.8rem;
+      }
+      > i {
+        font-size: 5rem;
+      }
+      > div {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        @media (max-width: 768px) {
+          font-size: 1.5rem;
+        }
+        > i {
+          font-size: 3.5rem;
+          display: flex;
+          margin-right: 1rem;
+          @media (max-width: 768px) {
+            margin-right: 0.7rem;
+            font-size: 2rem;
+          }
+        }
+      }
+      > button {
+        height: 4rem;
+        min-width: 8rem;
+      }
+      > .text {
+        margin-right: 1rem;
+      }
+    }
+  }
+  .homeRecommend_logo {
+    height: 8rem;
+    margin-top: 0;
+    margin-right: 2rem;
+    @media (max-width: 768px) {
+      // height: 1.76rem;
+      height: 4.5rem;
+      margin-right: 0.9rem;
+    }
+  }
+  .login_footer_item_text {
+    // margin-left: 5rem;
+    margin-right: 2rem;
+    font-size: 1.6rem;
+    text-decoration: underline;
+    display: none;
+    cursor: pointer;
+  }
+  .homeRecommend_right_content {
+    top: 0;
+    left: 0;
+    display: flex;
+    width: 40%;
+    height: 100%;
+    align-items: center;
+    overflow: hidden;
+    .homeRecommend_user_content {
+      display: flex;
+      align-items: center;
+      position: relative;
+      height: 3.7rem;
+      .mobile_logo_group {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+				column-gap: 0.9rem;
+        .homeRecommend_logo {
+          &.aid {
+            width: 8rem;
+            height: 1.75rem;
+          }
+          &.code {
+            width: 5rem;
+            height: 1.98rem;
+          }
+        }
+      }
+      &.marLeft2 {
+        margin-left: 2rem;
+      }
+      .username {
+        font-size: 1.8rem;
+        color: #1a1a1a;
+        margin: 0 0.8rem;
+        font-weight: 900;
+        span {
+          margin: 0.7rem;
+        }
+      }
+      .icon-xiala {
+        font-size: 1.4rem;
+        cursor: pointer;
+        transition: 0.3s all;
+      }
+      .icon_rotate {
+        -moz-transform: rotate(180deg);
+        -webkit-transform: rotate(180deg);
+        transform: rotate(180deg);
+        animation-direction: 0.5s;
+      }
+    }
+  }
 }
-.content{
-	flex: 1;
-	overflow-y: auto;
+.content {
+  flex: 1;
+  overflow-y: auto;
 }
 </style>

From 0a8074eef8ded56e7ab554aaece3832a84dccbdb Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Wed, 26 Nov 2025 16:32:56 +0800
Subject: [PATCH 18/33] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E8=AF=AD=E8=A8=80=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/HomeRecommend.vue | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/views/HomeRecommend.vue b/src/views/HomeRecommend.vue
index 3a52ecff..c588b186 100644
--- a/src/views/HomeRecommend.vue
+++ b/src/views/HomeRecommend.vue
@@ -1,19 +1,19 @@
 <template>
   <div class="homeRecommend_max">
     <div class="header">
-      <img
+		<img
         class="homeRecommend_logo"
         @click="turnToNewPage('/')"
         src="@/assets/images/homePage/aidaIcon.png"
       />
+      <div class="gallery_btn login white" @click="setLogin">{{ t('Login.Login') }}</div>
+      <div class="gallery_btn" @click="signUp">{{ t('Login.SignUp') }}</div>
       <div class="language_btn">
         <div @click="handleChangeLanguage">
           <i class="fi fi-rr-globe"></i>
           {{ isChinese ? 'CN' : 'EN' }}
         </div>
       </div>
-      <div class="gallery_btn login white" @click="setLogin">{{ t('Login.Login') }}</div>
-      <div class="gallery_btn" @click="signUp">{{ t('Login.SignUp') }}</div>
     </div>
 
     <div class="content">
@@ -229,8 +229,25 @@ export default defineComponent({
     .language_btn {
       color: #fff;
       cursor: pointer;
+	  font-size: 2.5rem;
+	  >div {
+		display: flex;
+		>i{
+			display: flex;
+			align-items: center;
+			font-size: 2.5rem;
+			margin-right: .7rem;
+		}
+	  }
       @media (max-width: 768px) {
+		  font-size: 1.5rem;
         color: #000;
+		>div {
+			>i{
+				font-size: 1.5rem;
+				margin-right: .7rem;
+			}
+		}
       }
     }
     > .gallery_btn {

From c582de3f60afd6b09252a7178bd4bfdca512b076 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Tue, 25 Nov 2025 13:27:08 +0800
Subject: [PATCH 19/33] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=B4=BB=E5=8A=A8?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=89=8D=E4=B8=A4=E4=B8=AA=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/json/events.json    | 108 ------------------------------
 src/assets/json/events_cn.json | 116 +--------------------------------
 2 files changed, 1 insertion(+), 223 deletions(-)

diff --git a/src/assets/json/events.json b/src/assets/json/events.json
index fdc4a527..f7447995 100644
--- a/src/assets/json/events.json
+++ b/src/assets/json/events.json
@@ -8,14 +8,6 @@
 			"id": 2,
 			"title":"AiDA X SFT AI Fashion Award 2024",
 			"imgUrl": "/image/events/Fashion-Award-2024.png"
-		},{
-			"id": 3,
-			"title":"✨New Year 2025！🎉Let's kick off the year with a burst of inspiration and design!",
-			"imgUrl": "/image/events/AiDA2025-En.jpg"
-		},{
-			"id": 4,
-			"title":"Welcome back ！Subscribe with the discount code to enjoy 50% OFF!",
-			"imgUrl": "/image/events/Welcome-back-En.jpg"
 		}
 	  ],
 	"eventsItem":[
@@ -96,106 +88,6 @@
 				]
 			}
 		]
-		},{
-			"id":3,
-			"title":"✨New Year 2025！🎉Let's kick off the year with a burst of inspiration and design!",
-			"imgUrl": "/image/events/AiDA2025-En.jpg",
-			"textList":[
-				{
-					"paragraph":[
-						{
-							"text":"Share your work and get 1 month of free access to AiDA！"
-						}
-					]
-				},{
-					"paragraph":[
-						{
-							"text":" Just do the following:"
-						}
-					]
-				},{
-					"paragraph":[
-						{
-							"text":" ✅Share your designs on AiDA's Gallery "
-						},{
-							"text":" ✅Add the tag #NewYear_2025  in the work description"
-						},{
-							"text":" ✅At least 20 likes "
-						}
-					]
-				},{
-					"paragraph":[
-						{
-							"text":"📅 Duration: January 1, 2025 – January 31, 2025"
-						}
-					]
-				},{
-					"paragraph":[
-						{
-							"text":"Join in the fun and embark on a new year's journey of design. Mix your creativity with tech to make amazing, unique creations! Get your friends to help you seize this opportunity! Invite them to give your design some love with their likes～💗"
-						}
-					]
-				},{
-					"paragraph":[
-						{
-							"text":"👍 AiDA is waiting for you to unlock a new world of design!"
-						}
-					]
-				}
-			]
-		},{
-			"id":4,
-			"title":"Welcome back ！Subscribe with the discount code to enjoy 50% OFF!",
-			"imgUrl": "/image/events/Welcome-back-En.jpg",
-			"textList":[
-				{
-					"paragraph":[
-						{
-							"text":"💠 In February, AiDA underwent a legendary transformation"
-						},{
-							"text":"💠 A silky-smooth interface and a turbocharged upgrade to all functions"
-						},{
-							"text":"😆 Long-time users are saying: “Wait… is this still the AiDA I knew?!"
-						}
-					]
-				},{
-					"paragraph":[
-						{
-							"text":"Demo video👉 <a href='https://sg834.apps.aliyunpds.com/disk/s/R6SsxBaju9h' target='_blank'>https://sg834.apps.aliyunpds.com/disk/s/R6SsxBaju9h</a>"
-						}
-					]
-				},{
-					"paragraph":[
-						{
-							"text":"⚡️ To welcome back our trial users, we’ve prepared an exclusive design power-up:"
-						},{
-							"text":"✔️ Use the promo code「RIINRMKK」 and enjoy 50% off your subscription"
-						},{
-							"text":"✔️ Boost your efficiency by 60%—save hours on every project"
-						},{
-							"text":"✔️ sNo design background? No problem! Get stunning drafts in just 5 minutes"
-						}
-					]
-				},{
-					"paragraph":[
-						{
-							"text":"⏳ The countdown is on:"
-						},{
-							"text":"✨Ignite your creativity like a volcanic eruption"
-						},{
-							"text":"✨Let your inspiration flow like a cosmic waterfall"
-						}
-					]
-				},{
-					"paragraph":[
-						{
-							"text":"Promotional Code: <strong>RIINRMKK</strong>"
-						},{
-							"text":"Duration: June 10 to June 30, 2025 – After that, subscriptions return to full price. Don’t miss it!"
-						}
-					]
-				}
-			]
 		}
 	]
   }
\ No newline at end of file
diff --git a/src/assets/json/events_cn.json b/src/assets/json/events_cn.json
index 8eca3240..ce253a69 100644
--- a/src/assets/json/events_cn.json
+++ b/src/assets/json/events_cn.json
@@ -8,15 +8,7 @@
         "id": 2,
 		"title":"AiDA X SFT AI时尚设计比赛2024",
 		"imgUrl": "/image/events/Fashion-Award-2024.png"
-      },{
-		"id": 3,
-		"title":"🎉搭上2025的列车！打开新设计的大门！",
-		"imgUrl": "/image/events/AiDA2025-Cn.jpg"
-		},{
-			"id": 4,
-			"title":"设计时速狂飙！AiDA 618半价让灵感永不限流！",
-			"imgUrl": "/image/events/Welcome-back-Cn.jpg"
-		}
+      }
 	],
   "eventsItem":[
 	{
@@ -96,112 +88,6 @@
 				]
 			}
 		]
-	},{
-		"id":3,
-		"title":"🎉搭上2025的列车！打开新设计的大门！",
-		"imgUrl": "/image/events/AiDA2025-Cn.jpg",
-		"textList":[
-			{
-				"paragraph":[
-					{
-						"text":"快来发布作品获得1个月免费使用AiDA的福利！"
-					}
-				]
-			},{
-				"paragraph":[
-					{
-						"text":" 只需要："
-					}
-				]
-			},{
-				"paragraph":[
-					{
-						"text":" ✅在AiDA将设计作品分享至广场/Gallery，"
-					},{
-						"text":" ✅点赞至少20"
-					},{
-						"text":" ✅在作品描述加上tag #NewYear_2025"
-					}
-				]
-			},{
-				"paragraph":[
-					{
-						"text":"📅 活动时间：2025.1.1—2025.1.31"
-					}
-				]
-			},{
-				"paragraph":[
-					{
-						"text":"快来参与，让我们共同开启新年的设计之旅，让创意与科技完美融合，创造出属于你的独一无二的作品！机会难得，叫上你的朋友们助你一臂之力，为你点上大拇指哦！"
-					}
-				]
-			},{
-				"paragraph":[
-					{
-						"text":"👍 点赞即启程，AiDA等你来解锁设计新世界！"
-					}
-				]
-			}
-		]
-	},{
-		"id":4,
-		"title":"设计时速狂飙！AiDA 618半价让灵感永不限流！",
-		"imgUrl": "/image/events/Welcome-back-En.jpg",
-		"textList":[
-			{
-				"paragraph":[
-					{
-						"text":"618的钟声敲响，AiDA的AI设计宇宙正式进入「超维折扣纪元」"
-					}
-				]
-			},{
-				"paragraph":[
-					{
-						"text":"💠 就在今年2月，AiDA完成史诗级进化"
-					},{
-						"text":"💠 界面如丝绸般顺滑，功能矩阵全面升级。"
-					},{
-						"text":"😆 旧版用户惊呼：这还是我认识的AiDA吗⁉️"
-					}
-				]
-			},{
-				"paragraph":[
-					{
-						"text":"演示视频👉 <a href='https://sg834.apps.aliyunpds.com/disk/s/R6SsxBaju9h' target='_blank'>https://sg834.apps.aliyunpds.com/disk/s/R6SsxBaju9h</a>"
-					}
-				]
-			},{
-				"paragraph":[
-					{
-						"text":"⚡️ 618特供「专属暴击福利」💥"
-					},{
-						"text":"✔️ 输入口令“RIINRMKK”订阅，直接享受半价！"
-					},{
-						"text":"✔️ 效率提升60%，设计实践节省一大半！"
-					},{
-						"text":"✔️ 零基础也能5分钟出稿，轻松搞定设计需求"
-					}
-				]
-			},{
-				"paragraph":[
-					{
-						"text":"⏳ 倒计时警报："
-					},{
-						"text":"👉 让设计如火山喷发般炽热"
-					},{
-						"text":"👉 让灵感似银河倾泻般璀璨"
-					}
-				]
-			},{
-				"paragraph":[
-					{
-						"text":"优惠码：<strong>RIINRMKK</strong>"
-					},{
-						"text":"活动日期：2025.6.10-6.30（后续订阅费用将恢复至原价）"
-					}
-				]
-			}
-		]
 	}
   ]
 }
\ No newline at end of file

From 69c32905e1b50800da6e2af8e7c6c8e991ea43fc Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Thu, 27 Nov 2025 10:35:19 +0800
Subject: [PATCH 20/33] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=82=AC=E6=B5=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index c9215d81..aa9959c1 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -777,6 +777,9 @@ export default defineComponent({
         font-size: 1.7rem;
         font-weight: 500;
         background-color: #1b223c;
+		&:hover {
+          background-color: #fff;
+        }
         @media (max-width: 767px) {
           margin-top: 2.5rem;
           font-size: 1.25rem;

From e992aa0ecd829bbd963981e664626924722e34fd Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Thu, 27 Nov 2025 10:47:28 +0800
Subject: [PATCH 21/33] =?UTF-8?q?feat:=20=E6=B3=A8=E5=86=8C=E9=A1=B5?=
 =?UTF-8?q?=E8=AF=AD=E8=A8=80=E5=88=87=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Register.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/Register.vue b/src/views/Register.vue
index 7455871d..95ee5ba6 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -133,6 +133,10 @@ export default defineComponent({
     }
     onMounted(() => {
       updataIsMoblie()
+      const savedLang = localStorage.getItem('loginLanguage')
+      if (savedLang) {
+        data.isSelectSuccessively = savedLang === 'CHINESE_SIMPLIFIED'
+      }
       window.addEventListener('resize', updataIsMoblie)
     })
     onBeforeUnmount(() => {
@@ -301,7 +305,7 @@ export default defineComponent({
         display: flex;
         align-items: center;
         cursor: pointer;
-				column-gap: 0.9rem;
+        column-gap: 0.9rem;
         .homeRecommend_logo {
           &.aid {
             width: 8rem;

From 26a55cea1d113e7de06de6b0e419d0c752d68b03 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Thu, 27 Nov 2025 11:18:26 +0800
Subject: [PATCH 22/33] =?UTF-8?q?bugfix:=20=E5=B9=B4=E5=BA=A6=E8=AE=A2?=
 =?UTF-8?q?=E9=98=85=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index aa9959c1..afdd3c99 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -204,7 +204,7 @@ export default defineComponent({
               '支持草图创意和设计灵感教学',
               '基础3D设计功能'
             ],
-            btn: '立即开始'
+            btn: '订阅'
           },
           {
             title: '教育版',
@@ -348,7 +348,7 @@ export default defineComponent({
               'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
               'Customer and Technical Support'
             ],
-            btn: 'Get Started'
+            btn: 'Subscribe'
           },
           {
             title: 'Academic',

From 4a4afc4b10650f5621f86edf9d5f362e0a397c5d Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Thu, 27 Nov 2025 11:20:52 +0800
Subject: [PATCH 23/33] =?UTF-8?q?style:=20=E4=BB=B7=E6=A0=BC=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index afdd3c99..57bcbfb5 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -655,7 +655,7 @@ export default defineComponent({
         font-weight: 400;
         font-size: 1.4rem;
         color: #797878;
-        margin-bottom: 1.2rem;
+        // margin-bottom: 1.2rem;
         font-family: 'pingfang_regular';
         &.academic {
           margin-bottom: 0.4rem;

From b800ca6b7462938228e01a2cc76ee003bfe6e85e Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Thu, 27 Nov 2025 11:36:50 +0800
Subject: [PATCH 24/33] =?UTF-8?q?style:=20=E6=96=87=E6=A1=88=E9=97=B4?=
 =?UTF-8?q?=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index 57bcbfb5..a6ec741c 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -655,7 +655,6 @@ export default defineComponent({
         font-weight: 400;
         font-size: 1.4rem;
         color: #797878;
-        // margin-bottom: 1.2rem;
         font-family: 'pingfang_regular';
         &.academic {
           margin-bottom: 0.4rem;
@@ -697,6 +696,7 @@ export default defineComponent({
           font-size: 3.6rem;
           letter-spacing: -0.06rem;
           color: #1b223c;
+          margin: 0.3rem 0;
           @media (max-width: 767px) {
             font-size: 3.14rem;
           }
@@ -817,6 +817,9 @@ export default defineComponent({
             padding-top: 0;
             justify-content: flex-end;
           }
+          li{
+            font-size: 1.6rem;
+          }
         }
       }
     }

From 925541ab99276c19f08819a60b3a0becd40bc320 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Thu, 27 Nov 2025 13:38:30 +0800
Subject: [PATCH 25/33] =?UTF-8?q?style:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 97 ++++++++++++++++++++-----
 src/views/Register.vue                  | 17 ++++-
 2 files changed, 94 insertions(+), 20 deletions(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index a6ec741c..66e41479 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -22,7 +22,8 @@
           :class="[
             { recommended: item.recommended },
             { monthly: monthlyOrYearly === 'monthly' },
-            { yearly: monthlyOrYearly === 'yearl' }
+            { yearly: monthlyOrYearly === 'yearl' },
+            { academic: item.type === 'academic' }
           ]"
         >
           <div class="product_signUp_box">
@@ -33,7 +34,12 @@
             </div>
             <div class="price" v-if="item.type != 'academic'">
               <div>{{ item?.price }}</div>
-              <span :class="{ yearl: monthlyOrYearly == 'yearl' }">
+              <span
+                :class="[
+                  { yearl: monthlyOrYearly == 'yearl' },
+                  { personal: item.type === 'personal' }
+                ]"
+              >
                 {{ item?.detail }}
               </span>
             </div>
@@ -43,18 +49,25 @@
             </div>
             <ul
               class="product_detail"
-              :class="{ academic: item.type == 'academic' && !isSelectSuccessively }"
+              :class="[
+                { academic: item.type == 'academic' && !isSelectSuccessively },
+                { chinese: isSelectSuccessively }
+              ]"
             >
               <li v-for="detailItem in item?.detailList">{{ detailItem }}</li>
             </ul>
             <div
-              class="gallery_btn gallery_btn_radius"
+              class="gallery_btn gallery_btn_radius submit"
               v-if="item?.btn != 'Contact us' && item?.btn != '联系我们'"
               @click="createAccount"
             >
               {{ item?.btn }}
             </div>
-            <div class="gallery_btn gallery_btn_radius" v-else @click="handleContactUs">
+            <div
+              class="gallery_btn gallery_btn_radius submit"
+              v-else
+              @click="handleContactUs"
+            >
               {{ item?.btn }}
             </div>
           </div>
@@ -317,7 +330,7 @@ export default defineComponent({
           {
             title: 'Free',
             img: CChargeIcon,
-            type: 'personal',
+            type: 'free',
             info: 'Your AI Fashion Design Assistant',
             price: 'HK$0',
             detail: '5 days · 50 credits',
@@ -661,7 +674,7 @@ export default defineComponent({
         }
         @media (max-width: 767px) {
           font-size: 1.25rem;
-          margin-bottom: 1.25rem;
+          // margin-bottom: 1.25rem;
         }
       }
       .price {
@@ -761,13 +774,10 @@ export default defineComponent({
           // margin-bottom: 0.3rem;
           font-size: 1.3rem;
           font-weight: 500;
-          @media (max-width: 767px) {
-            font-size: 1.15rem;
-          }
-        }
-        li:last-child {
-          margin-bottom: 0;
         }
+        // li:last-child {
+        //   margin-bottom: 0;
+        // }
       }
       .gallery_btn {
         line-height: 4.6rem;
@@ -777,7 +787,7 @@ export default defineComponent({
         font-size: 1.7rem;
         font-weight: 500;
         background-color: #1b223c;
-		&:hover {
+        &:hover {
           background-color: #fff;
         }
         @media (max-width: 767px) {
@@ -813,15 +823,64 @@ export default defineComponent({
         .product_detail {
           padding-top: 3.1rem;
           justify-content: space-evenly;
-          @media (max-width: 767px) {
-            padding-top: 0;
-            justify-content: flex-end;
-          }
-          li{
+          li {
             font-size: 1.6rem;
           }
         }
       }
+      @media (max-width: 767px) {
+        width: 31.9rem;
+        height: 41.1rem;
+        padding: 2.09rem 2.09rem 2.11rem;
+        &.academic {
+          height: 52rem;
+        }
+        .product_signUp_box {
+          .img {
+            width: 3.4rem;
+            height: 3.4rem;
+          }
+          .title {
+            font-size: 2.3rem;
+            margin-bottom: 0;
+            letter-spacing: 0.05rem;
+          }
+          .info {
+            font-size: 1.2rem;
+          }
+          .price {
+            margin-bottom: 0;
+            div {
+              font-size: 3.1rem;
+            }
+            span {
+              font-size: 1.26rem;
+              &.personal {
+                font-size: 0.95rem;
+              }
+            }
+          }
+          .product_detail {
+            padding-top: 2rem;
+            justify-content: flex-end;
+            margin-bottom: 0;
+            &.chinese{
+              justify-content: space-evenly;
+            }
+            li {
+              font-size: 1.15rem;
+            }
+          }
+          .submit {
+            margin-top: 2rem;
+          }
+        }
+      }
+    }
+    .submit {
+      @media (max-width: 767px) {
+        margin-top: 2rem;
+      }
     }
   }
 }
diff --git a/src/views/Register.vue b/src/views/Register.vue
index 95ee5ba6..34d60a2e 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -79,7 +79,8 @@ import {
   nextTick,
   computed,
   onMounted,
-  onBeforeUnmount
+  onBeforeUnmount,
+  watch
 } from 'vue'
 import { setCookie, getCookie, WriteCookie, clonAllCookie } from '@/tool/cookie'
 import { Https } from '@/tool/https'
@@ -131,6 +132,20 @@ export default defineComponent({
         }
       }, 500)
     }
+
+    watch(
+      () => data.isSelectSuccessively,
+      val => {
+        let str = ''
+        if (val) {
+          str = 'CHINESE_SIMPLIFIED'
+        } else {
+          str = 'ENGLISH'
+        }
+        localStorage.setItem('loginLanguage', str)
+      }
+    )
+
     onMounted(() => {
       updataIsMoblie()
       const savedLang = localStorage.getItem('loginLanguage')

From 5dc7514f0592b9d71b8f06b6a9bd6a1645d861a0 Mon Sep 17 00:00:00 2001
From: admin <cgzhou@aidlab.hk>
Date: Fri, 28 Nov 2025 11:31:15 +0800
Subject: [PATCH 26/33] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E8=87=B3=E3=80=8C.gitea/workflows=E3=80=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitea/workflows/prod_build_manual.yaml | 53 +++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 .gitea/workflows/prod_build_manual.yaml

diff --git a/.gitea/workflows/prod_build_manual.yaml b/.gitea/workflows/prod_build_manual.yaml
new file mode 100644
index 00000000..469b035f
--- /dev/null
+++ b/.gitea/workflows/prod_build_manual.yaml
@@ -0,0 +1,53 @@
+name: 手动 AiDA WEB-Node.js 生产分支构建部署
+on:
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+
+    steps:
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+        with:
+          ref: StableVersion
+
+      - name: 2.打印当前分支信息
+        run: |
+          echo "Current branch being deployed is: $(git rev-parse --abbrev-ref HEAD)"
+          echo "The code is from the 'main' branch, as specified in 'actions/checkout'."
+
+      - name: 3.设置 Node.js 环境 ${{ matrix.node-version }}
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build
+      - run: ls -l
+
+      - name: 3.5. 手动安装 AWS CLI v2 
+        run: |
+          echo "安装 AWS CLI V2..."
+          curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+          unzip awscliv2.zip
+          sudo ./aws/install --update
+          aws --version
+          echo "AWS CLI V2 安装完成。"
+
+      - name: 4.配置 AWS 凭证
+        uses: aws-actions/configure-aws-credentials@main
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: 'ap-east-1'
+
+      - name: 5.同步 dist 目录到 S3
+        run: |
+          aws s3 sync dist/* s3://${{ secrets.S3_BUCKET_NAME }}/ --acl public-read
+
+      - name: 6.部署完成
+        run: echo "构建和部署到 S3 任务完成。"
\ No newline at end of file

From a89c199ea85629aab561edf5fcfe0924250819a5 Mon Sep 17 00:00:00 2001
From: admin <cgzhou@aidlab.hk>
Date: Fri, 28 Nov 2025 14:04:38 +0800
Subject: [PATCH 27/33] =?UTF-8?q?=E5=88=A0=E9=99=A4=20.gitea/workflows/pro?=
 =?UTF-8?q?d=5Fbuild=5Fmanual.yaml?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitea/workflows/prod_build_manual.yaml | 53 -------------------------
 1 file changed, 53 deletions(-)
 delete mode 100644 .gitea/workflows/prod_build_manual.yaml

diff --git a/.gitea/workflows/prod_build_manual.yaml b/.gitea/workflows/prod_build_manual.yaml
deleted file mode 100644
index 469b035f..00000000
--- a/.gitea/workflows/prod_build_manual.yaml
+++ /dev/null
@@ -1,53 +0,0 @@
-name: 手动 AiDA WEB-Node.js 生产分支构建部署
-on:
-  workflow_dispatch:
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [ 18.18.0 ]
-
-    steps:
-      - name: 1.检出代码
-        uses: actions/checkout@v4
-        with:
-          ref: StableVersion
-
-      - name: 2.打印当前分支信息
-        run: |
-          echo "Current branch being deployed is: $(git rev-parse --abbrev-ref HEAD)"
-          echo "The code is from the 'main' branch, as specified in 'actions/checkout'."
-
-      - name: 3.设置 Node.js 环境 ${{ matrix.node-version }}
-        uses: actions/setup-node@v6
-        with:
-          node-version: ${{ matrix.node-version }}
-      - run: npm install
-      - run: npm run build
-      - run: ls -l
-
-      - name: 3.5. 手动安装 AWS CLI v2 
-        run: |
-          echo "安装 AWS CLI V2..."
-          curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
-          unzip awscliv2.zip
-          sudo ./aws/install --update
-          aws --version
-          echo "AWS CLI V2 安装完成。"
-
-      - name: 4.配置 AWS 凭证
-        uses: aws-actions/configure-aws-credentials@main
-        with:
-          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
-          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
-          aws-region: 'ap-east-1'
-
-      - name: 5.同步 dist 目录到 S3
-        run: |
-          aws s3 sync dist/* s3://${{ secrets.S3_BUCKET_NAME }}/ --acl public-read
-
-      - name: 6.部署完成
-        run: echo "构建和部署到 S3 任务完成。"
\ No newline at end of file

From 703d9cf781291c1991be19d38ac0964c4119627d Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Fri, 28 Nov 2025 17:10:45 +0800
Subject: [PATCH 28/33] =?UTF-8?q?=E6=B3=A8=E5=86=8C=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/mainPage/signUp/index.vue | 113 +++++++++++++++++++-----
 1 file changed, 90 insertions(+), 23 deletions(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index aa9959c1..5c0604bc 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -22,7 +22,8 @@
           :class="[
             { recommended: item.recommended },
             { monthly: monthlyOrYearly === 'monthly' },
-            { yearly: monthlyOrYearly === 'yearl' }
+            { yearly: monthlyOrYearly === 'yearl' },
+            { academic: item.type === 'academic' }
           ]"
         >
           <div class="product_signUp_box">
@@ -31,9 +32,15 @@
             <div class="info" :class="{ academic: item.type == 'academic' }">
               {{ item?.info }}
             </div>
-            <div class="price" v-if="item.type != 'academic'">
+            <div class="price " v-if="item.type != 'academic'">
               <div>{{ item?.price }}</div>
-              <span :class="{ yearl: monthlyOrYearly == 'yearl' }">
+              <span
+                :class="[
+                  { yearl: monthlyOrYearly == 'yearl' },
+                  { personal: item.type === 'personal' }
+                ]"
+				style="white-space: nowrap;"
+              >
                 {{ item?.detail }}
               </span>
             </div>
@@ -43,18 +50,25 @@
             </div>
             <ul
               class="product_detail"
-              :class="{ academic: item.type == 'academic' && !isSelectSuccessively }"
+              :class="[
+                { academic: item.type == 'academic' && !isSelectSuccessively },
+                { chinese: isSelectSuccessively }
+              ]"
             >
               <li v-for="detailItem in item?.detailList">{{ detailItem }}</li>
             </ul>
             <div
-              class="gallery_btn gallery_btn_radius"
+              class="gallery_btn gallery_btn_radius submit"
               v-if="item?.btn != 'Contact us' && item?.btn != '联系我们'"
               @click="createAccount"
             >
               {{ item?.btn }}
             </div>
-            <div class="gallery_btn gallery_btn_radius" v-else @click="handleContactUs">
+            <div
+              class="gallery_btn gallery_btn_radius submit"
+              v-else
+              @click="handleContactUs"
+            >
               {{ item?.btn }}
             </div>
           </div>
@@ -204,7 +218,7 @@ export default defineComponent({
               '支持草图创意和设计灵感教学',
               '基础3D设计功能'
             ],
-            btn: '立即开始'
+            btn: '订阅'
           },
           {
             title: '教育版',
@@ -317,7 +331,7 @@ export default defineComponent({
           {
             title: 'Free',
             img: CChargeIcon,
-            type: 'personal',
+            type: 'free',
             info: 'Your AI Fashion Design Assistant',
             price: 'HK$0',
             detail: '5 days · 50 credits',
@@ -348,7 +362,7 @@ export default defineComponent({
               'Suitable for Individual Creator, Independent Designers and Fun for all Fashion Lovers',
               'Customer and Technical Support'
             ],
-            btn: 'Get Started'
+            btn: 'Subscribe'
           },
           {
             title: 'Academic',
@@ -620,6 +634,7 @@ export default defineComponent({
         border-radius: 1.3rem;
         margin: 0;
         margin-bottom: 2.8rem;
+		padding: 2rem;
         padding-bottom: 1.3rem;
       }
       .product_signUp_box {
@@ -655,14 +670,13 @@ export default defineComponent({
         font-weight: 400;
         font-size: 1.4rem;
         color: #797878;
-        margin-bottom: 1.2rem;
         font-family: 'pingfang_regular';
         &.academic {
           margin-bottom: 0.4rem;
         }
         @media (max-width: 767px) {
           font-size: 1.25rem;
-          margin-bottom: 1.25rem;
+          // margin-bottom: 1.25rem;
         }
       }
       .price {
@@ -697,8 +711,9 @@ export default defineComponent({
           font-size: 3.6rem;
           letter-spacing: -0.06rem;
           color: #1b223c;
+          margin: 0.3rem 0;
           @media (max-width: 767px) {
-            font-size: 3.14rem;
+            font-size: 3rem;
           }
         }
         > span {
@@ -712,6 +727,7 @@ export default defineComponent({
           }
           @media (max-width: 767px) {
             font-size: 1.2rem;
+			margin-top: 1rem;
             // margin-left: 0.7rem;
             // margin-bottom: 1rem;
           }
@@ -725,7 +741,6 @@ export default defineComponent({
         font-size: 1.4rem;
         position: absolute;
         width: 12.41rem;
-        height: 3.4rem;
         line-height: 3.4rem;
         text-align: center;
         top: 0;
@@ -744,6 +759,9 @@ export default defineComponent({
           border-top-right-radius: 1.1rem;
           border-bottom-left-radius: 0.4rem;
           font-size: 1rem;
+		  line-height: 2.5rem;
+		  font-weight: 500;
+		  width: 9rem;
         }
       }
       .product_detail {
@@ -761,13 +779,10 @@ export default defineComponent({
           // margin-bottom: 0.3rem;
           font-size: 1.3rem;
           font-weight: 500;
-          @media (max-width: 767px) {
-            font-size: 1.15rem;
-          }
-        }
-        li:last-child {
-          margin-bottom: 0;
         }
+        // li:last-child {
+        //   margin-bottom: 0;
+        // }
       }
       .gallery_btn {
         line-height: 4.6rem;
@@ -777,7 +792,7 @@ export default defineComponent({
         font-size: 1.7rem;
         font-weight: 500;
         background-color: #1b223c;
-		&:hover {
+        &:hover {
           background-color: #fff;
         }
         @media (max-width: 767px) {
@@ -813,12 +828,64 @@ export default defineComponent({
         .product_detail {
           padding-top: 3.1rem;
           justify-content: space-evenly;
-          @media (max-width: 767px) {
-            padding-top: 0;
-            justify-content: flex-end;
+          li {
+            font-size: 1.6rem;
           }
         }
       }
+      @media (max-width: 767px) {
+        width: 31.9rem;
+        height: 41.1rem;
+        padding: 2.09rem 2.09rem 2.11rem;
+        &.academic {
+          height: 52rem;
+        }
+        .product_signUp_box {
+          .img {
+            width: 3.4rem;
+            height: 3.4rem;
+          }
+          .title {
+            font-size: 2.3rem;
+            margin-bottom: 0;
+            letter-spacing: 0.05rem;
+          }
+          .info {
+            font-size: 1.2rem;
+          }
+          .price {
+            margin-bottom: 0;
+            div {
+              font-size: 3.1rem;
+            }
+            span {
+              font-size: 1.26rem;
+              &.personal {
+                font-size: 0.95rem;
+              }
+            }
+          }
+          .product_detail {
+            padding-top: 2rem;
+            justify-content: flex-end;
+            margin-bottom: 0;
+            &.chinese{
+              justify-content: space-evenly;
+            }
+            li {
+              font-size: 1.15rem;
+            }
+          }
+          .submit {
+            margin-top: 2rem;
+          }
+        }
+      }
+    }
+    .submit {
+      @media (max-width: 767px) {
+        margin-top: 2rem;
+      }
     }
   }
 }

From 8dd9ddc93eb193c8dad63fb9a90d79f10528e211 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Fri, 28 Nov 2025 17:17:46 +0800
Subject: [PATCH 29/33] fix

---
 src/component/mainPage/signUp/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue
index 5c0604bc..b09c7518 100644
--- a/src/component/mainPage/signUp/index.vue
+++ b/src/component/mainPage/signUp/index.vue
@@ -51,7 +51,7 @@
             <ul
               class="product_detail"
               :class="[
-                { academic: item.type == 'academic' && !isSelectSuccessively },
+                { academic: item.type == 'academic' },
                 { chinese: isSelectSuccessively }
               ]"
             >

From dcb63f88ae5e99c2ea747e7cae1589c97a2a46d6 Mon Sep 17 00:00:00 2001
From: admin <cgzhou@aidlab.hk>
Date: Sat, 29 Nov 2025 00:08:32 +0800
Subject: [PATCH 30/33] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20prod=5Fbuild=5Fmanua?=
 =?UTF-8?q?l.yaml?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 prod_build_manual.yaml | 53 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 prod_build_manual.yaml

diff --git a/prod_build_manual.yaml b/prod_build_manual.yaml
new file mode 100644
index 00000000..dfb35102
--- /dev/null
+++ b/prod_build_manual.yaml
@@ -0,0 +1,53 @@
+name: AiDA WEB-Node.js StableVersion 分支构建部署
+on:
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [ 18.18.0 ]
+
+    steps:
+      - name: 1.检出代码
+        uses: actions/checkout@v4
+        with:
+          ref: StableVersion
+
+      - name: 2.打印当前分支信息
+        run: |
+          echo "Current branch being deployed is: $(git rev-parse --abbrev-ref HEAD)"
+          echo "The code is from the 'main' branch, as specified in 'actions/checkout'."
+
+      - name: 3.设置 Node.js 环境 ${{ matrix.node-version }}
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run build
+      - run: ls -l
+
+      - name: 3.5. 手动安装 AWS CLI v2 # 新增步骤：确保 aws 命令可用
+        run: |
+          echo "安装 AWS CLI V2..."
+          curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip"
+          unzip awscliv2.zip
+          sudo ./aws/install --update
+          aws --version
+          echo "AWS CLI V2 安装完成。"
+
+      - name: 4.配置 AWS 凭证
+        uses: aws-actions/configure-aws-credentials@main
+        with:
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          aws-region: 'ap-east-1'
+
+      - name: 5.同步 dist 目录到 S3
+        run: |
+          aws s3 sync dist/ s3://${{ secrets.S3_BUCKET_NAME }}/ --acl public-read
+
+      - name: 6.部署完成
+        run: echo "构建和部署到 S3 任务完成。"
\ No newline at end of file

From 3d202e32c2775240a32e464ccc666de203dc5536 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Tue, 16 Dec 2025 17:36:20 +0800
Subject: [PATCH 31/33] =?UTF-8?q?=E4=BF=AE=E5=A4=8Ddetail=E6=9C=89?=
 =?UTF-8?q?=E6=97=B6=E5=80=99=E6=97=A0=E6=B3=95=E6=89=93=E5=BC=80=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=EF=BC=8C=E4=BF=AE=E5=A4=8Ddetail=E4=B8=AD=E7=BA=A2?=
 =?UTF-8?q?=E7=BB=BF=E5=9B=BE=E4=BF=AE=E6=94=B9=E5=90=8Epreview=E6=B2=A1?=
 =?UTF-8?q?=E6=9C=89=E5=8F=8A=E6=97=B6=E8=AF=95=E7=94=A8=E6=9C=80=E6=96=B0?=
 =?UTF-8?q?=E7=BA=A2=E7=BB=BF=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/Detail/canvas/index.vue | 4 ++--
 src/component/home/design/index.vue   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/component/Detail/canvas/index.vue b/src/component/Detail/canvas/index.vue
index a44e31ad..4b14e789 100644
--- a/src/component/Detail/canvas/index.vue
+++ b/src/component/Detail/canvas/index.vue
@@ -230,7 +230,7 @@ export default defineComponent({
 			let size = {
 				...detailData.canvasConfig,
 			}
-
+			store.commit('DesignDetail/updataDetailItem',{maskUrl:value})
 			segmentImage(value,full,size).then(async (rv)=>{
 				let front = detailData.frontBack.front[detailData.imgDomIndex]
 				let back = detailData.frontBack.back[detailData.imgDomIndex]
@@ -243,7 +243,7 @@ export default defineComponent({
 				let base64 = await resizeImageWithNativeCanvas(front.oldMaskUrl,value)
 				front.maskUrl = base64
 				back.imageUrl = rv.targetBackUrl
-				store.commit('DesignDetail/updataDetailItem',{maskUrl:value})
+				// store.commit('DesignDetail/updataDetailItem',{maskUrl:value})
 			})
 
 		}
diff --git a/src/component/home/design/index.vue b/src/component/home/design/index.vue
index 8790f4d2..8649d9a1 100644
--- a/src/component/home/design/index.vue
+++ b/src/component/home/design/index.vue
@@ -682,6 +682,7 @@ export default defineComponent({
 			store.commit("cancelDeleteDesignCollectionList",index);
 		}
 		const designMousedown = (e:any,design:any,str:string)=>{
+			collItemSize.isMove = false
 			if(str != 'disLike'){
 				if(design.resultType != 'Design' || designData.isUnfold)return
 				if(str != 'like' && showDesignMark.value) return
@@ -695,7 +696,6 @@ export default defineComponent({
 			startY = e.clientY,
 			left = item.el.offsetLeft,
 			top = item.el.offsetTop;
-			collItemSize.isMove = false
 			let moveFun = (e:any) => {
 				collItemSize.isMove = true
 				let X = e.clientX - startX + left;

From b52c96fa6751c30d09631cce958bf9c9f081c8e2 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Wed, 17 Dec 2025 13:36:58 +0800
Subject: [PATCH 32/33] =?UTF-8?q?edit=20product=E7=94=9F=E6=88=90=E5=A4=B1?=
 =?UTF-8?q?=E8=B4=A5=E5=AF=BC=E8=87=B4sort=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/home/design/index.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/component/home/design/index.vue b/src/component/home/design/index.vue
index 8649d9a1..b42170a5 100644
--- a/src/component/home/design/index.vue
+++ b/src/component/home/design/index.vue
@@ -1200,6 +1200,11 @@ export default defineComponent({
 				likeDesignCollectionList.value.forEach((likeItem:any,index:any)=>{
 					if(likeItem?.childList?.length > 0){
 						let index = likeItem.childList.findIndex((item:any)=>{return item.taskId == listItem})
+						likeItem.childList.forEach((item)=>{
+							if(item.sort > likeItem.childList[index].sort){
+								item.sort -= 1
+							}
+						})
 						likeItem.childList.splice(index,1)
 					}
 				})

From fd80e2d3c7a51ce70a8a9901341ed6b4a7cf6217 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Wed, 17 Dec 2025 14:49:17 +0800
Subject: [PATCH 33/33] =?UTF-8?q?=E5=AF=BC=E5=87=BA=E7=BA=A2=E7=BB=BF?=
 =?UTF-8?q?=E5=9B=BE=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/Canvas/CanvasEditor/index.vue   |  2 +-
 .../CanvasEditor/managers/ExportManager.js    | 26 +++++++------------
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/src/component/Canvas/CanvasEditor/index.vue b/src/component/Canvas/CanvasEditor/index.vue
index eecafc6f..df61599f 100644
--- a/src/component/Canvas/CanvasEditor/index.vue
+++ b/src/component/Canvas/CanvasEditor/index.vue
@@ -902,7 +902,7 @@ const changeCanvas = async (command) => {
     ...command, // 传递完整的命令数据
   };
   emit("changeCanvas", commandData);
-  if (command.canUndo || command.canRedo) {
+  if ((command.canUndo || command.canRedo) && props.enabledRedGreenMode) {
     setTimeout(async () => {
       const imageData = await canvasManager.exportImage({
         restoreOpacityInRedGreen: true, // 恢复红绿图模式下的透明度
diff --git a/src/component/Canvas/CanvasEditor/managers/ExportManager.js b/src/component/Canvas/CanvasEditor/managers/ExportManager.js
index 14bca2bd..6ee777fe 100644
--- a/src/component/Canvas/CanvasEditor/managers/ExportManager.js
+++ b/src/component/Canvas/CanvasEditor/managers/ExportManager.js
@@ -555,23 +555,17 @@ export class ExportManager {
       );
     }
 
-    // 获取固定图层对象的边界矩形（包含位置、尺寸、缩放等信息）
-    const fixedBounds = fixedLayerObject?.getBoundingRect?.();
-
     // 使用固定图层的实际显示尺寸作为导出画布尺寸
-    const canvasWidth = Math.round(fixedBounds.width);
-    const canvasHeight = Math.round(fixedBounds.height);
+    const canvasWidth = Math.round(fixedLayerObject.width * fixedLayerObject.scaleX);
+    const canvasHeight = Math.round(fixedLayerObject.height * fixedLayerObject.scaleY);
 
     console.log(`红绿图模式导出，画布尺寸: ${canvasWidth}x${canvasHeight}`);
-    console.log("固定图层边界:", fixedBounds);
 
     // 创建固定尺寸的临时画布
     const scaleFactor = 2; // 高清导出
     const tempCanvas = document.createElement("canvas");
     tempCanvas.width = canvasWidth * scaleFactor;
     tempCanvas.height = canvasHeight * scaleFactor;
-    tempCanvas.style.width = canvasWidth + "px";
-    tempCanvas.style.height = canvasHeight + "px";
 
     const tempFabricCanvas = new fabric.StaticCanvas(tempCanvas, {
       width: canvasWidth,
@@ -584,8 +578,7 @@ export class ExportManager {
 
     try {
       // 获取裁剪路径对象（如果存在）
-      const clipPathObject = await this._getClipPathObject(fixedBounds);
-
+      const clipPathObject = await this._getClipPathObject(fixedLayerObject);
       // 克隆并添加所有对象到临时画布，需要调整位置相对于固定图层
       for (let i = 0; i < objectsToExport.length; i++) {
         const obj = objectsToExport[i];
@@ -594,19 +587,20 @@ export class ExportManager {
           restoreOpacityInRedGreen && true
         );
         if (cloned) {
-          // 调整对象位置：将原画布坐标转换为以固定图层为原点的相对坐标
           cloned.set({
-            left: cloned.left - fixedBounds.left,
-            top: cloned.top - fixedBounds.top,
+            left: 0,
+            top: 0,
+			originX: "left",
+			originY: "top",
           });
 
           // 更新对象坐标
           cloned.setCoords();
 
           // 设置裁剪路径到对象
-          if (clipPathObject) {
-            cloned.clipPath = clipPathObject;
-          }
+        //   if (clipPathObject) {
+        //     cloned.clipPath = clipPathObject;
+        //   }
 
           tempFabricCanvas.add(cloned);
         }