diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index 744c03d..3998702 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -2,7 +2,7 @@
   <div class="create-service-order">
     <div class="w-full bg-white  border-ff overflow-hidden rounded-20">
       <div class=" order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
-        <span class="font-size-18 font-500 color-171717 text-left ml-12">
+        <span class="text-[18px] font-medium color-171717 text-left ml-12">
           {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
         </span>
         <img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
@@ -10,23 +10,23 @@
 
       <div v-if="!isCallSuccess" class=" p-[12px]">
         <div class="bg-F5F7FA  flex flex-items-center p-[12px] rounded-10 text-[14px] color-171717 mb-12">
-          <span class="font-500 line-height-22 mr-20">所在位置</span>
+          <span class="font-medium line-height-22 mr-20">所在位置</span>
           <input placeholder="请填写所在位置" v-model="roomId" />
         </div>
 
         <div class="bg-F5F7FA  flex flex-items-center p-[12px] rounded-10 text-[14px] color-171717 mb-12">
-          <span class="font-500 line-height-22 mr-20">联系电话</span>
+          <span class="font-medium line-height-22 mr-20">联系电话</span>
           <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
         </div>
 
-        <div class="bg-F5F7FA  p-[12px] rounded-10 text-[14px] font-500 color-171717 mb-12">
-          <div class="font-500 line-height-22 mb-12">需求信息描述</div>
+        <div class="bg-F5F7FA  p-[12px] rounded-10 text-[14px] font-medium color-171717 mb-12">
+          <div class="font-medium line-height-22 mb-12">需求信息描述</div>
           <textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="text-[14px] font-400" maxlength="100"
             v-model="contactText" />
         </div>
 
-        <div class="bg-F5F7FA  p-[12px] rounded-10 text-[14px] font-500 color-171717 mb-12">
-          <div class="font-500 line-height-22 mb-12">照片上传</div>
+        <div class="bg-F5F7FA  p-[12px] rounded-10 text-[14px] font-medium color-171717 mb-12">
+          <div class="font-medium line-height-22 mb-12">照片上传</div>
 
           <div class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center">
             <div v-if="contentImgUrl" class="w-full h-full relative inline-block">
diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index 4169ecf..ff60b5c 100644
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -5,7 +5,7 @@
       <span class="text-[12px] color-171717 mr-16">
         {{ selectedDate.startDate }}
       </span>
-      <span class="total  rounded-[5px]0 flex flex-items-center font-size-11 color-43669A relative">{{
+      <span class="total  rounded-[5px]0 flex flex-items-center text-[11px] color-43669A relative">{{
         selectedDate.totalDays }}晚</span>
       <span class="text-[12px] color-99A0AE ml-16">离店</span>
       <span class="text-[12px] color-171717 ml-4">
diff --git a/src/components/DetailPopup/index.vue b/src/components/DetailPopup/index.vue
index b6ffedc..c42150f 100644
--- a/src/components/DetailPopup/index.vue
+++ b/src/components/DetailPopup/index.vue
@@ -2,7 +2,7 @@
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <div class="refund-popup bg-F5F7FA ">
       <div class=" flex flex-items-center justify-between pt-12 pb-12 relative">
-        <div class="flex-full font-size-16 color-171717 line-height-24 text-center">
+        <div class="flex-full text-[16px] color-171717 leading-[24px] text-center">
           明细详情
         </div>
         <!-- 关闭按钮 -->
@@ -11,11 +11,11 @@
       <!-- 内容区域 -->
       <div class="rounded-[12px] bg-white ml-12 mr-12 mb-40">
         <div class=" border-bottom flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
-          <span class="font-size-16 font-500 color-171717">在线支付</span>
+          <span class="text-[16px] font-medium color-171717">在线支付</span>
           <span class="text-[14px] color-171717">239</span>
         </div>
         <div class=" flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
-          <span class="font-size-16 font-500 color-171717">房费</span>
+          <span class="text-[16px] font-medium color-171717">房费</span>
           <span class="text-[14px] color-171717">239</span>
         </div>
       </div>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index f3c8873..8e5bf61 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -2,7 +2,7 @@
   <div class="create-service-order">
     <div class="w-full bg-white  border-ff overflow-hidden rounded-20">
       <div class=" order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
-        <span class="font-size-18 font-500 color-171717 text-left ml-12">
+        <span class="text-[18px] font-medium color-171717 text-left ml-12">
           {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
         </span>
         <img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
@@ -10,11 +10,11 @@
 
       <div v-if="!isCallSuccess" class=" p-[12px]">
         <div class="bg-F5F7FA  flex flex-items-center p-[12px] rounded-10 text-[14px] color-171717 mb-12">
-          <span class="font-500 line-height-22 mr-20">联系电话</span>
+          <span class="font-medium line-height-22 mr-20">联系电话</span>
           <input placeholder="请填写联系电话" v-model="contactPhone" />
         </div>
-        <div class="bg-F5F7FA  p-[12px] rounded-10 text-[14px] font-500 color-171717 mb-12">
-          <div class="font-500 line-height-22 mb-12">意见内容</div>
+        <div class="bg-F5F7FA  p-[12px] rounded-10 text-[14px] font-medium color-171717 mb-12">
+          <div class="font-medium line-height-22 mb-12">意见内容</div>
           <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-400" maxlength="100"
             v-model="contactText" />
         </div>
@@ -36,7 +36,7 @@
 
       <div class="footer-help flex flex-items-center pl-12 mb-12">
         <img class="help-icon mr-[4px]" src="./images/icon_volume.png" />
-        <span class="text-[12px] font-500 color-FA7319">
+        <span class="text-[12px] font-medium color-FA7319">
           {{ appName }}收到您的意见将第一时间为您处理!
         </span>
       </div>
diff --git a/src/components/RefundPopup/index.vue b/src/components/RefundPopup/index.vue
index b662006..509d1ae 100644
--- a/src/components/RefundPopup/index.vue
+++ b/src/components/RefundPopup/index.vue
@@ -2,7 +2,7 @@
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <div class="refund-popup bg-F5F7FA ">
       <div class=" flex flex-items-center justify-between pt-12 pb-12 relative">
-        <div class="flex-full font-size-16 color-171717 line-height-24 text-center">
+        <div class="flex-full text-[16px] color-171717 leading-[24px] text-center">
           取消政策
         </div>
         <!-- 关闭按钮 -->
diff --git a/src/components/Stepper/index.vue b/src/components/Stepper/index.vue
index 6c68fa9..5761672 100644
--- a/src/components/Stepper/index.vue
+++ b/src/components/Stepper/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="stepper-wrapper  flex flex-items-center rounded-8">
     <uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
-    <text class="stepper-text text-center text-[14px] font-500 color-000 ml-4 mr-[4px]">
+    <text class="stepper-text text-center text-[14px] font-medium color-000 ml-4 mr-[4px]">
       {{ value }} {{ unit }}
     </text>
     <uni-icons type="plus" size="24" color="#198CFF" @click="increase" />
diff --git a/src/components/SurveyQuestionnaire/index.vue b/src/components/SurveyQuestionnaire/index.vue
index 6f5b48b..f4b2a8b 100644
--- a/src/components/SurveyQuestionnaire/index.vue
+++ b/src/components/SurveyQuestionnaire/index.vue
@@ -2,7 +2,7 @@
   <div class="survey-questionnaire w-vw-24">
     <div class="bg-white  border-ff overflow-hidden rounded-20">
       <div class=" flex flex-items-center flex-justify-between bg-theme-color-50">
-        <span class="font-size-18 font-500 color-171717 text-left ml-12">
+        <span class="text-[18px] font-medium color-171717 text-left ml-12">
           调查问卷
         </span>
         <img class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
diff --git a/src/components/UseDateRange/index.vue b/src/components/UseDateRange/index.vue
index fd38c99..d1a91f3 100644
--- a/src/components/UseDateRange/index.vue
+++ b/src/components/UseDateRange/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="bg-white rounded-[12px] overflow-hidden mb-12">
-    <div class=" font-size-16 font-500 color-000 line-height-24 p-[12px]">
+    <div class=" text-[16px] font-medium color-000 leading-[24px] p-[12px]">
       使用日期
     </div>
     <div class="flex flex-items-center ">
@@ -10,7 +10,7 @@
             <div class="date-item" :class="{ selected: isSameDate(selectedDate, item.date) }"
               @click="onDateClick(item)">
               <div class="label text-[12px]">{{ item.weekDesc }}</div>
-              <div class="md font-size-16 font-600">
+              <div class="md text-[16px] font-600">
                 {{ formatMD(item.date) }}
               </div>
               <div class="status text-[12px]">{{ item.canOrder }}</div>
diff --git a/src/pages/album/index.vue b/src/pages/album/index.vue
index 14dd5ee..f3fc6e5 100644
--- a/src/pages/album/index.vue
+++ b/src/pages/album/index.vue
@@ -2,7 +2,7 @@
   <div class="bg-F5F7FA flex flex-col h-screen overflow-hidden">
     <TopNavBar title="房间相册" backgroundColor="transparent" />
     <div class="p-8">
-      <span class="ml-4 font-size-18 color-171717 font-500">全部({{ albumList.length }})</span>
+      <span class="ml-4 text-[18px] color-171717 font-medium">全部({{ albumList.length }})</span>
     </div>
 
     <scroll-div scroll-y class="scroll-container overflow-auto">
diff --git a/src/pages/booking/components/ConactSection/index.vue b/src/pages/booking/components/ConactSection/index.vue
index 30b062c..78dbe7c 100644
--- a/src/pages/booking/components/ConactSection/index.vue
+++ b/src/pages/booking/components/ConactSection/index.vue
@@ -2,7 +2,7 @@
   <!-- 选择数量 -->
   <div class=" bg-white p-[12px] rounded-[12px] flex flex-items-center mb-12">
     <div class="flex-full">
-      <div class="font-size-16 font-500 color-000 line-height-24">选择数量</div>
+      <div class="text-[16px] font-medium color-000 leading-[24px]">选择数量</div>
       <div class="text-[12px] color-A3A3A3 line-height-16">请选择套餐数量</div>
     </div>
     <div class="right">
@@ -16,21 +16,21 @@
 
   <!-- 联系方式 -->
   <div class="bg-white rounded-[12px] overflow-hidden">
-    <div class=" border-bottom font-size-16 font-500 color-000 line-height-24 p-[12px]">
+    <div class=" border-bottom text-[16px] font-medium color-000 leading-[24px] p-[12px]">
       联系方式
     </div>
     <div class="flex flex-items-center  p-[12px]">
-      <div class="text-[14px] font-500 text-ink-600 mr-12">联系人姓名</div>
+      <div class="text-[14px] font-medium text-ink-600 mr-12">联系人姓名</div>
       <div class="right">
-        <input class=" px-4 py-2 font-size-15 color-000 leading-[20px]" v-model.trim="userFormList[0].visitorName"
+        <input class=" px-4 py-2 text-[15px] color-000 leading-[20px]" v-model.trim="userFormList[0].visitorName"
           placeholder="请输入联系人" maxlength="20" />
       </div>
     </div>
 
     <div class="flex flex-items-center  p-[12px]">
-      <div class="text-[14px] font-500 text-ink-600 mr-12">手机号码</div>
+      <div class="text-[14px] font-medium text-ink-600 mr-12">手机号码</div>
       <div class="right">
-        <input class=" px-4 py-2 font-size-15 color-000 leading-[20px]" v-model.trim="userFormList[0].contactPhone"
+        <input class=" px-4 py-2 text-[15px] color-000 leading-[20px]" v-model.trim="userFormList[0].contactPhone"
           placeholder="请输入联系手机" maxlength="11" />
       </div>
     </div>
diff --git a/src/pages/booking/components/FooterSection/index.vue b/src/pages/booking/components/FooterSection/index.vue
index 9a03907..41ff5b5 100644
--- a/src/pages/booking/components/FooterSection/index.vue
+++ b/src/pages/booking/components/FooterSection/index.vue
@@ -9,7 +9,7 @@
     </div> -->
     <div class="btn  rounded-10 flex flex-items-center ml-auto pl-8" @click="handleBooking">
       <img class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
-      <span class="font-size-16 font-500 text-white">立即支付</span>
+      <span class="text-[16px] font-medium text-white">立即支付</span>
     </div>
   </div>
 </template>
diff --git a/src/pages/booking/components/UserSection/index.vue b/src/pages/booking/components/UserSection/index.vue
index fab7818..10efb37 100644
--- a/src/pages/booking/components/UserSection/index.vue
+++ b/src/pages/booking/components/UserSection/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-white rounded-[12px] overflow-hidden mb-12">
     <div class="flex flex-items-center  p-[12px] border-bottom">
-      <div class="font-size-16 font-500 color-000 line-height-24 flex-full">
+      <div class="text-[16px] font-medium color-000 leading-[24px] flex-full">
         入住信息
       </div>
       <div class="right">
@@ -11,17 +11,17 @@
 
     <div class=" pl-12 pr-12">
       <div class=" border-bottom pt-12 pb-12 flex flex-items-center" v-for="(item, index) in userFormList" :key="index">
-        <div class="text-[14px] font-500 text-ink-600 mr-12">住客姓名</div>
+        <div class="text-[14px] font-medium text-ink-600 mr-12">住客姓名</div>
         <div class="right">
-          <input class=" px-4 py-2 font-size-15 color-000 leading-[20px]" v-model.trim="item.visitorName"
+          <input class=" px-4 py-2 text-[15px] color-000 leading-[20px]" v-model.trim="item.visitorName"
             placeholder="请输入姓名" maxlength="11" />
         </div>
       </div>
 
       <div class="flex flex-items-center  pt-12 pb-12">
-        <div class="text-[14px] font-500 text-ink-600 mr-12">联系手机</div>
+        <div class="text-[14px] font-medium text-ink-600 mr-12">联系手机</div>
         <div class="right">
-          <input class=" px-4 py-2 font-size-15 color-000 leading-[20px]" v-model.trim="userFormList[0].contactPhone"
+          <input class=" px-4 py-2 text-[15px] color-000 leading-[20px]" v-model.trim="userFormList[0].contactPhone"
             placeholder="请输入联系手机" maxlength="11" />
         </div>
       </div>
diff --git a/src/pages/booking/index.vue b/src/pages/booking/index.vue
index f8736e3..ecc05a3 100644
--- a/src/pages/booking/index.vue
+++ b/src/pages/booking/index.vue
@@ -13,7 +13,7 @@
         <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
           @click="navigateToDetail(orderData)" />
 
-        <div class="font-size-16 font-500 color-000 line-height-24 ellipsis-1">
+        <div class="text-[16px] font-medium color-000 leading-[24px] ellipsis-1">
           {{ orderData.commodityName }}
         </div>
 
@@ -24,7 +24,7 @@
 
           <!-- 权益部分 -->
           <div class="flex flex-items-center mb-8">
-            <span class="bg-F7F7F7  rounded-4 font-size-11 text-ink-600 mr-[4px] pt-4 pb-4 pl-6 pr-6"
+            <span class="bg-F7F7F7  rounded-4 text-[11px] text-ink-600 mr-[4px] pt-4 pb-4 pl-6 pr-6"
               v-for="(item, index) in orderData.commodityFacilityList" :key="index">
               {{ item }}
             </span>
diff --git a/src/pages/goods/index.vue b/src/pages/goods/index.vue
index 47a600e..a481812 100644
--- a/src/pages/goods/index.vue
+++ b/src/pages/goods/index.vue
@@ -47,7 +47,7 @@
         class="flex items-center ml-auto pl-[8px] rounded-[10px] w-[120px] h-[48px] bg-linear-[90deg, #ff3d60_57%, #ff990c_100%]"
         @click="navigateToPay(goodsData)">
         <img class="w-[34px] h-[48px]" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
-        <span class="font-size-16 font-500 text-white">立即预定</span>
+        <span class="text-[16px] font-medium text-white">立即预定</span>
       </div>
     </div>
 
diff --git a/src/pages/home/components/AnswerComponent/index.vue b/src/pages/home/components/AnswerComponent/index.vue
index 76249ad..73bbb74 100644
--- a/src/pages/home/components/AnswerComponent/index.vue
+++ b/src/pages/home/components/AnswerComponent/index.vue
@@ -6,7 +6,7 @@
       <div v-if="tag" class="long-answer-tag">{{ tag }}</div>
       <div v-if="title" class="flex flex-row flex-items-start flex-justify-start mb-4">
         <uni-icons class="icon-active" type="fire-filled" size="18" color="opacity" />
-        <span class="font-size-16 font-500 span-color-900 ml-6"> {{ title }}</span>
+        <span class="text-[16px] font-medium span-color-900 ml-6"> {{ title }}</span>
       </div>
       <!-- 文字内容，最多显示3行 -->
       <div v-if="processedContent" class="answer-content text-[12px] font-color-600">
diff --git a/src/pages/home/components/ChatCardMine/index.vue b/src/pages/home/components/ChatCardMine/index.vue
index bd6ace8..724d05f 100644
--- a/src/pages/home/components/ChatCardMine/index.vue
+++ b/src/pages/home/components/ChatCardMine/index.vue
@@ -2,7 +2,7 @@
   <!-- 外层行容器：接收来自父组件的对齐类（如 flex flex-justify-end） -->
   <div class="chat-mine-row">
     <div class="chat-mine bg-17294E">
-      <span class="font-size-15 text-white">{{ text }}</span>
+      <span class="text-[15px] text-white">{{ text }}</span>
       <slot></slot>
     </div>
   </div>
diff --git a/src/pages/home/components/ChatMoreTips/index.vue b/src/pages/home/components/ChatMoreTips/index.vue
index e075f22..1b6b9e9 100644
--- a/src/pages/home/components/ChatMoreTips/index.vue
+++ b/src/pages/home/components/ChatMoreTips/index.vue
@@ -2,7 +2,7 @@
   <div class="more-tips bg-white ">
     <div class="font-size-0 whitespace-nowrap scroll-x">
       <div class="more-tips-item  inline-block mr-8" v-for="(item, index) in guideWords" :key="index">
-        <span :class="['font-500 text-[12px] text-center', `color-${index}`]" @click="sendReply(item)">
+        <span :class="['font-medium text-[12px] text-center', `color-${index}`]" @click="sendReply(item)">
           {{ item }}
         </span>
       </div>
diff --git a/src/pages/home/components/ChatTopWelcome/index.vue b/src/pages/home/components/ChatTopWelcome/index.vue
index 1bd78c3..a2c14bb 100644
--- a/src/pages/home/components/ChatTopWelcome/index.vue
+++ b/src/pages/home/components/ChatTopWelcome/index.vue
@@ -6,7 +6,7 @@ v
         <SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
           :frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
           :displayWidth="spriteStyle.displayWidth" :fps="16" />
-        <div class="welcome-text text-[14px] font-500 font-family-misans-vf color-171717 line-height-24">
+        <div class="welcome-text text-[14px] font-medium font-family-misans-vf color-171717 leading-[24px]">
           {{ welcomeContent }}
         </div>
       </div>
diff --git a/src/pages/home/components/FacilityLocationCard/index.vue b/src/pages/home/components/FacilityLocationCard/index.vue
index 70e8b37..4b4eb1d 100644
--- a/src/pages/home/components/FacilityLocationCard/index.vue
+++ b/src/pages/home/components/FacilityLocationCard/index.vue
@@ -7,7 +7,7 @@
         <div class="facility-location-card__badge color-2563EB bg-EFF6FF text-[12px] font-900">
           {{ type.text }}
         </div>
-        <div class="facility-location-card__title color-1E293B font-size-18 font-900 ellipsis-1">
+        <div class="facility-location-card__title color-1E293B text-[18px] font-900 ellipsis-1">
           {{ data.title }}
         </div>
       </div>
@@ -18,17 +18,17 @@
       </div>
 
       <div class="facility-location-card__location bg-F8FAFC rounded-20">
-        <div class="facility-location-card__location-label flex flex-items-center color-64748B font-size-13 font-900">
+        <div class="facility-location-card__location-label flex flex-items-center color-64748B text-[13px] font-900">
           <span class="facility-location-card__location-dot">{{ location.icon }}</span>
           <span>{{ location.label }}</span>
         </div>
-        <div class="facility-location-card__location-text color-1E293B font-size-16 font-900">
+        <div class="facility-location-card__location-text color-1E293B text-[16px] font-900">
           {{ location.text }}
         </div>
       </div>
 
       <div
-        class="facility-location-card__button flex flex-items-center flex-justify-center bg-0F172A text-white font-size-18 font-900"
+        class="facility-location-card__button flex flex-items-center flex-justify-center bg-0F172A text-white text-[18px] font-900"
         :class="{ 'is-disabled': disabled }" @click="handleAction">
         <span class="facility-location-card__button-icon">{{ action.icon }}</span>
         <span>{{ action.text }}</span>
diff --git a/src/pages/home/components/FaqHelpCard/index.vue b/src/pages/home/components/FaqHelpCard/index.vue
index ff1ec5c..f9514c4 100644
--- a/src/pages/home/components/FaqHelpCard/index.vue
+++ b/src/pages/home/components/FaqHelpCard/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="faq-help-card bg-white rounded-24 w-full">
     <div class="faq-help-card__header flex flex-items-center">
-      <div class="faq-help-card__icon flex flex-items-center flex-justify-center rounded-full font-size-16 font-900">
+      <div class="faq-help-card__icon flex flex-items-center flex-justify-center rounded-full text-[16px] font-900">
         {{ data.icon }}
       </div>
       <div class="faq-help-card__title color-1E293B font-size-20 font-900">
@@ -14,7 +14,7 @@
     <div class="faq-help-card__list">
       <div v-for="item in questions" :key="item.id || item.text" class="faq-help-card__item flex flex-items-center"
         :class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
-        <div class="faq-help-card__question color-475569 font-size-18 font-900 ellipsis-1 flex-full">
+        <div class="faq-help-card__question color-475569 text-[18px] font-900 ellipsis-1 flex-full">
           {{ item.text }}
         </div>
         <uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
diff --git a/src/pages/home/components/GeneratorPhotoComponent/index.vue b/src/pages/home/components/GeneratorPhotoComponent/index.vue
index 027994a..63b1c1f 100644
--- a/src/pages/home/components/GeneratorPhotoComponent/index.vue
+++ b/src/pages/home/components/GeneratorPhotoComponent/index.vue
@@ -21,7 +21,7 @@
         <div class="w-full  px-12 pb-8 flex flex-row" @click="jumpClick">
           <div class="btn-bg w-full  p-4 rounded-24 flex flex-row">
             <div
-              class="btn-bg-sub w-full  p-16 rounded-20 flex flex-row flex-items-center flex-justify-center text-white text-center font-size-18 font-800">
+              class="btn-bg-sub w-full  p-16 rounded-20 flex flex-row flex-items-center flex-justify-center text-white text-center text-[18px] font-800">
               {{ props.toolCall.componentNameParams.buttonName }}
             </div>
           </div>
diff --git a/src/pages/home/components/LongTextGuideCard/index.vue b/src/pages/home/components/LongTextGuideCard/index.vue
index 0b780f2..b640400 100644
--- a/src/pages/home/components/LongTextGuideCard/index.vue
+++ b/src/pages/home/components/LongTextGuideCard/index.vue
@@ -6,10 +6,10 @@
         <div class="long-text-guide-card__badge text-[12px] font-900" :class="`is-${item.badgeTone}`">
           {{ item.badge }}
         </div>
-        <div class="long-text-guide-card__summary-title color-1E293B font-size-18 font-900">
+        <div class="long-text-guide-card__summary-title color-1E293B text-[18px] font-900">
           {{ item.title }}
         </div>
-        <div class="long-text-guide-card__summary-text color-94A3B8 text-[14px] font-500 ellipsis-2">
+        <div class="long-text-guide-card__summary-text color-94A3B8 text-[14px] font-medium ellipsis-2">
           {{ item.summary }}
         </div>
         <div class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
@@ -25,7 +25,7 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </div>
-        <div class="long-text-guide-card__detail-title color-1E293B font-size-18 font-900 ellipsis-1">
+        <div class="long-text-guide-card__detail-title color-1E293B text-[18px] font-900 ellipsis-1">
           {{ activeItem.title }}
         </div>
         <div class="long-text-guide-card__badge long-text-guide-card__detail-badge text-[12px] font-900"
@@ -36,7 +36,7 @@
 
       <div class="long-text-guide-card__rich-body">
         <div v-for="(paragraph, paragraphIndex) in paragraphsBeforeImage" :key="`before-${paragraphIndex}`"
-          class="long-text-guide-card__paragraph color-475569 font-size-15 font-500">
+          class="long-text-guide-card__paragraph color-475569 text-[15px] font-medium">
           <template v-for="(segment, segmentIndex) in getSegments(paragraph)"
             :key="`${paragraphIndex}-${segmentIndex}`">
             <span v-if="segment.highlight" class="long-text-guide-card__highlight font-800">
@@ -49,7 +49,7 @@
         <image v-if="activeItem.image" class="long-text-guide-card__main-image w-full rounded-14 block"
           :src="activeItem.image" mode="aspectFill" />
 
-        <div class="long-text-guide-card__section-title color-1E293B font-size-16 font-900">
+        <div class="long-text-guide-card__section-title color-1E293B text-[16px] font-900">
           {{ activeItem.sectionTitle }}
         </div>
         <div class="long-text-guide-card__tip-block bg-ECFDF5">
@@ -60,7 +60,7 @@
         </div>
 
         <div v-for="(paragraph, paragraphIndex) in paragraphsAfterTips" :key="`after-${paragraphIndex}`"
-          class="long-text-guide-card__paragraph color-475569 font-size-15 font-500">
+          class="long-text-guide-card__paragraph color-475569 text-[15px] font-medium">
           <template v-for="(segment, segmentIndex) in getSegments(paragraph)"
             :key="`${paragraphIndex}-${segmentIndex}`">
             <span v-if="segment.highlight" class="long-text-guide-card__highlight font-800">
@@ -72,7 +72,7 @@
       </div>
 
       <div v-if="activeItem.action?.type === 'map'" class="long-text-guide-card__action-zone">
-        <div class="long-text-guide-card__action-label color-94A3B8 font-size-11 font-800">
+        <div class="long-text-guide-card__action-label color-94A3B8 text-[11px] font-800">
           {{ activeItem.action.label }}
         </div>
         <div class="long-text-guide-card__map-card rounded-16 overflow-hidden">
@@ -85,7 +85,7 @@
           </div>
           <div class="long-text-guide-card__map-bar flex flex-items-center bg-white">
             <div class="flex-full">
-              <div class="color-1E293B font-size-15 font-900">{{ activeItem.action.title }}</div>
+              <div class="color-1E293B text-[15px] font-900">{{ activeItem.action.title }}</div>
               <div class="color-94A3B8 text-[12px] font-800 mt-2">{{ activeItem.action.subtitle }}</div>
             </div>
             <div class="long-text-guide-card__nav-btn text-white bg-0F172A text-[14px] font-900"
@@ -97,14 +97,14 @@
       </div>
 
       <div v-else-if="activeItem.action?.type === 'image'" class="long-text-guide-card__action-zone">
-        <div class="long-text-guide-card__action-label color-94A3B8 font-size-11 font-800">
+        <div class="long-text-guide-card__action-label color-94A3B8 text-[11px] font-800">
           {{ activeItem.action.label }}
         </div>
         <div class="long-text-guide-card__photo-card relative" @click="handleAction(activeItem)">
           <img class="long-text-guide-card__photo-image w-full block" :src="activeItem.action.image"
             mode="aspectFill" />
           <div
-            class="long-text-guide-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-900">
+            class="long-text-guide-card__expand flex flex-items-center flex-justify-center rounded-full text-white text-[18px] font-900">
             ↗
           </div>
         </div>
diff --git a/src/pages/home/components/LongTextGuideCardPreview/index.vue b/src/pages/home/components/LongTextGuideCardPreview/index.vue
index 21cc073..9417655 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/index.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/index.vue
@@ -8,10 +8,10 @@
         {{ item.badge }}
       </div>
 
-      <div class="long-text-guide-card__summary-title color-1E293B font-size-18 font-900">
+      <div class="long-text-guide-card__summary-title color-1E293B text-[18px] font-900">
         {{ item.title }}
       </div>
-      <div class="long-text-guide-card__summary-text color-94A3B8 text-[14px] font-500 ellipsis-2">
+      <div class="long-text-guide-card__summary-text color-94A3B8 text-[14px] font-medium ellipsis-2">
         {{ item.summary }}
       </div>
       <div class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
diff --git a/src/pages/home/components/MapNavigationCard/index.vue b/src/pages/home/components/MapNavigationCard/index.vue
index 6bd02bb..2270454 100644
--- a/src/pages/home/components/MapNavigationCard/index.vue
+++ b/src/pages/home/components/MapNavigationCard/index.vue
@@ -10,7 +10,7 @@
 
     <div class="map-navigation-card__content flex flex-items-center">
       <div class="map-navigation-card__info flex-full">
-        <div class="map-navigation-card__title color-1E293B font-size-18 font-900 ellipsis-1">
+        <div class="map-navigation-card__title color-1E293B text-[18px] font-900 ellipsis-1">
           {{ data.title }}
         </div>
         <div class="map-navigation-card__distance color-94A3B8 text-[14px] font-900 ellipsis-1">
@@ -18,7 +18,7 @@
         </div>
       </div>
       <div
-        class="map-navigation-card__button flex flex-items-center flex-justify-center bg-0F172A text-white font-size-18 font-900"
+        class="map-navigation-card__button flex flex-items-center flex-justify-center bg-0F172A text-white text-[18px] font-900"
         :class="{ 'is-disabled': disabled }" @click="handleAction">
         <span class="map-navigation-card__button-icon">{{ action.icon }}</span>
         <span>{{ action.text }}</span>
diff --git a/src/pages/home/components/MoreService/index.vue b/src/pages/home/components/MoreService/index.vue
index f455fb9..35ef2d1 100644
--- a/src/pages/home/components/MoreService/index.vue
+++ b/src/pages/home/components/MoreService/index.vue
@@ -2,7 +2,7 @@
   <van-popup ref="popup" position="bottom" v-model:show="show">
     <div class="popup-content  pt-12 pl-12 pr-12">
       <div class="header flex flex-items-center pb-12">
-        <div class="title flex-full text-center font-size-17 color-000 font-500 ml-24">更多服务</div>
+        <div class="title flex-full text-center text-[17px] color-000 font-medium ml-24">更多服务</div>
         <van-icon name="cross" size="24" color="#CACFD8" @click="close" />
       </div>
 
@@ -11,7 +11,7 @@
           <div class="flex flex-items-center flex-justify-center">
             <img v-if="item.icon" class="left" :src="item.icon" />
             <div class="center flex-full">
-              <div class="font-size-16 color-000 line-height-24 font-500">
+              <div class="text-[16px] color-000 leading-[24px] font-medium">
                 {{ item.title }}
               </div>
               <div class="text-[12px] color-A3A3A3 line-height-16">
diff --git a/src/pages/home/components/NoticeCard/index.vue b/src/pages/home/components/NoticeCard/index.vue
index df361aa..7421547 100644
--- a/src/pages/home/components/NoticeCard/index.vue
+++ b/src/pages/home/components/NoticeCard/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="notice-card w-full">
     <div v-if="!detailOpen" class="notice-card__summary bg-FFFBEB rounded-24 w-full">
-      <div class="notice-card__summary-title color-B45309 font-size-16 font-900">
+      <div class="notice-card__summary-title color-B45309 text-[16px] font-900">
         {{ summary.title }}
       </div>
       <div class="notice-card__summary-content color-D97706 text-[14px] font-900">
@@ -24,7 +24,7 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </div>
-        <div class="notice-card__head-title color-1E293B font-size-18 font-900">
+        <div class="notice-card__head-title color-1E293B text-[18px] font-900">
           {{ detail.navTitle }}
         </div>
       </div>
@@ -35,7 +35,7 @@
         <div class="notice-card__detail-title color-1E293B font-size-20 font-900">
           {{ detail.title }}
         </div>
-        <div class="notice-card__time-pill flex flex-items-center bg-F8FAFC color-475569 font-size-13 font-900">
+        <div class="notice-card__time-pill flex flex-items-center bg-F8FAFC color-475569 text-[13px] font-900">
           <span class="notice-card__time-icon">{{ detail.timeIcon }}</span>
           <span>{{ detail.publishTime }}</span>
         </div>
diff --git a/src/pages/home/components/NoticeMessage/detail.vue b/src/pages/home/components/NoticeMessage/detail.vue
index 2b99fb7..692ebed 100644
--- a/src/pages/home/components/NoticeMessage/detail.vue
+++ b/src/pages/home/components/NoticeMessage/detail.vue
@@ -11,7 +11,7 @@
         <img v-if="coverImage" class="w-full block" :src="coverImage" mode="aspectFill" />
 
         <div class="pt-16 px-12 pb-24 ">
-          <div class="color-171717 font-size-16 font-weight-600">{{ detailTitle }}</div>
+          <div class="color-171717 text-[16px] font-weight-600">{{ detailTitle }}</div>
 
           <div v-if="publishTime" class="notice-time-tag flex flex-row flex-items-center mt-[16px]">
             <uni-icons type="clock" size="18" color="#5A6780" />
diff --git a/src/pages/home/components/PoiCompareCard/index.vue b/src/pages/home/components/PoiCompareCard/index.vue
index 0c87998..e2d550a 100644
--- a/src/pages/home/components/PoiCompareCard/index.vue
+++ b/src/pages/home/components/PoiCompareCard/index.vue
@@ -5,7 +5,7 @@
         <div class="poi-compare-card__mark flex flex-items-center flex-justify-center rounded-full flex-shrink-0">
           {{ data.icon }}
         </div>
-        <div class="poi-compare-card__title color-1E293B font-size-18 font-900 ellipsis-1 flex-full">
+        <div class="poi-compare-card__title color-1E293B text-[18px] font-900 ellipsis-1 flex-full">
           {{ data.title }}
         </div>
       </div>
@@ -30,7 +30,7 @@
       </div>
 
       <div
-        class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-0F172A text-white font-size-15 font-900"
+        class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-0F172A text-white text-[15px] font-900"
         :class="{ 'is-disabled': disabled }" @click="openDetail">
         {{ data.detailButtonText }}
       </div>
@@ -85,7 +85,7 @@
 
       <div class="poi-compare-card__actions grid grid-cols-2 gap-14">
         <div v-for="action in detail.actions" :key="action.id || action.text"
-          class="poi-compare-card__action flex flex-items-center flex-justify-center font-size-15 font-900"
+          class="poi-compare-card__action flex flex-items-center flex-justify-center text-[15px] font-900"
           :class="[action.primary ? 'poi-compare-card__action--primary bg-0F172A text-white' : 'poi-compare-card__action--secondary color-334155', { 'is-disabled': disabled }]"
           @click="handleAction(action)">
           <span class="poi-compare-card__action-icon">{{ action.icon }}</span>
diff --git a/src/pages/home/components/PoiDetailCard/index.vue b/src/pages/home/components/PoiDetailCard/index.vue
index ce318bf..d22859a 100644
--- a/src/pages/home/components/PoiDetailCard/index.vue
+++ b/src/pages/home/components/PoiDetailCard/index.vue
@@ -14,14 +14,14 @@
       </div>
 
       <div class="poi-detail-card__tip flex flex-items-center gap-10">
-        <div class="poi-detail-card__spark color-047857 font-size-18 font-900">✦</div>
+        <div class="poi-detail-card__spark color-047857 text-[18px] font-900">✦</div>
         <div class="poi-detail-card__tip-text color-047857 text-[14px] font-800">
           {{ data.tip?.text }}
         </div>
       </div>
 
       <div
-        class="poi-detail-card__button flex flex-items-center flex-justify-center gap-8 text-white bg-0F172A font-size-16 font-900"
+        class="poi-detail-card__button flex flex-items-center flex-justify-center gap-8 text-white bg-0F172A text-[16px] font-900"
         :class="{ 'is-disabled': disabled }" @click="handleAction">
         <span class="poi-detail-card__button-icon">↗</span>
         <span>{{ data.action?.text }}</span>
diff --git a/src/pages/home/components/RecommendationListCard/index.vue b/src/pages/home/components/RecommendationListCard/index.vue
index 6758c7e..8cb7bcb 100644
--- a/src/pages/home/components/RecommendationListCard/index.vue
+++ b/src/pages/home/components/RecommendationListCard/index.vue
@@ -7,7 +7,7 @@
         :class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
         <img class="recommendation-list-card__image block w-full" :src="item.image" mode="aspectFill" />
         <div class="recommendation-list-card__body p-16">
-          <div class="recommendation-list-card__name color-1E293B font-size-18 font-900 ellipsis-1">
+          <div class="recommendation-list-card__name color-1E293B text-[18px] font-900 ellipsis-1">
             {{ item.title }}
           </div>
           <div
diff --git a/src/pages/home/components/RoutePlanCard/index.vue b/src/pages/home/components/RoutePlanCard/index.vue
index 1233a6d..afed03a 100644
--- a/src/pages/home/components/RoutePlanCard/index.vue
+++ b/src/pages/home/components/RoutePlanCard/index.vue
@@ -5,7 +5,7 @@
       :class="{ 'is-disabled': disabled }" @click="openDetail">
       <img class="route-plan-card__cover block flex-shrink-0" :src="data.image" mode="aspectFill" />
       <div class="route-plan-card__body flex-full">
-        <div class="route-plan-card__title color-1E293B font-size-18 font-900 ellipsis-1">
+        <div class="route-plan-card__title color-1E293B text-[18px] font-900 ellipsis-1">
           {{ data.title }}
         </div>
         <div class="route-plan-card__tags flex flex-items-center">
@@ -26,7 +26,7 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </div>
-        <div class="route-plan-card__detail-title color-1E293B font-size-18 font-900 ellipsis-1 flex-full">
+        <div class="route-plan-card__detail-title color-1E293B text-[18px] font-900 ellipsis-1 flex-full">
           {{ data.title }}
         </div>
         <div class="route-plan-card__detail-badge color-047857 bg-ECFDF5 text-[12px] font-900">
@@ -44,7 +44,7 @@
             <div class="route-plan-card__node bg-white rounded-20 flex flex-items-center">
               <img class="route-plan-card__node-image block flex-shrink-0" :src="node.image" mode="aspectFill" />
               <div class="route-plan-card__node-body flex-full">
-                <div class="route-plan-card__node-title color-1E293B font-size-16 font-900 ellipsis-1">
+                <div class="route-plan-card__node-title color-1E293B text-[16px] font-900 ellipsis-1">
                   {{ node.title }}
                 </div>
                 <div class="route-plan-card__node-desc color-94A3B8 text-[12px] font-800 ellipsis-1">
@@ -74,7 +74,7 @@
           {{ detail.tipsTitle }}
         </div>
         <div v-for="tip in tips" :key="tip"
-          class="route-plan-card__tip flex flex-items-center color-334155 font-size-13 font-900">
+          class="route-plan-card__tip flex flex-items-center color-334155 text-[13px] font-900">
           <div class="route-plan-card__tip-dot rounded-full flex-shrink-0"></div>
           <div>{{ tip }}</div>
         </div>
diff --git a/src/pages/home/components/ScenicImageCard/index.vue b/src/pages/home/components/ScenicImageCard/index.vue
index 8af2086..1fee5e0 100644
--- a/src/pages/home/components/ScenicImageCard/index.vue
+++ b/src/pages/home/components/ScenicImageCard/index.vue
@@ -4,13 +4,13 @@
     <img class="scenic-image-card__image block w-full" :src="data.image" mode="aspectFill" />
 
     <div
-      class="scenic-image-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-900"
+      class="scenic-image-card__expand flex flex-items-center flex-justify-center rounded-full text-white text-[18px] font-900"
       @click.stop="handleAction">
       {{ action.icon }}
     </div>
 
     <div v-if="hasCaption" class="scenic-image-card__caption">
-      <div v-if="caption.title" class="scenic-image-card__title text-white font-size-18 font-900 ellipsis-1">
+      <div v-if="caption.title" class="scenic-image-card__title text-white text-[18px] font-900 ellipsis-1">
         {{ caption.title }}
       </div>
       <div v-if="caption.subtitle" class="scenic-image-card__subtitle text-white text-[14px] font-900 ellipsis-1">
diff --git a/src/pages/home/components/SharedVisual/ActionRow.vue b/src/pages/home/components/SharedVisual/ActionRow.vue
index 3321119..25e8f3b 100644
--- a/src/pages/home/components/SharedVisual/ActionRow.vue
+++ b/src/pages/home/components/SharedVisual/ActionRow.vue
@@ -2,7 +2,7 @@
   <div class="visual-action-row flex flex-items-center gap-[12px] p-[12px] bg-white rounded-18 "
     :class="{ 'is-disabled': disabled }" @click="handleClick">
     <div
-      class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-14 font-size-18 font-900"
+      class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-14 text-[18px] font-900"
       :class="toneClass">
       <slot name="icon">{{ icon }}</slot>
     </div>
diff --git a/src/pages/order/order/components/AmtSection/index.vue b/src/pages/order/order/components/AmtSection/index.vue
index 4a3c78b..538dc19 100644
--- a/src/pages/order/order/components/AmtSection/index.vue
+++ b/src/pages/order/order/components/AmtSection/index.vue
@@ -2,15 +2,15 @@
   <div class="bg-white  rounded-[12px] p-[12px] mb-12">
     <div class="flex flex-items-center flex-justify-between">
       <div class="flex flex-items-center">
-        <span class="font-size-16 color-171717 line-height-24 font-500">
+        <span class="text-[16px] color-171717 leading-[24px] font-medium">
           订单金额
         </span>
-        <span class="amt font-size-18 font-bold color-FF3D60 ml-4">
+        <span class="amt text-[18px] font-bold color-FF3D60 ml-4">
           {{ orderData.payAmt }}
         </span>
       </div>
     </div>
-    <div v-if="orderData.orderStatus === '0'" class="font-size-11 color-99A0AE mt-4">
+    <div v-if="orderData.orderStatus === '0'" class="text-[11px] color-99A0AE mt-4">
       超时后，订单将自动取消
     </div>
     <div v-if="['1', '2'].includes(orderData.orderStatus)"
diff --git a/src/pages/order/order/components/FooterSection/index.vue b/src/pages/order/order/components/FooterSection/index.vue
index 59f66d3..2c86566 100644
--- a/src/pages/order/order/components/FooterSection/index.vue
+++ b/src/pages/order/order/components/FooterSection/index.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="footer bg-white  flex flex-items-center flex-justify-between p-[12px]">
     <button v-if="['1', '2'].includes(statusCode)"
-      class="left border-none  bg-white rounded-10 flex flex-items-center flex-justify-center text-[14px] font-500 text-ink-600 mr-12"
+      class="left border-none  bg-white rounded-10 flex flex-items-center flex-justify-center text-[14px] font-medium text-ink-600 mr-12"
       @click="emit('refund', orderData)">
       申请退款
     </button>
     <button :class="[
-      'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center text-[14px] font-500 bg-theme-color-500',
+      'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center text-[14px] font-medium bg-theme-color-500',
       {
         'text-[#ff3d60]': statusCode === '0',
         'text-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
diff --git a/src/pages/order/order/components/GoodsInfo/images/2025-07-13_105446.png b/src/pages/order/order/components/GoodsInfo/images/2025-07-13_105446.png
deleted file mode 100644
index 0c17896..0000000
Binary files a/src/pages/order/order/components/GoodsInfo/images/2025-07-13_105446.png and /dev/null differ
diff --git a/src/pages/order/order/components/GoodsInfo/index.vue b/src/pages/order/order/components/GoodsInfo/index.vue
index 6a479eb..7f20e8b 100644
--- a/src/pages/order/order/components/GoodsInfo/index.vue
+++ b/src/pages/order/order/components/GoodsInfo/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <div v-if="orderType == 0" class=" bg-white p-[12px] rounded-[12px] mb-12">
+  <div v-if="orderType == 0" class="bg-white p-[12px] rounded-[12px] mb-12">
     <!-- 酒店类型入住离店日期部分 -->
     <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
 
-    <div class="font-size-16 font-500 color-000 line-height-24 ellipsis-1">
+    <div class="text-[16px] font-medium color-000 leading-[24px] ellipsis-1">
       {{ orderData.commodityName }}
     </div>
 
@@ -13,7 +13,7 @@
 
     <!-- 权益部分 -->
     <div class=" flex flex-items-center pt-12">
-      <span class="bg-F7F7F7  rounded-4 font-size-11 text-ink-600 mr-[4px] pt-4 pb-4 pl-6 pr-6"
+      <span class="bg-F7F7F7  rounded-4 text-[11px] text-ink-600 mr-[4px] pt-4 pb-4 pl-6 pr-6"
         v-for="(item, index) in commodityFacilityList" :key="index">
         {{ item }}
       </span>
@@ -21,7 +21,7 @@
   </div>
 
   <div v-if="orderType != 0" class=" bg-white p-[12px] rounded-[12px] mb-12">
-    <div class="font-size-16 font-500 color-000 line-height-24 ellipsis-1 mb-8">
+    <div class="text-[16px] font-medium color-000 leading-[24px] ellipsis-1 mb-8">
       {{ orderData.commodityName }}
     </div>
 
@@ -30,7 +30,7 @@
       <span class="text-ink-600">{{ commodityAmount }}</span>
     </div>
 
-    <div v-if="orderData.orderStatus === '0'" class=" border-top pt-12 text-[14px] font-500 color-171717 mt-12">
+    <div v-if="orderData.orderStatus === '0'" class=" border-top pt-12 text-[14px] font-medium color-171717 mt-12">
       凭[电子凭证]直接验证使用
     </div>
   </div>
@@ -77,7 +77,3 @@ const commodityFacilityList = computed(() => {
   return props.orderData.commodityFacilityList.slice(0, 3) || [];
 });
 </script>
-
-<style scoped lang="scss">
-@import "./styles/index.scss";
-</style>
diff --git a/src/pages/order/order/components/GoodsInfo/styles/index.scss b/src/pages/order/order/components/GoodsInfo/styles/index.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/pages/order/order/components/OrderCard/OrderCardContent.vue b/src/pages/order/order/components/OrderCard/OrderCardContent.vue
index 3de75b9..05d593a 100644
--- a/src/pages/order/order/components/OrderCard/OrderCardContent.vue
+++ b/src/pages/order/order/components/OrderCard/OrderCardContent.vue
@@ -5,7 +5,7 @@
         {{ orderData.commodityName }}
       </div>
       <div :class="[
-        'right font-size-18 font-bold leading-[20px]',
+        'right text-[18px] font-bold leading-[20px]',
         orderData.orderStatus === '0' ? 'color-FF3D60' : 'text-ink-600',
       ]">
         {{ orderData.orderAmt }}
diff --git a/src/pages/order/order/components/OrderQrcode/index.vue b/src/pages/order/order/components/OrderQrcode/index.vue
index 3b0ab08..668274c 100644
--- a/src/pages/order/order/components/OrderQrcode/index.vue
+++ b/src/pages/order/order/components/OrderQrcode/index.vue
@@ -56,7 +56,7 @@
           </div>
 
           <div v-if="false"
-            class="mt-[20px] bg-theme-color-50 text-[#0CCD58] text-[14px] px-12 line-height-24 rounded-[12px]">
+            class="mt-[20px] bg-theme-color-50 text-[#0CCD58] text-[14px] px-12 leading-[24px] rounded-[12px]">
             {{ selectedVoucher.name }}
           </div>
         </div>
diff --git a/src/pages/order/order/components/VoucherList/index.vue b/src/pages/order/order/components/VoucherList/index.vue
index 0f6950d..6fd091e 100644
--- a/src/pages/order/order/components/VoucherList/index.vue
+++ b/src/pages/order/order/components/VoucherList/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="bg-white  rounded-[12px] px-12 pt-12 mb-12">
-    <span class="font-size-16 color-171717 line-height-24 font-500">
+    <span class="text-[16px] color-171717 leading-[24px] font-medium">
       核销凭证列表
     </span>
 
@@ -10,7 +10,7 @@
         : 'border-bottom',
     ]" v-for="(item, index) in props.orderData.commodityPackageConfig" :key="item.name">
       <div class="flex flex-col">
-        <span class="span-color-900 font-size-16">{{ item.name }}</span>
+        <span class="span-color-900 text-[16px]">{{ item.name }}</span>
         <div class="flex flex-row mt-8">
           <div class="bg-F5F7FA span-color-600 text-[12px] p-4 rounded-4 mr-[4px]">
             总计{{ item.count }}{{ item.unit }}
diff --git a/src/pages/quick/index.vue b/src/pages/quick/index.vue
index 8a59633..4ec85a0 100644
--- a/src/pages/quick/index.vue
+++ b/src/pages/quick/index.vue
@@ -10,20 +10,20 @@
       <div v-if="didSelectedTabItem && didSelectedTabItem.orderType == 0"
         class="bg-white  flex flex-items-center p-[12px]">
         <div class="in flex flex-items-center">
-          <span class="font-size-11 font-500 color-99A0AE mr-[4px]">入住</span>
-          <span class="text-[14px] font-500 color-171717">
+          <span class="text-[11px] font-medium color-99A0AE mr-[4px]">入住</span>
+          <span class="text-[14px] font-medium color-171717">
             {{ selectedDate.startDate }}
           </span>
         </div>
 
         <!-- 几晚 -->
-        <span class="nights bg-E5E8EE  font-size-11 font-500 text-ink-600 rounded-[5px]0 ml-8 mr-8">
+        <span class="nights bg-E5E8EE  text-[11px] font-medium text-ink-600 rounded-[5px]0 ml-8 mr-8">
           {{ selectedDate.totalDays }}晚
         </span>
 
         <div class="out flex flex-items-center">
-          <span class="font-size-11 font-500 color-99A0AE mr-[4px]">离店</span>
-          <span class="text-[14px] font-500 color-171717">
+          <span class="text-[11px] font-medium color-99A0AE mr-[4px]">离店</span>
+          <span class="text-[14px] font-medium color-171717">
             {{ selectedDate.endDate }}
           </span>
         </div>