From 73e8662895c9024cd7fbbcd0e12a44cc86860d39 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Tue, 23 Dec 2025 16:51:23 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=96=87=E6=A1=88&=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HeaderTitle.vue |  2 +-
 src/views/asistant/index.vue   |  3 ++-
 src/views/login/customer.vue   |  1 +
 src/views/stylist/dressfor.vue |  5 +++++
 src/views/stylist/index.vue    | 13 +++++++++----
 src/views/stylist/sex.vue      |  9 +++++----
 6 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/components/HeaderTitle.vue b/src/components/HeaderTitle.vue
index f813324..a2d67f9 100644
--- a/src/components/HeaderTitle.vue
+++ b/src/components/HeaderTitle.vue
@@ -3,7 +3,7 @@
 	const router = useRouter()
 
 	defineProps({
-		title: { type: String, default: 'AI STYLING ASSISTANT' }
+		title: { type: String, default: 'STYLING ASSISTANT' }
 	})
 
 	const emit = defineEmits(['clickReturn', 'clickProfile'])
diff --git a/src/views/asistant/index.vue b/src/views/asistant/index.vue
index 5ed951d..d3e1d29 100644
--- a/src/views/asistant/index.vue
+++ b/src/views/asistant/index.vue
@@ -300,7 +300,8 @@ const handleContinue = () => {
       border-radius: 0.7rem;
       background-color: #000;
       width: 24.6rem;
-      height: 5.9rem;
+      height: 6.7rem;
+      box-sizing: border-box;
     }
   }
 }
diff --git a/src/views/login/customer.vue b/src/views/login/customer.vue
index 16497ed..67d8c77 100644
--- a/src/views/login/customer.vue
+++ b/src/views/login/customer.vue
@@ -213,6 +213,7 @@ const handleBack = (e?: Event) => {
         line-height: 8.3rem;
         font-size: 4.8rem;
         border: 0.2rem solid #fff;
+        box-sizing: border-box;
       }
     }
   }
diff --git a/src/views/stylist/dressfor.vue b/src/views/stylist/dressfor.vue
index 76768aa..c276fba 100644
--- a/src/views/stylist/dressfor.vue
+++ b/src/views/stylist/dressfor.vue
@@ -39,6 +39,7 @@
         <div class="tag-list short flex flex-justify-center">
           <div
             class="tag-item"
+            :class="{ active: item === inputValue }"
             v-for="item in tagListShort"
             :key="item"
             @click="handleClickTag(item)"
@@ -50,6 +51,7 @@
           <div
             class="tag-item"
             v-for="item in tagListLong"
+            :class="{ active: item === inputValue }"
             :key="item"
             @click="handleClickTag(item)"
           >
@@ -323,6 +325,9 @@ onUnmounted(() => {
           text-align: center;
           border-radius: 4.6rem;
           padding: 0 2.15rem;
+          &.active{
+            background-color: #f5f5f5;
+          }
         }
       }
     }
diff --git a/src/views/stylist/index.vue b/src/views/stylist/index.vue
index 20bdfbf..8544b66 100644
--- a/src/views/stylist/index.vue
+++ b/src/views/stylist/index.vue
@@ -4,7 +4,8 @@
     <div class="content">
       <!-- 标题 -->
       <div class="header">
-        <div class="title">CHOOSE YOUR STYLIST</div>
+        <div class="title">Choose Stylist.</div>
+        <div class="sub-title">What style are you looking for? </div>
       </div>
 
       <div class="carousel-container" v-show="!showVideo">
@@ -172,11 +173,15 @@ const handleContinue = () => {
   text-align: center;
   margin-bottom: 4rem;
   .title {
-    font-size: 15rem;
+    font-size: 11rem;
     font-weight: 400;
     color: white;
-    font-family: 'boskaRegular';
     line-height: 96%;
+    font-family: 'satoshiBold';
+  }
+  .sub-title{
+    font-family: 'satoshiRegular';
+    font-size: 4rem;
   }
 }
 
@@ -288,7 +293,7 @@ const handleContinue = () => {
 }
 
 .continue-button {
-  height: 5.9rem;
+  height: 6.7rem;
   box-sizing: border-box;
   position: absolute;
   bottom: 6.4rem;
diff --git a/src/views/stylist/sex.vue b/src/views/stylist/sex.vue
index 0778ab4..1bf1cc1 100644
--- a/src/views/stylist/sex.vue
+++ b/src/views/stylist/sex.vue
@@ -55,13 +55,14 @@ const handleSelect = (value: string) => {
   background-repeat: no-repeat;
   padding: 6rem 12.4rem 0 8.5rem;
   .text {
-    font-family: 'robotoBold';
-    font-size: 13rem;
+    font-family: 'satoshiBold';
+    font-weight: 700;
+    font-size: 11rem;
     line-height: 106%;
   }
   .desc {
     font-family: 'satoshiRegular';
-    font-size: 6.4rem;
+    font-size: 4rem;
     line-height: 132%;
   }
   .select-list {
@@ -76,7 +77,7 @@ const handleSelect = (value: string) => {
       text-align: center;
       font-family: 'satoshiRegular';
       font-size: 4.8rem;
-      width: 29.7rem;
+      width: 35rem;
       height: 8.3rem;
       display: flex;
       align-items: center;