diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index ffe7512..1cbcad1 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -2,30 +2,30 @@
   <view class="create-service-order">
     <view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
       <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
-        <text class="font-size-18 font-[500] text-[#171717] text-left ml-[12px]">
+        <text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
           {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
         </text>
         <image class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </view>
 
       <view v-if="!isCallSuccess" class="border-box p-[12px]">
-        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-[12px]">
+        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
           <text class="font-[500] leading-[22px] mr-[20px]">所在位置</text>
           <input placeholder="请填写所在位置" v-model="roomId" />
         </view>
 
-        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-[12px]">
+        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
           <text class="font-[500] leading-[22px] mr-[20px]">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
         </view>
 
-        <view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-[500] text-[#171717] mb-[12px]">
+        <view class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-[500] text-[#171717] mb-[12px]">
           <view class="font-[500] leading-[22px] mb-[12px]">需求信息描述</view>
-          <textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="font-size-14 font-[400]" maxlength="100"
+          <textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="text-[14px] font-[400]" maxlength="100"
             v-model="contactText" />
         </view>
 
-        <view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-[500] text-[#171717] mb-[12px]">
+        <view class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-[500] text-[#171717] mb-[12px]">
           <view class="font-[500] leading-[22px] mb-[12px]">照片上传</view>
 
           <view class="w-80 h-80 bg-white rounded-[8px] overflow-hidden flex flex-items-center flex-justify-center">
@@ -47,9 +47,9 @@
 
       <view v-else class="border-box card-content flex flex-items-center p-[12px]">
         <view class="border-box left flex-full pr-[20px]">
-          <view class="font-size-12 text-[#525866] leading-[20px] mb-[4px]">所在位置：{{ roomId }}</view>
-          <view class="font-size-12 text-[#525866] leading-[20px] mb-[4px]">联系方式: {{ contactPhone }}</view>
-          <view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ contactText }}</view>
+          <view class="text-[12px] text-[#525866] leading-[20px] mb-[4px]">所在位置：{{ roomId }}</view>
+          <view class="text-[12px] text-[#525866] leading-[20px] mb-[4px]">联系方式: {{ contactPhone }}</view>
+          <view class="text-[12px] text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ contactText }}</view>
         </view>
 
         <image v-if="contentImgUrl" class="right rounded-[6px]" :src="contentImgUrl" mode="aspectFill" />
diff --git a/src/components/CustomEmpty/index.vue b/src/components/CustomEmpty/index.vue
index d7413ca..89b049e 100644
--- a/src/components/CustomEmpty/index.vue
+++ b/src/components/CustomEmpty/index.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="empty-container flex flex-col items-center justify-center">
     <image class="empty-image" :src="emptyIcon" mode="aspectFit" />
-    <text class="font-size-12 text-center text-[#99a0ae] mt-[8px]">
+    <text class="text-[12px] text-center text-[#99a0ae] mt-[8px]">
       {{ statusText }}
     </text>
   </view>
diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index 5d963e2..86a586d 100644
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -1,19 +1,19 @@
 <template>
   <view class="border-box flex flex-items-center flex-justify-between mb-[12px]">
     <view class="left flex flex-items-center">
-      <text class="font-size-12 text-[#99a0ae] mr-[4px]">入住</text>
-      <text class="font-size-12 text-[#171717] mr-[16px]">
+      <text class="text-[12px] text-[#99a0ae] mr-[4px]">入住</text>
+      <text class="text-[12px] text-[#171717] mr-[16px]">
         {{ selectedDate.startDate }}
       </text>
-      <text class="total rounded-[50px] flex flex-items-center font-size-11  text-[#43669a] relative">{{
+      <text class="total rounded-[50px] flex flex-items-center text-[11px]  text-[#43669a] relative">{{
         selectedDate.totalDays }}晚</text>
-      <text class="font-size-12 text-[#99a0ae] ml-[16px]">离店</text>
-      <text class="font-size-12 text-[#171717] ml-[4px]">
+      <text class="text-[12px] text-[#99a0ae] ml-[16px]">离店</text>
+      <text class="text-[12px] text-[#171717] ml-[4px]">
         {{ selectedDate.endDate }}
       </text>
     </view>
     <view class="flex flex-items-center" v-if="showBtn" @click="emit('click')">
-      <text class="font-size-12 text-[#0CCD58] leading-[16px]">房间详情</text>
+      <text class="text-[12px] text-[#0CCD58] leading-[16px]">房间详情</text>
       <uni-icons type="right" size="15" color="#99A0AE" />
     </view>
   </view>
diff --git a/src/components/DetailPopup/index.vue b/src/components/DetailPopup/index.vue
index fc3c54c..a7d6d84 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">
     <view class="refund-popup bg-[#f5f7fa] border-box">
       <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
-        <view class="flex-full font-size-16 text-[#171717] leading-[24px] text-center">明细详情</view>
+        <view class="flex-full text-[16px] text-[#171717] leading-[24px] text-center">明细详情</view>
         <!-- 关闭按钮 -->
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </view>
@@ -10,12 +10,12 @@
       <view class="rounded-[12px] bg-white ml-[12px] mr-[12px] mb-40">
         <view
           class="border-box border-bottom flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
-          <text class="font-size-16 font-[500] text-[#171717]">在线支付</text>
-          <text class="font-size-14 text-[#171717]">239</text>
+          <text class="text-[16px] font-[500] text-[#171717]">在线支付</text>
+          <text class="text-[14px] text-[#171717]">239</text>
         </view>
         <view class="border-box flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
-          <text class="font-size-16 font-[500] text-[#171717]">房费</text>
-          <text class="font-size-14 text-[#171717]">239</text>
+          <text class="text-[16px] font-[500] text-[#171717]">房费</text>
+          <text class="text-[14px] text-[#171717]">239</text>
         </view>
       </view>
     </view>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index 53b225a..5abd641 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -2,20 +2,20 @@
   <view class="create-service-order">
     <view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
       <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
-        <text class="font-size-18 font-[500] text-[#171717] text-left ml-[12px]">
+        <text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
           {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
         </text>
         <image class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </view>
 
       <view v-if="!isCallSuccess" class="border-box p-[12px]">
-        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-[12px]">
+        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
           <text class="font-[500] leading-[22px] mr-[20px]">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" />
         </view>
-        <view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-[500] text-[#171717] mb-[12px]">
+        <view class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-[500] text-[#171717] mb-[12px]">
           <view class="font-[500] leading-[22px] mb-[12px]">意见内容</view>
-          <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-[400]" maxlength="100"
+          <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-[400]" maxlength="100"
             v-model="contactText" />
         </view>
 
@@ -27,13 +27,13 @@
       </view>
 
       <view v-else class="border-box left flex-full p-[12px]">
-        <view class="font-size-12 text-[#525866] leading-[20px] mb-[4px]">联系方式: {{ contactPhone }}</view>
-        <view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">意见内容: {{ contactText }}</view>
+        <view class="text-[12px] text-[#525866] leading-[20px] mb-[4px]">联系方式: {{ contactPhone }}</view>
+        <view class="text-[12px] text-[#525866] leading-[20px] ellipsis-2">意见内容: {{ contactText }}</view>
       </view>
 
       <view class="footer-help flex flex-items-center pl-[12px] mb-[12px]">
         <image class="help-icon mr-[4px]" src="./images/icon_volume.png" />
-        <text class="font-size-12 font-[500]  text-[#fa7319] ">
+        <text class="text-[12px] font-[500]  text-[#fa7319] ">
           {{ appName }}收到您的意见将第一时间为您处理!
         </text>
       </view>
diff --git a/src/components/GoodDetail/index.vue b/src/components/GoodDetail/index.vue
index 4e2272e..a03cefe 100644
--- a/src/components/GoodDetail/index.vue
+++ b/src/components/GoodDetail/index.vue
@@ -15,11 +15,11 @@
             <uni-icons fontFamily="znicons" size="20" color="#333">
               {{ zniconsMap[moduleItem.moduleIcon] }}
             </uni-icons>
-            <text class="ml-[4px] font-size-14 text-[#171717] leading-[20px]">
+            <text class="ml-[4px] text-[14px] text-[#171717] leading-[20px]">
               {{ moduleItem.moduleTitle }}
             </text>
           </view>
-          <text class="flex-full font-size-12 text-[#525866] leading-[20px] mt-[4px]">
+          <text class="flex-full text-[12px] text-[#525866] leading-[20px] mt-[4px]">
             {{ moduleItem.moduleContent }}
           </text>
         </view>
diff --git a/src/components/RefundPopup/index.vue b/src/components/RefundPopup/index.vue
index 87b2576..ddf8a89 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">
     <view class="refund-popup bg-[#f5f7fa] border-box">
       <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
-        <view class="flex-full font-size-16 text-[#171717] leading-[24px] text-center">取消政策</view>
+        <view class="flex-full text-[16px] text-[#171717] leading-[24px] text-center">取消政策</view>
         <!-- 关闭按钮 -->
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </view>
@@ -12,11 +12,11 @@
           <uni-icons fontFamily="znicons" size="20" color="#333">
             {{ zniconsMap["zn-refund"] }}
           </uni-icons>
-          <text class="font-size-14 font-[600] text-[#171717] ml-[8px]">
+          <text class="text-[14px] font-[600] text-[#171717] ml-[8px]">
             {{ refundTitle }}
           </text>
         </view>
-        <view class="font-size-14 text-[#525866] leading-[16px] mb-[4px]"
+        <view class="text-[14px] text-[#525866] leading-[16px] mb-[4px]"
           v-for="(item, index) in commodityPurchaseInstruction" :key="index">
           {{ item }}
         </view>
diff --git a/src/components/Stepper/index.vue b/src/components/Stepper/index.vue
index b601890..7ec77a0 100644
--- a/src/components/Stepper/index.vue
+++ b/src/components/Stepper/index.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="stepper-wrapper flex flex-items-center rounded-[8px]">
     <uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
-    <text class="stepper-text text-center font-size-14 font-[500] text-[#000000] ml-[4px] mr-[4px]">
+    <text class="stepper-text text-center text-[14px] font-[500] text-[#000000] ml-[4px] 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 7322ad0..4aae2e7 100644
--- a/src/components/SurveyQuestionnaire/index.vue
+++ b/src/components/SurveyQuestionnaire/index.vue
@@ -2,7 +2,7 @@
   <view class="survey-questionnaire w-vw-24">
     <view class="bg-white border-ff overflow-hidden rounded-[20px]">
       <view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
-        <text class="font-size-18 font-[500] text-[#171717] text-left ml-[12px]">
+        <text class="text-[18px] font-[500] text-[#171717] text-left ml-[12px]">
           调查问卷
         </text>
         <image class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
diff --git a/src/components/SwipeCards/index.vue b/src/components/SwipeCards/index.vue
index bafa95a..1f330ab 100644
--- a/src/components/SwipeCards/index.vue
+++ b/src/components/SwipeCards/index.vue
@@ -13,15 +13,15 @@
         <!-- 底部：价格 + 购买按钮 -->
         <view class="card-footer p-[12px] flex flex-justify-between flex-items-center">
           <view class="border-box">
-            <view class="font-size-14 font-[500] text-[#333333] ellipsis-1">
+            <view class="text-[14px] font-[500] text-[#333333] ellipsis-1">
               {{ card.commodityName }}
             </view>
             <view class="card-price-row text-[#333333]">
-              <text class="font-size-11">￥</text>
-              <text class="font-size-24 font-bold">
+              <text class="text-[11px]">￥</text>
+              <text class="text-[24px] font-bold">
                 {{ card.specificationPrice }}
               </text>
-              <text class="font-size-11 ml-[2px]" v-if="card.stockUnitLabel">/{{ card.stockUnitLabel }}</text>
+              <text class="text-[11px] ml-[2px]" v-if="card.stockUnitLabel">/{{ card.stockUnitLabel }}</text>
             </view>
           </view>
 
diff --git a/src/components/TopNavBar/index.vue b/src/components/TopNavBar/index.vue
index 99c5698..3fc4c62 100644
--- a/src/components/TopNavBar/index.vue
+++ b/src/components/TopNavBar/index.vue
@@ -16,7 +16,7 @@
         `nav-bar-center--${titleAlign}`,
       ]">
         <slot name="title">
-          <text class="font-size-17 font-[500] text-[#000000]" :style="{ color: titleColor }">
+          <text class="text-[17px] font-[500] text-[#000000]" :style="{ color: titleColor }">
             {{ title }}
           </text>
         </slot>
diff --git a/src/components/UseDateRange/index.vue b/src/components/UseDateRange/index.vue
index 1fc06bc..9220a0c 100644
--- a/src/components/UseDateRange/index.vue
+++ b/src/components/UseDateRange/index.vue
@@ -1,17 +1,17 @@
 <template>
   <view class="bg-white rounded-[12px] overflow-hidden mb-[12px]">
-    <view class="border-box font-size-16 font-[500] text-[#000000] leading-[24px] p-[12px]">使用日期</view>
+    <view class="border-box text-[16px] font-[500] text-[#000000] leading-[24px] p-[12px]">使用日期</view>
     <view class="flex flex-items-center border-box">
       <scroll-view class="date-scroll" scroll-x>
         <view class="date-list">
           <block v-for="item in openDateRangeList" :key="item.date">
             <view class="date-item" :class="{ selected: isSameDate(selectedDate, item.date) }"
               @click="onDateClick(item)">
-              <view class="label font-size-12">{{ item.weekDesc }}</view>
-              <view class="md font-size-16 font-[600]">{{
+              <view class="label text-[12px]">{{ item.weekDesc }}</view>
+              <view class="md text-[16px] font-[600]">{{
                 formatMD(item.date)
               }}</view>
-              <view class="status font-size-12">{{ item.canOrder }}</view>
+              <view class="status text-[12px]">{{ item.canOrder }}</view>
               <view v-if="isSameDate(selectedDate, item.date)" class="check">✔</view>
             </view>
           </block>
diff --git a/src/pages-booking/components/ConactSection/index.vue b/src/pages-booking/components/ConactSection/index.vue
index 7c30a75..fcf0eba 100644
--- a/src/pages-booking/components/ConactSection/index.vue
+++ b/src/pages-booking/components/ConactSection/index.vue
@@ -2,8 +2,8 @@
   <!-- 选择数量 -->
   <view class="border-box bg-white p-[12px] rounded-[12px] flex flex-items-center mb-[12px]">
     <view class="flex-full">
-      <view class="font-size-16 font-[500] text-[#000000] leading-[24px]">选择数量</view>
-      <view class="font-size-12 text-[#a3a3a3] leading-[16px]">
+      <view class="text-[16px] font-[500] text-[#000000] leading-[24px]">选择数量</view>
+      <view class="text-[12px] text-[#a3a3a3] leading-[16px]">
         请选择套餐数量
       </view>
     </view>
@@ -18,19 +18,19 @@
 
   <!-- 联系方式 -->
   <view class="bg-white rounded-[12px] overflow-hidden">
-    <view class="border-box border-bottom font-size-16 font-[500] text-[#000000] leading-[24px] p-[12px]">联系方式</view>
+    <view class="border-box border-bottom text-[16px] font-[500] text-[#000000] leading-[24px] p-[12px]">联系方式</view>
     <view class="flex flex-items-center p-[12px]">
-      <view class="font-size-14 font-[500] text-[#525866] mr-[12px]"> 联系人姓名 </view>
+      <view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 联系人姓名 </view>
       <view class="right">
-        <input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
+        <input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"
           v-model.trim="userFormList[0].visitorName" placeholder="请输入联系人" maxlength="20" />
       </view>
     </view>
 
     <view class="flex flex-items-center p-[12px]">
-      <view class="font-size-14 font-[500] text-[#525866] mr-[12px]"> 手机号码 </view>
+      <view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 手机号码 </view>
       <view class="right">
-        <input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
+        <input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"
           v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
       </view>
     </view>
diff --git a/src/pages-booking/components/FooterSection/index.vue b/src/pages-booking/components/FooterSection/index.vue
index b1e36a3..536c504 100644
--- a/src/pages-booking/components/FooterSection/index.vue
+++ b/src/pages-booking/components/FooterSection/index.vue
@@ -1,15 +1,15 @@
 <template>
   <view class="booking-footer bg-white flex flex-items-center font-family-misans-vf">
-    <text class="amt font-size-20 font-bold text-[#ff3d60] line-height-28 flex flex-items-center mr-[8px]">
+    <text class="amt text-[20px] font-bold text-[#ff3d60] line-height-28 flex flex-items-center mr-[8px]">
       {{ totalAmt }}
     </text>
     <!-- <view class="flex flex-items-center" @click="emit('detailClick')">
-      <text class="font-size-12 text-[#a3a3a3] mr-[4px]">明细</text>
+      <text class="text-[12px] text-[#a3a3a3] mr-[4px]">明细</text>
       <uni-icons type="up" size="16" color="#A3A3A3" />
     </view> -->
     <view class="btn rounded-[10px] flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
       <image class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
-      <text class="font-size-16 font-[500] text-white">立即支付</text>
+      <text class="text-[16px] font-[500] text-white">立即支付</text>
     </view>
   </view>
 </template>
diff --git a/src/pages-booking/components/UserSection/index.vue b/src/pages-booking/components/UserSection/index.vue
index 6a6add0..fcf7803 100644
--- a/src/pages-booking/components/UserSection/index.vue
+++ b/src/pages-booking/components/UserSection/index.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="bg-white rounded-[12px] overflow-hidden mb-[12px]">
     <view class="flex flex-items-center p-[12px] border-bottom">
-      <view class="font-size-16 font-[500] text-[#000000] leading-[24px] flex-full">入住信息</view>
+      <view class="text-[16px] font-[500] text-[#000000] leading-[24px] flex-full">入住信息</view>
       <view class="right">
         <Stepper v-model="count" unit="间" />
       </view>
@@ -10,17 +10,17 @@
     <view class="border-box pl-[12px] pr-[12px]">
       <view class="border-box border-bottom pt-[12px] pb-[12px] flex flex-items-center"
         v-for="(item, index) in userFormList" :key="index">
-        <view class="font-size-14 font-[500] text-[#525866] mr-[12px]"> 住客姓名 </view>
+        <view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 住客姓名 </view>
         <view class="right">
-          <input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
+          <input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"
             v-model.trim="item.visitorName" placeholder="请输入姓名" maxlength="11" />
         </view>
       </view>
 
       <view class="flex flex-items-center pt-[12px] pb-[12px]">
-        <view class="font-size-14 font-[500] text-[#525866] mr-[12px]"> 联系手机 </view>
+        <view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 联系手机 </view>
         <view class="right">
-          <input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
+          <input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"
             v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />
         </view>
       </view>
diff --git a/src/pages-booking/index.vue b/src/pages-booking/index.vue
index 9c38ebb..4d27995 100644
--- a/src/pages-booking/index.vue
+++ b/src/pages-booking/index.vue
@@ -13,19 +13,19 @@
         <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
           @click="navigateToDetail(orderData)" />
 
-        <view class="font-size-16 font-[500] text-[#000000] leading-[24px] ellipsis-1">
+        <view class="text-[16px] font-[500] text-[#000000] leading-[24px] ellipsis-1">
           {{ orderData.commodityName }}
         </view>
 
         <view class="border-box border-bottom">
-          <view class="font-size-12 text-[#99a0ae] leading-[16px] pb-[12px] break-all">
+          <view class="text-[12px] text-[#99a0ae] leading-[16px] pb-[12px] break-all">
             {{ orderData.commodityDescription }}
           </view>
 
           <!-- 权益部分 -->
           <view class="flex flex-items-center mb-[8px]">
             <text
-              class="bg-[#f7f7f7] rounded-[4px] font-size-11 text-[#525866] mr-[4px] pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
+              class="bg-[#f7f7f7] rounded-[4px] text-[11px] text-[#525866] mr-[4px] pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
               v-for="(item, index) in orderData.commodityFacilityList" :key="index">
               {{ item }}
             </text>
@@ -33,9 +33,9 @@
         </view>
 
         <view class="border-box flex flex-items-center flex-justify-between pt-[12px]">
-          <text class="font-size-12 text-[#525866] leading-[18px]">取消政策及说明</text>
+          <text class="text-[12px] text-[#525866] leading-[18px]">取消政策及说明</text>
           <view class="flex flex-items-center">
-            <text class="font-size-12 text-[#0CCD58] leading-[16px]" @click="refundVisible = true">取消政策</text>
+            <text class="text-[12px] text-[#0CCD58] leading-[16px]" @click="refundVisible = true">取消政策</text>
             <uni-icons type="right" size="15" color="#99A0AE" />
           </view>
         </view>
diff --git a/src/pages-order/order/components/AmtSection/index.vue b/src/pages-order/order/components/AmtSection/index.vue
index d097570..80debc2 100644
--- a/src/pages-order/order/components/AmtSection/index.vue
+++ b/src/pages-order/order/components/AmtSection/index.vue
@@ -2,19 +2,19 @@
   <view class="bg-white rounded-[12px] p-[12px] mb-[12px]">
     <view class="flex flex-items-center flex-justify-between">
       <view class="flex flex-items-center">
-        <text class="font-size-16 text-[#171717] leading-[24px] font-[500]">
+        <text class="text-[16px] text-[#171717] leading-[24px] font-[500]">
           订单金额
         </text>
-        <text class="amt font-size-18 font-bold text-[#ff3d60] ml-[4px]">
+        <text class="amt text-[18px] font-bold text-[#ff3d60] ml-[4px]">
           {{ orderData.payAmt }}
         </text>
       </view>
     </view>
-    <view v-if="orderData.orderStatus === '0'" class="font-size-11 text-[#99a0ae] mt-[4px]">
+    <view v-if="orderData.orderStatus === '0'" class="text-[11px] text-[#99a0ae] mt-[4px]">
       超时后，订单将自动取消
     </view>
     <view v-if="['1', '2'].includes(orderData.orderStatus)"
-      class="border-box border-top flex flex-items-center flex-justify-between font-size-12 pt-[12px] mt-[12px]">
+      class="border-box border-top flex flex-items-center flex-justify-between text-[12px] pt-[12px] mt-[12px]">
       <view class="text-[#525866]">取消政策及说明</view>
       <view class="flex flex-items-center" @click="emit('click')">
         <text class="theme-color-500 mr-[4px]">查看详情</text>
diff --git a/src/pages-order/order/components/FooterSection/index.vue b/src/pages-order/order/components/FooterSection/index.vue
index 8102f8b..ab666e6 100644
--- a/src/pages-order/order/components/FooterSection/index.vue
+++ b/src/pages-order/order/components/FooterSection/index.vue
@@ -1,12 +1,12 @@
 <template>
   <view 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-[10px] flex flex-items-center flex-justify-center font-size-14 font-[500] text-[#525866] mr-[12px]"
+      class="left border-none bg-white rounded-[10px] flex flex-items-center flex-justify-center text-[14px] font-[500] text-[#525866] mr-[12px]"
       @click="emit('refund', orderData)">
       申请退款
     </button>
     <button :class="[
-      'right border-none rounded-[10px] flex flex-full flex-items-center flex-justify-center font-size-14 font-[500] bg-[#0CCD58]',
+      'right border-none rounded-[10px] flex flex-full flex-items-center flex-justify-center text-[14px] font-[500] bg-[#0CCD58]',
       {
         'bg-[#ff3d60]': statusCode === '0',
         'text-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
diff --git a/src/pages-order/order/components/GoodsInfo/index.vue b/src/pages-order/order/components/GoodsInfo/index.vue
index ac2c5d0..a3680fd 100644
--- a/src/pages-order/order/components/GoodsInfo/index.vue
+++ b/src/pages-order/order/components/GoodsInfo/index.vue
@@ -3,17 +3,17 @@
     <!-- 酒店类型入住离店日期部分 -->
     <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
 
-    <view class="font-size-16 font-[500] text-[#000000] leading-[24px] ellipsis-1">
+    <view class="text-[16px] font-[500] text-[#000000] leading-[24px] ellipsis-1">
       {{ orderData.commodityName }}
     </view>
 
-    <view class="border-box border-bottom font-size-12 text-[#99a0ae] leading-[16px] pb-[12px]">
+    <view class="border-box border-bottom text-[12px] text-[#99a0ae] leading-[16px] pb-[12px]">
       {{ orderData.commodityDescription }}
     </view>
 
     <!-- 权益部分 -->
     <view class="border-box flex flex-items-center pt-[12px]">
-      <text class="bg-[#f7f7f7] rounded-[4px] font-size-11 text-[#525866] mr-[4px] pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
+      <text class="bg-[#f7f7f7] rounded-[4px] text-[11px] text-[#525866] mr-[4px] pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
         v-for="(item, index) in commodityFacilityList" :key="index">
         {{ item }}
       </text>
@@ -21,17 +21,17 @@
   </view>
 
   <view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-[12px] mb-[12px]">
-    <view class="font-size-16 font-[500] text-[#000000] leading-[24px] ellipsis-1 mb-[8px]">
+    <view class="text-[16px] font-[500] text-[#000000] leading-[24px] ellipsis-1 mb-[8px]">
       {{ orderData.commodityName }}
     </view>
 
-    <view class="flex font-size-12">
+    <view class="flex text-[12px]">
       <text class="w-60 text-[#99a0ae]">购买数量</text>
       <text class="text-[#525866]">{{ commodityAmount }}</text>
     </view>
 
     <view v-if="orderData.orderStatus === '0'"
-      class="border-box border-top pt-[12px] font-size-14 font-[500] text-[#171717] mt-[12px]">凭[电子凭证]直接验证使用</view>
+      class="border-box border-top pt-[12px] text-[14px] font-[500] text-[#171717] mt-[12px]">凭[电子凭证]直接验证使用</view>
   </view>
 </template>
 
diff --git a/src/pages-order/order/components/OrderCard/InfoRow.vue b/src/pages-order/order/components/OrderCard/InfoRow.vue
index 0822fa2..7ca7810 100644
--- a/src/pages-order/order/components/OrderCard/InfoRow.vue
+++ b/src/pages-order/order/components/OrderCard/InfoRow.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="info-row flex items-center mt-[8px]">
-    <text class="label font-size-12 text-[#99a0ae]">{{ label }}：</text>
-    <text class="value flex-full font-size-12 text-[#99a0ae]">{{ value }}</text>
+    <text class="label text-[12px] text-[#99a0ae]">{{ label }}：</text>
+    <text class="value flex-full text-[12px] text-[#99a0ae]">{{ value }}</text>
   </view>
 </template>
 
diff --git a/src/pages-order/order/components/OrderCard/OrderCardContent.vue b/src/pages-order/order/components/OrderCard/OrderCardContent.vue
index ff26202..7538793 100644
--- a/src/pages-order/order/components/OrderCard/OrderCardContent.vue
+++ b/src/pages-order/order/components/OrderCard/OrderCardContent.vue
@@ -1,11 +1,11 @@
 <template>
   <view class="card-content pt-[12px]">
     <view class="flex items-center justify-between">
-      <view class="left flex-full font-size-14 leading-[20px] text-[#171717] mr-[12px]">
+      <view class="left flex-full text-[14px] leading-[20px] text-[#171717] mr-[12px]">
         {{ orderData.commodityName }}
       </view>
       <view :class="[
-        'right font-size-18 font-bold leading-[20px]',
+        'right text-[18px] font-bold leading-[20px]',
         orderData.orderStatus === '0' ? 'text-[#ff3d60]' : 'text-[#525866]',
       ]">
         {{ orderData.orderAmt }}
diff --git a/src/pages-order/order/components/OrderCard/index.vue b/src/pages-order/order/components/OrderCard/index.vue
index 98c22aa..37c6fea 100644
--- a/src/pages-order/order/components/OrderCard/index.vue
+++ b/src/pages-order/order/components/OrderCard/index.vue
@@ -4,12 +4,12 @@
     <view class="card-header flex items-center">
       <view class="status-info flex items-center flex-full">
         <image class="status-icon mr-[4px]" :src="getStatusIcon()" />
-        <view class="order-title font-size-14 leading-[20px] text-[#525866]">
+        <view class="order-title text-[14px] leading-[20px] text-[#525866]">
           {{ getOrderTypeName() }}
         </view>
       </view>
       <view v-if="orderData.status !== 'pending'" :class="[
-        'status-tag font-size-12',
+        'status-tag text-[12px]',
         `tag-${orderData.orderStatus || orderData.workOrderStatus}`,
       ]">
         {{ getStatusText(orderData.orderStatus || orderData.workOrderStatus) }}
@@ -21,7 +21,7 @@
 
     <view v-if="orderData.orderStatus === '0'" class="text-right">
       <button
-        class="go-pay border-none font-size-14 text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
+        class="go-pay border-none text-[14px] text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
         @click.stop="handleCardClick">
         去支付
       </button>
diff --git a/src/pages-order/order/components/OrderInfo/index.vue b/src/pages-order/order/components/OrderInfo/index.vue
index 2c6ff83..a2ab675 100644
--- a/src/pages-order/order/components/OrderInfo/index.vue
+++ b/src/pages-order/order/components/OrderInfo/index.vue
@@ -1,14 +1,14 @@
 <template>
   <view class="bg-white rounded-[10px] p-[12px]">
-    <view class="flex mb-[8px] font-size-12">
+    <view class="flex mb-[8px] text-[12px]">
       <text class="w-60 text-[#99a0ae]">订单编号</text>
       <text class="text-[#525866]">{{ orderData.orderId }}</text>
     </view>
-    <view class="flex mb-[8px] font-size-12">
+    <view class="flex mb-[8px] text-[12px]">
       <text class="w-60 text-[#99a0ae]">下单时间</text>
       <text class="text-[#525866]">{{ orderData.createTime }}</text>
     </view>
-    <view class="flex font-size-12">
+    <view class="flex text-[12px]">
       <text class="w-60 text-[#99a0ae]">支付状态</text>
       <text :class="[
         {
diff --git a/src/pages-order/order/components/OrderQrcode/index.vue b/src/pages-order/order/components/OrderQrcode/index.vue
index 289ea9e..952b394 100644
--- a/src/pages-order/order/components/OrderQrcode/index.vue
+++ b/src/pages-order/order/components/OrderQrcode/index.vue
@@ -3,8 +3,8 @@
     <view class="refund-popup bg-[#f5f7fa] border-box">
       <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
         <view class="flex flex-col flex-items-center flex-full ">
-          <view class="flex-full font-size-16 text-[#0B5C2D] text-center">核销凭证</view>
-          <view class="flex-full font-size-12 text-[#02C34E] text-center mt-[4px]">请向工作人员出示此码</view>
+          <view class="flex-full text-[16px] text-[#0B5C2D] text-center">核销凭证</view>
+          <view class="flex-full text-[12px] text-[#02C34E] text-center mt-[4px]">请向工作人员出示此码</view>
         </view>
         <!-- 关闭按钮 -->
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
@@ -15,18 +15,18 @@
 
         <view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
           <view>
-            <view class="font-size-16 font-[500] text-[#000000] leading-[24px] ellipsis-1">
+            <view class="text-[16px] font-[500] text-[#000000] leading-[24px] ellipsis-1">
               {{ selectedVoucher.name }}
             </view>
           </view>
 
           <view v-if="selectedVoucher" class="flex flex-row">
-            <view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-[4px] mr-[4px]">总计{{
+            <view class="bg-[#f5f7fa] text-[#02C34E] text-[12px] p-[4px] rounded-[4px] mr-[4px]">总计{{
               selectedVoucher.count
             }}{{
                 selectedVoucher.unit }}
             </view>
-            <view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-[4px]">剩{{ selectedVoucher.count -
+            <view class="bg-[#F0F8F3] text-[#0CCD58] text-[12px] p-[4px] rounded-[4px]">剩{{ selectedVoucher.count -
               selectedVoucher.writeOffCount }}{{ selectedVoucher.unit }}可用</view>
           </view>
         </view>
@@ -34,9 +34,9 @@
         <view
           class="flex flex-col w-full flex-items-center flex-justify-center rounded-[8px] border pt-[16px] pb-[32px] mt-[12px]">
           <view class="flex flex-row flex-justify-between w-full px-[12px]">
-            <view class="bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-[12px]">凭证{{
+            <view class="bg-[#F0F8F3] text-[#0CCD58] text-[14px] px-[12px] leading-[24px] rounded-[12px]">凭证{{
               selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
-            <view class="text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-[12px]">此码仅可核销{{
+            <view class="text-[#0CCD58] text-[14px] px-[12px] leading-[24px] rounded-[12px]">此码仅可核销{{
               selectedVoucher.count
               -
               selectedVoucher.writeOffCount }}份</view>
@@ -49,7 +49,7 @@
           </view>
 
           <view v-if="false"
-            class="mt-[20px] bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-[12px]">
+            class="mt-[20px] bg-[#F0F8F3] text-[#0CCD58] text-[14px] px-[12px] leading-[24px] rounded-[12px]">
             {{ selectedVoucher.name }}
           </view>
         </view>
@@ -62,11 +62,11 @@
 
           <view class="flex flex-col">
             <view class="flex flex-row flex-justify-center flex-items-center">
-              <view class="theme-color-500 font-size-16">{{ currentVoucherIndex + 1 }}</view>
-              <view class="text-[#02C34E] font-size-12">/{{ selectedVoucherList.length }}</view>
+              <view class="theme-color-500 text-[16px]">{{ currentVoucherIndex + 1 }}</view>
+              <view class="text-[#02C34E] text-[12px]">/{{ selectedVoucherList.length }}</view>
             </view>
 
-            <view class="text-[#02C34E] font-size-14">扫码后点击下一张</view>
+            <view class="text-[#02C34E] text-[14px]">扫码后点击下一张</view>
           </view>
 
           <view class="actions-btn" @click.stop="downAction">
diff --git a/src/pages-order/order/components/OrderStatusInfo/index.vue b/src/pages-order/order/components/OrderStatusInfo/index.vue
index 9ef1b45..cf75139 100644
--- a/src/pages-order/order/components/OrderStatusInfo/index.vue
+++ b/src/pages-order/order/components/OrderStatusInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="border-box font-size-24 text-[#171717] leading-[32px] font-[500] pt-[12px] pb-[12px]">
+  <view class="border-box text-[24px] text-[#171717] leading-[32px] font-[500] pt-[12px] pb-[12px]">
     {{ currentStatusText }}
   </view>
 </template>
diff --git a/src/pages-order/order/components/UserInfo/index.vue b/src/pages-order/order/components/UserInfo/index.vue
index 3d8083d..9be11ef 100644
--- a/src/pages-order/order/components/UserInfo/index.vue
+++ b/src/pages-order/order/components/UserInfo/index.vue
@@ -1,12 +1,12 @@
 <template>
   <view class="bg-white rounded-[10px] p-[12px] mb-[12px]" v-if="hasConsumerData">
     <view v-for="(item, index) in consumerList" :key="index">
-      <view class="flex mb-[8px] font-size-12">
+      <view class="flex mb-[8px] text-[12px]">
         <text class="w-60 text-[#99a0ae]">住客姓名</text>
         <text class="text-[#525866]">{{ item.visitorName }}</text>
       </view>
     </view>
-    <view class="flex font-size-12">
+    <view class="flex text-[12px]">
       <text class="w-60 text-[#99a0ae]">联系电话</text>
       <text class="text-[#525866]">{{ contactPhone }}</text>
     </view>
diff --git a/src/pages-order/order/components/VoucherList/index.vue b/src/pages-order/order/components/VoucherList/index.vue
index df2764d..45ed701 100644
--- a/src/pages-order/order/components/VoucherList/index.vue
+++ b/src/pages-order/order/components/VoucherList/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="bg-white rounded-[12px] px-[12px] pt-[12px] mb-[12px]">
-    <text class="font-size-16 text-[#171717] leading-[24px] font-[500]">
+    <text class="text-[16px] text-[#171717] leading-[24px] font-[500]">
       核销凭证列表
     </text>
 
@@ -8,13 +8,13 @@
       :class="[index + 1 === props.orderData.commodityPackageConfig.length ? '' : 'border-bottom']"
       v-for="(item, index) in props.orderData.commodityPackageConfig" :key="item.name">
       <view class="flex flex-col">
-        <text class="text-[#0B5C2D] font-size-16">{{ item.name }}</text>
+        <text class="text-[#0B5C2D] text-[16px]">{{ item.name }}</text>
         <view class="flex flex-row mt-[8px]">
-          <view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-[4px] mr-[4px]">总计{{ item.count }}{{
+          <view class="bg-[#f5f7fa] text-[#02C34E] text-[12px] p-[4px] rounded-[4px] mr-[4px]">总计{{ item.count }}{{
             item.unit
           }}
           </view>
-          <view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-[4px]">剩{{ item.count -
+          <view class="bg-[#F0F8F3] text-[#0CCD58] text-[12px] p-[4px] rounded-[4px]">剩{{ item.count -
             item.writeOffCount
           }}{{ item.unit }}可用</view>
         </view>
@@ -22,8 +22,8 @@
 
       <view class="flex flex-items-center px-[14px] py-[8px] rounded-[8px]"
         :class="[item.packageStatus === 0 ? 'bg-[#0CCD58]' : 'bg-[#f5f5f5]']" @click="handleShowQrcode(item, index)">
-        <text v-if="item.packageStatus === 0" class="font-size-14 text-white">出示凭证</text>
-        <text v-else class="font-size-14 text-[#77FEAB]">已核销</text>
+        <text v-if="item.packageStatus === 0" class="text-[14px] text-white">出示凭证</text>
+        <text v-else class="text-[14px] text-[#77FEAB]">已核销</text>
       </view>
     </view>
   </view>
diff --git a/src/pages-quick/components/Card/index.vue b/src/pages-quick/components/Card/index.vue
index b5b0e77..6a402cc 100644
--- a/src/pages-quick/components/Card/index.vue
+++ b/src/pages-quick/components/Card/index.vue
@@ -2,21 +2,21 @@
   <view class="card bg-white p-[8px] rounded-[12px] flex flex-items-start m-[12px]" @click.stop="handleClick(item)">
     <image class="left rounded-[10px]" :src="item.commodityPhoto" mode="aspectFill" />
     <view class="right flex-full pl-[12px]">
-      <view class="font-size-16 leading-[24px] text-[#171717] mb-[4px]">
+      <view class="text-[16px] leading-[24px] text-[#171717] mb-[4px]">
         {{ item.commodityName }}
       </view>
-      <view v-if="item.commodityFacility" class="font-size-12 leading-[16px] text-[#99a0ae] mb-[4px] ellipsis-1">
+      <view v-if="item.commodityFacility" class="text-[12px] leading-[16px] text-[#99a0ae] mb-[4px] ellipsis-1">
         {{ item.commodityFacility.join(" ") }}
       </view>
-      <view class="font-size-12 leading-[18px] color-43669A">
+      <view class="text-[12px] leading-[18px] color-43669A">
         {{ item.commodityTradeRuleList.join(" / ") }}
       </view>
 
       <view class="flex flex-items-center flex-justify-end">
-        <text class="amt font-size-18 font-[500] font-family-misans-vf leading-[24px] text-[#ff3d60] mr-[4px]">
+        <text class="amt text-[18px] font-[500] font-family-misans-vf leading-[24px] text-[#ff3d60] mr-[4px]">
           {{ item.specificationPrice }}
         </text>
-        <text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] text-[#99a0ae]">
+        <text v-if="item.stockUnitLabel" class="text-[12px] leading-[16px] text-[#99a0ae]">
           /{{ item.stockUnitLabel }}
         </text>
         <text class="btn rounded-[10px] text-white ml-[16px]">订</text>
diff --git a/src/pages-quick/components/Tabs/index.vue b/src/pages-quick/components/Tabs/index.vue
index cafb540..d7e398a 100644
--- a/src/pages-quick/components/Tabs/index.vue
+++ b/src/pages-quick/components/Tabs/index.vue
@@ -12,7 +12,7 @@
           </uni-icons>
 
           <text :class="[
-            'font-size-16 font-[500] text-[#525866] ',
+            'text-[16px] font-[500] text-[#525866] ',
             activeIndex === index && 'tab-text-active',
           ]">
             {{ item.iconTitle }}
diff --git a/src/pages-quick/list.vue b/src/pages-quick/list.vue
index c42438f..a629be8 100644
--- a/src/pages-quick/list.vue
+++ b/src/pages-quick/list.vue
@@ -10,20 +10,20 @@
       <view v-if="didSelectedTabItem && didSelectedTabItem.orderType == 0"
         class="bg-white flex flex-items-center p-[12px]">
         <view class="in flex flex-items-center">
-          <text class="font-size-11 font-[500] text-[#99a0ae] mr-[4px]">入住</text>
-          <text class="font-size-14 font-[500] text-[#171717]">
+          <text class="text-[11px] font-[500] text-[#99a0ae] mr-[4px]">入住</text>
+          <text class="text-[14px] font-[500] text-[#171717]">
             {{ selectedDate.startDate }}
           </text>
         </view>
 
         <!-- 几晚 -->
-        <text class="nights bg-[#e5e8ee] font-size-11 font-[500] text-[#525866] rounded-[50px] ml-[8px] mr-[8px]">
+        <text class="nights bg-[#e5e8ee] text-[11px] font-[500] text-[#525866] rounded-[50px] ml-[8px] mr-[8px]">
           {{ selectedDate.totalDays }}晚
         </text>
 
         <view class="out flex flex-items-center">
-          <text class="font-size-11 font-[500] text-[#99a0ae] mr-[4px]">离店</text>
-          <text class="font-size-14 font-[500] text-[#171717]">
+          <text class="text-[11px] font-[500] text-[#99a0ae] mr-[4px]">离店</text>
+          <text class="text-[14px] font-[500] text-[#171717]">
             {{ selectedDate.endDate }}
           </text>
         </view>
diff --git a/src/pages-service/order/components/OrderCard/index.vue b/src/pages-service/order/components/OrderCard/index.vue
index 1cdb6a2..6cbd7fe 100644
--- a/src/pages-service/order/components/OrderCard/index.vue
+++ b/src/pages-service/order/components/OrderCard/index.vue
@@ -3,17 +3,17 @@
     <!-- 卡片头部 -->
     <view class="border-box flex flex-items-center pb-[12px]">
       <image class="icon mr-[4px]" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
-      <text class="font-size-14 text-[#525866] leading-[20px]">工单</text>
-      <text class="font-size-12 text-[#525866] leading-[20px] ml-auto">{{
+      <text class="text-[14px] text-[#525866] leading-[20px]">工单</text>
+      <text class="text-[12px] text-[#525866] leading-[20px] ml-auto">{{
         isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
       }}</text>
     </view>
     <!-- 卡片内容 -->
     <view class="border-box card-content flex flex-items-center pb-[12px]">
       <view class="border-box left flex-full pr-[20px]">
-        <view class="font-size-12 text-[#525866] leading-[20px] mb-[4px]">所在位置：{{ orderData.roomNo }}</view>
-        <view class="font-size-12 text-[#525866] leading-[20px] mb-[4px]">联系方式: {{ orderData.userPhone }}</view>
-        <view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
+        <view class="text-[12px] text-[#525866] leading-[20px] mb-[4px]">所在位置：{{ orderData.roomNo }}</view>
+        <view class="text-[12px] text-[#525866] leading-[20px] mb-[4px]">联系方式: {{ orderData.userPhone }}</view>
+        <view class="text-[12px] text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
       </view>
 
       <image v-if="orderData.contentImgUrl" class="right rounded-[6px]" :src="orderData.contentImgUrl"
@@ -23,9 +23,9 @@
     <!-- 服务人员 -->
     <view v-if="orderData.processMemberName && orderData.processMemberPhone"
       class="service-user p-[8px] flex flex-items-center flex-justify-between mb-[12px]">
-      <view class="font-size-12 leading-[16px]">服务人员：{{ orderData.processMemberName }}</view>
+      <view class="text-[12px] leading-[16px]">服务人员：{{ orderData.processMemberName }}</view>
       <uni-icons class="ml-auto mr-[4px]" type="phone-filled" size="14" color="#436799" />
-      <text class="font-size-12 leading-[16px]" @click="callService">拨打电话</text>
+      <text class="text-[12px] leading-[16px]" @click="callService">拨打电话</text>
     </view>
 
     <!-- 取消操作 -->
@@ -34,7 +34,7 @@
       orderData.workOrderStatus !== '2' &&
       orderData.workOrderStatus !== '3'
     " class="flex flex-items-center flex-justify-between">
-      <text class="cancel border rounded-[6px] font-size-12 leading-[16px] text-[#525866] ml-auto"
+      <text class="cancel border rounded-[6px] text-[12px] leading-[16px] text-[#525866] ml-auto"
         @click="cancelCall">取消呼叫</text>
     </view>
   </view>
diff --git a/src/pages/ChatMain/ChatCardMine/index.vue b/src/pages/ChatMain/ChatCardMine/index.vue
index 8ab11bc..f82ef6e 100644
--- a/src/pages/ChatMain/ChatCardMine/index.vue
+++ b/src/pages/ChatMain/ChatCardMine/index.vue
@@ -2,7 +2,7 @@
   <!-- 外层行容器：接收来自父组件的对齐类（如 flex flex-justify-end） -->
   <view class="chat-mine-row">
     <view class="chat-mine bg-[#17294e]">
-      <text class="font-size-15 text-white">{{ text }}</text>
+      <text class="text-[15px] text-white">{{ text }}</text>
       <slot></slot>
     </view>
   </view>
diff --git a/src/pages/ChatMain/ChatCardOther/index.vue b/src/pages/ChatMain/ChatCardOther/index.vue
index 69a7ad6..de92cfc 100644
--- a/src/pages/ChatMain/ChatCardOther/index.vue
+++ b/src/pages/ChatMain/ChatCardOther/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="w-full flex flex-col overflow-hidden pl-[12px] mt-[6px] mb-[6px]">
-    <text class="font-size-14 text-[#333333]">{{ text }}</text>
+    <text class="text-[14px] text-[#333333]">{{ text }}</text>
     <slot></slot>
   </view>
 </template>
diff --git a/src/pages/ChatMain/ChatInputArea/index.vue b/src/pages/ChatMain/ChatInputArea/index.vue
index 5447651..e7b46fc 100644
--- a/src/pages/ChatMain/ChatInputArea/index.vue
+++ b/src/pages/ChatMain/ChatInputArea/index.vue
@@ -53,7 +53,7 @@
       :options="appSpeechOptions" @result="handleAppSpeechResult" @change="handleAppSpeechChange" />
     <!-- #endif -->
 
-    <view class="text-[#99a0ae] font-size-9 text-center text-gray-400">
+    <view class="text-[#99a0ae] text-[9px] text-center text-gray-400">
       内容由AI大模型生成，请仔细鉴别
     </view>
   </view>
diff --git a/src/pages/ChatMain/ChatMoreTips/index.vue b/src/pages/ChatMain/ChatMoreTips/index.vue
index 9651a00..bd57031 100644
--- a/src/pages/ChatMain/ChatMoreTips/index.vue
+++ b/src/pages/ChatMain/ChatMoreTips/index.vue
@@ -1,8 +1,8 @@
 <template>
   <view class="more-tips bg-white border-box">
-    <view class="font-size-0 whitespace-nowrap scroll-x">
+    <view class="text-[0px] whitespace-nowrap scroll-x">
       <view class="more-tips-item inline-block mr-[8px]" v-for="(item, index) in guideWords" :key="index">
-        <text :class="['font-[500] font-size-12 text-center', `color-${index}`]" @click="sendReply(item)">
+        <text :class="['font-[500] text-[12px] text-center', `color-${index}`]" @click="sendReply(item)">
           {{ item }}
         </text>
       </view>
diff --git a/src/pages/ChatMain/ChatQuickAccess/index.vue b/src/pages/ChatMain/ChatQuickAccess/index.vue
index 6619a3a..425a134 100644
--- a/src/pages/ChatMain/ChatQuickAccess/index.vue
+++ b/src/pages/ChatMain/ChatQuickAccess/index.vue
@@ -5,7 +5,7 @@
         @click="sendReply(item)">
         <view class="flex items-center justify-center">
           <image v-if="item.icon" class="icon" :src="item.icon" />
-          <text class="font-size-14 text-[#0CCD58] leading-[20px]">
+          <text class="text-[14px] text-[#0CCD58] leading-[20px]">
             {{ item.title }}
           </text>
         </view>
diff --git a/src/pages/ChatMain/ChatTopNavBar/index.vue b/src/pages/ChatMain/ChatTopNavBar/index.vue
index b94273a..c2cb0fd 100644
--- a/src/pages/ChatMain/ChatTopNavBar/index.vue
+++ b/src/pages/ChatMain/ChatTopNavBar/index.vue
@@ -12,7 +12,7 @@
         :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns" :displayWidth="spriteStyle.displayWidth"
         :fps="16" />
       <text v-show="show" :class="[
-        'font-size-14 font-[500] text-[#171717] ml-[10px]',
+        'text-[14px] font-[500] text-[#171717] ml-[10px]',
         { 'text-animated': show },
       ]">
         {{ config.name }}
diff --git a/src/pages/ChatMain/ChatTopWelcome/index.vue b/src/pages/ChatMain/ChatTopWelcome/index.vue
index 5a47f0f..5e39c55 100644
--- a/src/pages/ChatMain/ChatTopWelcome/index.vue
+++ b/src/pages/ChatMain/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" />
-        <view class="welcome-text font-size-14 font-[500] font-family-misans-vf text-[#171717] leading-[24px]">
+        <view class="welcome-text text-[14px] font-[500] font-family-misans-vf text-[#171717] leading-[24px]">
           {{ welcomeContent }}
         </view>
       </view>
diff --git a/src/pages/ChatMain/NoticeMessage/detail.vue b/src/pages/ChatMain/NoticeMessage/detail.vue
index 51f329c..3f33883 100644
--- a/src/pages/ChatMain/NoticeMessage/detail.vue
+++ b/src/pages/ChatMain/NoticeMessage/detail.vue
@@ -11,14 +11,14 @@
         <image v-if="coverImage" class="w-full h-auto block" :src="coverImage" mode="widthFix" />
 
         <view class="pt-[16px] px-[12px] pb-[24px] border-box">
-          <view class="text-[#171717] font-size-16 font-weight-600">{{ detailTitle }}</view>
+          <view class="text-[#171717] text-[16px] font-weight-600">{{ detailTitle }}</view>
 
           <view v-if="publishTime" class="notice-time-tag flex flex-row flex-items-center mt-[16px]">
             <uni-icons type="clock" size="18" color="#5A6780" />
-            <text class="text-[#171717] font-size-12 font-weight-600 ml-[8px]">发布时间：{{ publishTime }}</text>
+            <text class="text-[#171717] text-[12px] font-weight-600 ml-[8px]">发布时间：{{ publishTime }}</text>
           </view>
 
-          <view class="mt-[20px] pt-[16px] text-[#666666] font-size-14 leading-[20px] border-top">{{ noticeContent }}
+          <view class="mt-[20px] pt-[16px] text-[#666666] text-[14px] leading-[20px] border-top">{{ noticeContent }}
           </view>
         </view>
       </view>
diff --git a/src/pages/ChatMain/NoticeMessage/index.vue b/src/pages/ChatMain/NoticeMessage/index.vue
index a223182..57eee4c 100644
--- a/src/pages/ChatMain/NoticeMessage/index.vue
+++ b/src/pages/ChatMain/NoticeMessage/index.vue
@@ -4,14 +4,14 @@
       :duration="duration" :indicator-dots="false" :vertical="true">
       <swiper-item v-for="item in bannerList" :key="item.entityName">
         <view class="swiper-item" @click="clickItem(item)">
-          <text class="text-color font-size-12 font-[600]">
+          <text class="text-color text-[12px] font-[600]">
             {{ item.entityName }}
           </text>
           <view class="notice-footer">
-            <text class="text-color font-size-10 font-[500]">
+            <text class="text-color text-[10px] font-[500]">
               发布时间：{{ item.effectiveStartTime }}
             </text>
-            <text class="text-color font-size-10 font-[500] underline-text">
+            <text class="text-color text-[10px] font-[500] underline-text">
               详情
             </text>
           </view>
@@ -23,7 +23,7 @@
 
   <view v-else-if="props.tipsMessage">
     <view class="noMessage">
-      <text class="noMessage-text text-color font-size-12 font-[600]">
+      <text class="noMessage-text text-color text-[12px] font-[600]">
         {{ props.tipsMessage }}
       </text>
     </view>
diff --git a/src/pages/ChatModule/AigcPhotoCard/index.vue b/src/pages/ChatModule/AigcPhotoCard/index.vue
index 4862740..95ac187 100644
--- a/src/pages/ChatModule/AigcPhotoCard/index.vue
+++ b/src/pages/ChatModule/AigcPhotoCard/index.vue
@@ -11,12 +11,12 @@
         object-fit="cover" @click.stop @play="handlePlay" @fullscreenchange="handleFullScreenChange"
         @error="handleError" />
       <view v-if="videoUrl && !disabled"
-        class="aigc-photo-card__fullscreen flex flex-items-center flex-justify-center text-white font-size-12"
+        class="aigc-photo-card__fullscreen flex flex-items-center flex-justify-center text-white text-[12px]"
         @click.stop="requestFullScreen">
         全屏
       </view>
       <view v-if="!videoUrl"
-        class="aigc-photo-card__empty flex flex-items-center flex-justify-center text-white font-size-14">
+        class="aigc-photo-card__empty flex flex-items-center flex-justify-center text-white text-[14px]">
         视频地址为空
       </view>
     </view>
diff --git a/src/pages/ChatModule/AnswerComponent/index.vue b/src/pages/ChatModule/AnswerComponent/index.vue
index bd9d423..9b59971 100644
--- a/src/pages/ChatModule/AnswerComponent/index.vue
+++ b/src/pages/ChatModule/AnswerComponent/index.vue
@@ -5,19 +5,19 @@
     <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">
       <view v-if="tag" class="long-answer-tag" :style="longAnswerTagStyle">{{ tag }}</view>
       <view v-if="title" class="flex flex-row flex-items-start flex-justify-start mb-[4px]">
-        <text class="font-size-16 font-[600] text-[#0B5C2D]"> {{ title }}</text>
+        <text class="text-[16px] font-[600] text-[#0B5C2D]"> {{ title }}</text>
       </view>
       <!-- 文字内容，根据数据模式限制预览行数 -->
-      <view v-if="processedContent" class="answer-content font-size-12 font-color-600" :style="answerContentStyle">
+      <view v-if="processedContent" class="answer-content text-[12px] font-color-600" :style="answerContentStyle">
         <ChatMarkdown :text="processedContent" :fontColor="'#94A3B8'" />
       </view>
       <!-- 超过2行时显示...提示 -->
       <view v-if="!finish" class="flex flex-row flex-items-center mt-[8px]">
-        <text class="font-size-12 font-[500] font-color-600">正在生成</text>
+        <text class="text-[12px] font-[500] font-color-600">正在生成</text>
         <ChatLoading />
       </view>
       <view v-if="isOverflow" class="flex flex-row flex-items-center flex-justify-between mt-[12px]">
-        <text class="font-size-12 font-bold text-[#cbd5e1] mr-[4px]">查看完整{{ tag }}</text>
+        <text class="text-[12px] font-bold text-[#cbd5e1] mr-[4px]">查看完整{{ tag }}</text>
         <uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
       </view>
 
diff --git a/src/pages/ChatModule/CallMobile/index.vue b/src/pages/ChatModule/CallMobile/index.vue
index 76e92c2..fdc243e 100644
--- a/src/pages/ChatModule/CallMobile/index.vue
+++ b/src/pages/ChatModule/CallMobile/index.vue
@@ -2,12 +2,12 @@
   <uni-popup ref="popup" type="center" :safe-area="false">
     <view class="popup-content bg-white mx-[24px] px-[12px] py-16 rounded-[12px]">
       <view class="header flex flex-items-center pb-[12px]">
-        <view class="title flex-full text-center font-size-17 text-[#000000] font-[500] ml-[24px]">呼叫热线</view>
+        <view class="title flex-full text-center text-[17px] text-[#000000] font-[500] ml-[24px]">呼叫热线</view>
         <uni-icons type="close" size="24" color="#CACFD8" @click="close" />
       </view>
 
       <view class="border-box pl-[12px] pr-[12px]">
-        <view class="font-size-16 text-[#a3a3a3] leading-[22px]">
+        <view class="text-[16px] text-[#a3a3a3] leading-[22px]">
           如有任何疑问，欢迎随时致电景区咨询热线：
           <text class="text-[#2563eb]" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text
             class="text-[#2563eb]" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>，
diff --git a/src/pages/ChatModule/FacilityLocationCard/index.vue b/src/pages/ChatModule/FacilityLocationCard/index.vue
index c0a9ed7..8256c9b 100644
--- a/src/pages/ChatModule/FacilityLocationCard/index.vue
+++ b/src/pages/ChatModule/FacilityLocationCard/index.vue
@@ -4,32 +4,32 @@
 
     <view class="facility-location-card__body px-[24px] pb-[24px]">
       <view class="facility-location-card__title-row flex flex-items-center">
-        <view class="facility-location-card__badge text-[#2563eb] bg-[#eff6ff] font-size-12 font-bold">
+        <view class="facility-location-card__badge text-[#2563eb] bg-[#eff6ff] text-[12px] font-bold">
           {{ type.text }}
         </view>
-        <view class="facility-location-card__title text-[#1e293b] font-size-18 font-bold ellipsis-1">
+        <view class="facility-location-card__title text-[#1e293b] text-[18px] font-bold ellipsis-1">
           {{ data.title }}
         </view>
       </view>
 
-      <view class="facility-location-card__distance flex flex-items-center text-[#94a3b8] font-size-14 font-bold">
+      <view class="facility-location-card__distance flex flex-items-center text-[#94a3b8] text-[14px] font-bold">
         <text class="facility-location-card__distance-icon">{{ distance.icon }}</text>
         <text>{{ distance.text }}</text>
       </view>
 
       <view class="facility-location-card__location bg-[#f8fafc] rounded-[20px]">
         <view
-          class="facility-location-card__location-label flex flex-items-center text-[#64748b] font-size-13 font-bold">
+          class="facility-location-card__location-label flex flex-items-center text-[#64748b] text-[13px] font-bold">
           <text class="facility-location-card__location-dot">{{ location.icon }}</text>
           <text>{{ location.label }}</text>
         </view>
-        <view class="facility-location-card__location-text text-[#1e293b] font-size-16 font-bold">
+        <view class="facility-location-card__location-text text-[#1e293b] text-[16px] font-bold">
           {{ location.text }}
         </view>
       </view>
 
       <view
-        class="facility-location-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-bold"
+        class="facility-location-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white text-[18px] font-bold"
         :class="{ 'is-disabled': disabled }" @click="handleAction">
         <text class="facility-location-card__button-icon">{{ action.icon }}</text>
         <text>{{ action.text }}</text>
diff --git a/src/pages/ChatModule/FaqHelpCard/index.vue b/src/pages/ChatModule/FaqHelpCard/index.vue
index 733bbd3..1ead8d0 100644
--- a/src/pages/ChatModule/FaqHelpCard/index.vue
+++ b/src/pages/ChatModule/FaqHelpCard/index.vue
@@ -1,10 +1,10 @@
 <template>
   <view class="faq-help-card bg-white rounded-[24px] w-full">
     <view class="faq-help-card__header flex flex-items-center">
-      <view class="faq-help-card__icon flex flex-items-center flex-justify-center rounded-full font-size-16 font-bold">
+      <view class="faq-help-card__icon flex flex-items-center flex-justify-center rounded-full text-[16px] font-bold">
         {{ data.icon }}
       </view>
-      <view class="faq-help-card__title text-[#1e293b] font-size-20 font-bold">
+      <view class="faq-help-card__title text-[#1e293b] text-[20px] font-bold">
         {{ data.title }}
       </view>
     </view>
@@ -14,7 +14,7 @@
     <view class="faq-help-card__list">
       <view 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)">
-        <view class="faq-help-card__question text-[#475569] font-size-18 font-bold ellipsis-1 flex-full">
+        <view class="faq-help-card__question text-[#475569] text-[18px] font-bold ellipsis-1 flex-full">
           {{ item.text }}
         </view>
         <uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
diff --git a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
index 479e247..1917655 100644
--- a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
+++ b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
@@ -14,14 +14,14 @@
 
         <image class="g_title mt-[20px]" :src="componentDataMap.title" />
 
-        <text class="font-size-14 font-[400] text-white my-[12px] text-center">
+        <text class="text-[14px] font-[400] text-white my-[12px] text-center">
           {{ componentDataMap.description }}
         </text>
 
         <view class="w-full px-[12px] pb-[8px] flex flex-row" @click="jumpClick">
           <view class="btn-bg w-full p-[4px] rounded-[24px] flex flex-row">
             <view
-              class="btn-bg-sub w-full p-[16px] rounded-[20px] flex flex-row flex-items-center flex-justify-center text-white text-center font-size-18 font-bold">
+              class="btn-bg-sub w-full p-[16px] rounded-[20px] flex flex-row flex-items-center flex-justify-center text-white text-center text-[18px] font-bold">
               {{ componentDataMap.buttonName }}
             </view>
           </view>
diff --git a/src/pages/ChatModule/LongTextGuideCard/index.vue b/src/pages/ChatModule/LongTextGuideCard/index.vue
index 24ef4a5..912ccd2 100644
--- a/src/pages/ChatModule/LongTextGuideCard/index.vue
+++ b/src/pages/ChatModule/LongTextGuideCard/index.vue
@@ -4,17 +4,17 @@
       <view v-for="item in cards" :key="item.id"
         class="long-text-guide-card__summary-card bg-white rounded-[24px] border-box"
         :class="{ 'is-disabled': disabled }" @click="openDetail(item)">
-        <view class="long-text-guide-card__badge font-size-12 font-bold" :class="`is-${item.badgeTone}`">
+        <view class="long-text-guide-card__badge text-[12px] font-bold" :class="`is-${item.badgeTone}`">
           {{ item.badge }}
         </view>
-        <view class="long-text-guide-card__summary-title text-[#1e293b] font-size-18 font-bold">
+        <view class="long-text-guide-card__summary-title text-[#1e293b] text-[18px] font-bold">
           {{ item.title }}
         </view>
-        <view class="long-text-guide-card__summary-text text-[#94a3b8] font-size-14 font-[500] ellipsis-2">
+        <view class="long-text-guide-card__summary-text text-[#94a3b8] text-[14px] font-[500] ellipsis-2">
           {{ item.summary }}
         </view>
         <view class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
-          <text class="text-[#cbd5e1] font-size-12 font-bold">{{ item.footer }}</text>
+          <text class="text-[#cbd5e1] text-[12px] font-bold">{{ item.footer }}</text>
           <uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
         </view>
       </view>
@@ -26,10 +26,10 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </view>
-        <view class="long-text-guide-card__detail-title text-[#1e293b] font-size-18 font-bold ellipsis-1">
+        <view class="long-text-guide-card__detail-title text-[#1e293b] text-[18px] font-bold ellipsis-1">
           {{ activeItem.title }}
         </view>
-        <view class="long-text-guide-card__badge long-text-guide-card__detail-badge font-size-12 font-bold"
+        <view class="long-text-guide-card__badge long-text-guide-card__detail-badge text-[12px] font-bold"
           :class="`is-${activeItem.badgeTone}`">
           {{ activeItem.badge }}
         </view>
@@ -37,7 +37,7 @@
 
       <view class="long-text-guide-card__rich-body">
         <view v-for="(paragraph, paragraphIndex) in paragraphsBeforeImage" :key="`before-${paragraphIndex}`"
-          class="long-text-guide-card__paragraph text-[#475569] font-size-15 font-[500]">
+          class="long-text-guide-card__paragraph text-[#475569] text-[15px] font-[500]">
           <template v-for="(segment, segmentIndex) in getSegments(paragraph)"
             :key="`${paragraphIndex}-${segmentIndex}`">
             <text v-if="segment.highlight" class="long-text-guide-card__highlight font-bold">
@@ -50,18 +50,18 @@
         <image v-if="activeItem.image" class="long-text-guide-card__main-image w-full rounded-[14px] block"
           :src="activeItem.image" mode="aspectFill" />
 
-        <view class="long-text-guide-card__section-title text-[#1e293b] font-size-16 font-bold">
+        <view class="long-text-guide-card__section-title text-[#1e293b] text-[16px] font-bold">
           {{ activeItem.sectionTitle }}
         </view>
         <view class="long-text-guide-card__tip-block bg-[#ecfdf5]">
           <view v-for="(tip, index) in activeItem.tips || []" :key="tip"
-            class="long-text-guide-card__tip text-[#047857] font-size-14 font-bold">
+            class="long-text-guide-card__tip text-[#047857] text-[14px] font-bold">
             {{ index + 1 }} {{ tip }}
           </view>
         </view>
 
         <view v-for="(paragraph, paragraphIndex) in paragraphsAfterTips" :key="`after-${paragraphIndex}`"
-          class="long-text-guide-card__paragraph text-[#475569] font-size-15 font-[500]">
+          class="long-text-guide-card__paragraph text-[#475569] text-[15px] font-[500]">
           <template v-for="(segment, segmentIndex) in getSegments(paragraph)"
             :key="`${paragraphIndex}-${segmentIndex}`">
             <text v-if="segment.highlight" class="long-text-guide-card__highlight font-bold">
@@ -73,23 +73,23 @@
       </view>
 
       <view v-if="activeItem.action?.type === 'map'" class="long-text-guide-card__action-zone">
-        <view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-bold">
+        <view class="long-text-guide-card__action-label text-[#94a3b8] text-[11px] font-bold">
           {{ activeItem.action.label }}
         </view>
         <view class="long-text-guide-card__map-card rounded-[16px] overflow-hidden">
           <view class="long-text-guide-card__map-image-wrap relative">
             <image class="long-text-guide-card__map-image w-full block" :src="activeItem.action.image"
               mode="aspectFill" />
-            <view class="long-text-guide-card__map-tag text-white font-size-10 font-bold">
+            <view class="long-text-guide-card__map-tag text-white text-[10px] font-bold">
               {{ activeItem.action.tag }}
             </view>
           </view>
           <view class="long-text-guide-card__map-bar flex flex-items-center bg-white">
             <view class="flex-full">
-              <view class="text-[#1e293b] font-size-15 font-bold">{{ activeItem.action.title }}</view>
-              <view class="text-[#94a3b8] font-size-12 font-bold mt-[2px]">{{ activeItem.action.subtitle }}</view>
+              <view class="text-[#1e293b] text-[15px] font-bold">{{ activeItem.action.title }}</view>
+              <view class="text-[#94a3b8] text-[12px] font-bold mt-[2px]">{{ activeItem.action.subtitle }}</view>
             </view>
-            <view class="long-text-guide-card__nav-btn text-white bg-[#0f172a] font-size-14 font-bold"
+            <view class="long-text-guide-card__nav-btn text-white bg-[#0f172a] text-[14px] font-bold"
               @click="handleAction(activeItem)">
               {{ activeItem.action.buttonText }}
             </view>
@@ -98,14 +98,14 @@
       </view>
 
       <view v-else-if="activeItem.action?.type === 'image'" class="long-text-guide-card__action-zone">
-        <view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-bold">
+        <view class="long-text-guide-card__action-label text-[#94a3b8] text-[11px] font-bold">
           {{ activeItem.action.label }}
         </view>
         <view class="long-text-guide-card__photo-card relative" @click="handleAction(activeItem)">
           <image class="long-text-guide-card__photo-image w-full block" :src="activeItem.action.image"
             mode="aspectFill" />
           <view
-            class="long-text-guide-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-bold">
+            class="long-text-guide-card__expand flex flex-items-center flex-justify-center rounded-full text-white text-[18px] font-bold">
             ↗
           </view>
         </view>
diff --git a/src/pages/ChatModule/LongTextGuideCardPreview/index.vue b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
index e29f970..b6efdcb 100644
--- a/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
+++ b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
@@ -4,18 +4,18 @@
     <view class="w-vw"></view>
     <view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="openDetail(item)">
 
-      <view class="long-text-guide-card__badge font-size-12 font-bold" :class="`is-${item.badgeTone}`">
+      <view class="long-text-guide-card__badge text-[12px] font-bold" :class="`is-${item.badgeTone}`">
         {{ item.badge }}
       </view>
 
-      <view class="long-text-guide-card__summary-title text-[#1e293b] font-size-18 font-bold">
+      <view class="long-text-guide-card__summary-title text-[#1e293b] text-[18px] font-bold">
         {{ item.title }}
       </view>
-      <view class="long-text-guide-card__summary-text text-[#94a3b8] font-size-14 font-[500] ellipsis-2">
+      <view class="long-text-guide-card__summary-text text-[#94a3b8] text-[14px] font-[500] ellipsis-2">
         {{ item.summary }}
       </view>
       <view class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
-        <text class="text-[#cbd5e1] font-size-12 font-bold">{{ item.footer }}</text>
+        <text class="text-[#cbd5e1] text-[12px] font-bold">{{ item.footer }}</text>
         <uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
       </view>
 
diff --git a/src/pages/ChatModule/MapNavigationCard/index.vue b/src/pages/ChatModule/MapNavigationCard/index.vue
index 34fe029..8addd2c 100644
--- a/src/pages/ChatModule/MapNavigationCard/index.vue
+++ b/src/pages/ChatModule/MapNavigationCard/index.vue
@@ -2,7 +2,7 @@
   <view class="map-navigation-card bg-white rounded-[24px] overflow-hidden w-full">
     <view class="map-navigation-card__media">
       <image class="map-navigation-card__image block w-full" :src="data.image" mode="aspectFill" />
-      <view class="map-navigation-card__badge flex flex-items-center text-white font-size-12 font-bold">
+      <view class="map-navigation-card__badge flex flex-items-center text-white text-[12px] font-bold">
         <text class="map-navigation-card__badge-icon">{{ badge.icon }}</text>
         <text>{{ badge.text }}</text>
       </view>
@@ -10,15 +10,15 @@
 
     <view class="map-navigation-card__content flex flex-items-center">
       <view class="map-navigation-card__info flex-full">
-        <view class="map-navigation-card__title text-[#1e293b] font-size-18 font-bold ellipsis-1">
+        <view class="map-navigation-card__title text-[#1e293b] text-[18px] font-bold ellipsis-1">
           {{ data.title }}
         </view>
-        <view class="map-navigation-card__distance text-[#94a3b8] font-size-14 font-bold ellipsis-1">
+        <view class="map-navigation-card__distance text-[#94a3b8] text-[14px] font-bold ellipsis-1">
           {{ data.distance }}
         </view>
       </view>
       <view
-        class="map-navigation-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-bold"
+        class="map-navigation-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white text-[18px] font-bold"
         :class="{ 'is-disabled': disabled }" @click="handleAction">
         <text class="map-navigation-card__button-icon">{{ action.icon }}</text>
         <text>{{ action.text }}</text>
diff --git a/src/pages/ChatModule/MoreService/index.vue b/src/pages/ChatModule/MoreService/index.vue
index 6d1d455..9f20a75 100644
--- a/src/pages/ChatModule/MoreService/index.vue
+++ b/src/pages/ChatModule/MoreService/index.vue
@@ -2,7 +2,7 @@
   <uni-popup ref="popup" type="bottom" :safe-area="false">
     <view class="popup-content pt-[12px] pl-[12px] pr-[12px]">
       <view class="header flex flex-items-center pb-[12px]">
-        <view class="title flex-full text-center font-size-17 text-[#000000] font-[500] ml-[24px]">更多服务</view>
+        <view class="title flex-full text-center text-[17px] text-[#000000] font-[500] ml-[24px]">更多服务</view>
         <uni-icons type="close" size="24" color="#CACFD8" @click="close" />
       </view>
 
@@ -11,14 +11,14 @@
           <view class="flex flex-items-center flex-justify-center">
             <image v-if="item.icon" class="left" :src="item.icon" />
             <view class="center flex-full">
-              <view class="font-size-16 text-[#000000] leading-[24px] font-[500]">
+              <view class="text-[16px] text-[#000000] leading-[24px] font-[500]">
                 {{ item.title }}
               </view>
-              <view class="font-size-12 text-[#a3a3a3] leading-[16px]">
+              <view class="text-[12px] text-[#a3a3a3] leading-[16px]">
                 {{ item.content }}
               </view>
             </view>
-            <view class="right font-size-12 text-white leading-[16px]" @click="handleClick(item)">
+            <view class="right text-[12px] text-white leading-[16px]" @click="handleClick(item)">
               {{ item.btnText }}
             </view>
           </view>
diff --git a/src/pages/ChatModule/NoticeCard/index.vue b/src/pages/ChatModule/NoticeCard/index.vue
index 81783e1..f3c7fe3 100644
--- a/src/pages/ChatModule/NoticeCard/index.vue
+++ b/src/pages/ChatModule/NoticeCard/index.vue
@@ -1,17 +1,17 @@
 <template>
   <view class="notice-card w-full">
     <view v-if="!detailOpen" class="notice-card__summary bg-[#fffbeb] rounded-[24px] w-full">
-      <view class="notice-card__summary-title  text-[#b45309] font-size-16 font-bold">
+      <view class="notice-card__summary-title  text-[#b45309] text-[16px] font-bold">
         {{ summary.title }}
       </view>
-      <view class="notice-card__summary-content text-[#d97706]  font-size-14 font-bold">
+      <view class="notice-card__summary-content text-[#d97706]  text-[14px] font-bold">
         {{ summary.content }}
       </view>
       <view class="notice-card__summary-footer flex flex-items-center flex-justify-between">
-        <view class="notice-card__summary-time text-[#d97706]  font-size-12 font-bold">
+        <view class="notice-card__summary-time text-[#d97706]  text-[12px] font-bold">
           {{ summary.publishTime }}
         </view>
-        <view class="notice-card__summary-link  text-[#b45309] font-size-14 font-bold"
+        <view class="notice-card__summary-link  text-[#b45309] text-[14px] font-bold"
           :class="{ 'is-disabled': disabled }" @click="openDetail">
           {{ summary.actionText }}
         </view>
@@ -24,7 +24,7 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </view>
-        <view class="notice-card__head-title text-[#1e293b] font-size-18 font-bold">
+        <view class="notice-card__head-title text-[#1e293b] text-[18px] font-bold">
           {{ detail.navTitle }}
         </view>
       </view>
@@ -32,16 +32,16 @@
       <image class="notice-card__image block w-full" :src="detail.image" mode="aspectFill" />
 
       <view class="notice-card__detail-body">
-        <view class="notice-card__detail-title text-[#1e293b] font-size-20 font-bold">
+        <view class="notice-card__detail-title text-[#1e293b] text-[20px] font-bold">
           {{ detail.title }}
         </view>
-        <view class="notice-card__time-pill flex flex-items-center bg-[#f8fafc] text-[#475569] font-size-13 font-bold">
+        <view class="notice-card__time-pill flex flex-items-center bg-[#f8fafc] text-[#475569] text-[13px] font-bold">
           <text class="notice-card__time-icon">{{ detail.timeIcon }}</text>
           <text>{{ detail.publishTime }}</text>
         </view>
         <view class="notice-card__divider"></view>
         <view v-for="paragraph in paragraphs" :key="paragraph.id"
-          class="notice-card__paragraph text-[#475569] font-size-14 font-bold">
+          class="notice-card__paragraph text-[#475569] text-[14px] font-bold">
           <text v-for="segment in paragraph.segments" :key="segment.text"
             :class="{ 'notice-card__strong': segment.strong }">
             {{ segment.text }}
diff --git a/src/pages/ChatModule/OpenMapComponent/index.vue b/src/pages/ChatModule/OpenMapComponent/index.vue
index bc1f002..788d0e8 100644
--- a/src/pages/ChatModule/OpenMapComponent/index.vue
+++ b/src/pages/ChatModule/OpenMapComponent/index.vue
@@ -9,8 +9,8 @@
                 </view>
             </view>
             <view class="center ml-[12px]">
-                <view class="font-color-900 font-size-14">打开导览地图</view>
-                <view class="font-color-500 font-size-12 mt-[6px]">距你 {{ distance }} · 步行 {{ walk }}</view>
+                <view class="font-color-900 text-[14px]">打开导览地图</view>
+                <view class="font-color-500 text-[12px] mt-[6px]">距你 {{ distance }} · 步行 {{ walk }}</view>
             </view>
             <view class="ml-[12px] flex flex-items-center flex-justify-center w-32 h-32 rounded-full bg-[#f2f5f8]">
                 <uni-icons class="mb-[2px]" type="right" size="12" color="#99A0AE" />
diff --git a/src/pages/ChatModule/PoiCompareCard/index.vue b/src/pages/ChatModule/PoiCompareCard/index.vue
index df9c948..d5ba985 100644
--- a/src/pages/ChatModule/PoiCompareCard/index.vue
+++ b/src/pages/ChatModule/PoiCompareCard/index.vue
@@ -5,7 +5,7 @@
         <view class="poi-compare-card__mark flex flex-items-center flex-justify-center rounded-full flex-shrink-0">
           {{ data.icon }}
         </view>
-        <view class="poi-compare-card__title text-[#1e293b] font-size-18 font-bold ellipsis-1 flex-full">
+        <view class="poi-compare-card__title text-[#1e293b] text-[18px] font-bold ellipsis-1 flex-full">
           {{ data.title }}
         </view>
       </view>
@@ -15,14 +15,14 @@
           :class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
           <image class="poi-compare-card__image block w-full" :src="item.image" mode="aspectFill" />
           <view v-for="field in item.fields" :key="field.label" class="poi-compare-card__field">
-            <view class="poi-compare-card__field-label text-[#94a3b8] font-size-12 font-bold">
+            <view class="poi-compare-card__field-label text-[#94a3b8] text-[12px] font-bold">
               {{ field.label }}
             </view>
-            <view v-if="field.tone" class="poi-compare-card__chip font-size-12 font-bold"
+            <view v-if="field.tone" class="poi-compare-card__chip text-[12px] font-bold"
               :class="getToneClass(field.tone)">
               {{ field.value }}
             </view>
-            <view v-else class="poi-compare-card__field-value text-[#1e293b] font-size-14 font-bold">
+            <view v-else class="poi-compare-card__field-value text-[#1e293b] text-[14px] font-bold">
               {{ field.value }}
             </view>
           </view>
@@ -30,7 +30,7 @@
       </view>
 
       <view
-        class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-15 font-bold"
+        class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-[#0f172a] text-white text-[15px] font-bold"
         :class="{ 'is-disabled': disabled }" @click="openDetail">
         {{ data.detailButtonText }}
       </view>
@@ -42,10 +42,10 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </view>
-        <view class="poi-compare-card__detail-title text-[#1e293b] font-size-20 font-bold flex-full">
+        <view class="poi-compare-card__detail-title text-[#1e293b] text-[20px] font-bold flex-full">
           {{ detail.title }}
         </view>
-        <view class="poi-compare-card__compare-label text-[#94a3b8] font-size-12 font-bold">
+        <view class="poi-compare-card__compare-label text-[#94a3b8] text-[12px] font-bold">
           {{ detail.compareLabel }}
         </view>
       </view>
@@ -54,30 +54,30 @@
         <view class="poi-compare-card__table-head poi-compare-card__table-row">
           <view></view>
           <view v-for="item in items" :key="item.id || item.name"
-            class="poi-compare-card__table-title text-[#1e293b] font-size-14 font-bold">
+            class="poi-compare-card__table-title text-[#1e293b] text-[14px] font-bold">
             {{ item.name }}
           </view>
         </view>
         <view v-for="row in detail.rows" :key="row.label"
           class="poi-compare-card__table-row poi-compare-card__data-row">
-          <view class="poi-compare-card__row-label text-[#94a3b8] font-size-12 font-bold">
+          <view class="poi-compare-card__row-label text-[#94a3b8] text-[12px] font-bold">
             {{ row.label }}
           </view>
           <view v-for="cell in row.values" :key="row.label + '-' + cell.text"
-            class="poi-compare-card__cell text-[#1e293b] font-size-14 font-bold" :class="getCellClass(cell.tone)">
+            class="poi-compare-card__cell text-[#1e293b] text-[14px] font-bold" :class="getCellClass(cell.tone)">
             {{ cell.text }}
           </view>
         </view>
       </view>
 
       <view class="poi-compare-card__recommend">
-        <view class="poi-compare-card__recommend-title text-[#94a3b8] font-size-12 font-bold">
+        <view class="poi-compare-card__recommend-title text-[#94a3b8] text-[12px] font-bold">
           {{ detail.recommendTitle }}
         </view>
         <view class="poi-compare-card__tips">
           <view v-for="tip in detail.tips" :key="tip.text" class="poi-compare-card__tip flex  gap-[10px]">
             <view class="poi-compare-card__dot rounded-full flex-shrink-0" :class="getDotClass(tip.tone)" />
-            <view class="poi-compare-card__tip-text text-[#334155] font-size-14 font-bold">
+            <view class="poi-compare-card__tip-text text-[#334155] text-[14px] font-bold">
               {{ tip.text }}
             </view>
           </view>
@@ -86,7 +86,7 @@
 
       <view class="poi-compare-card__actions grid grid-cols-2 gap-14">
         <view 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-bold"
+          class="poi-compare-card__action flex flex-items-center flex-justify-center text-[15px] font-bold"
           :class="[action.primary ? 'poi-compare-card__action--primary bg-[#0f172a] text-white' : 'poi-compare-card__action--secondary text-[#334155]', { 'is-disabled': disabled }]"
           @click="handleAction(action)">
           <text class="poi-compare-card__action-icon">{{ action.icon }}</text>
diff --git a/src/pages/ChatModule/PoiDetailCard/index.vue b/src/pages/ChatModule/PoiDetailCard/index.vue
index 145106c..b95eb66 100644
--- a/src/pages/ChatModule/PoiDetailCard/index.vue
+++ b/src/pages/ChatModule/PoiDetailCard/index.vue
@@ -2,26 +2,26 @@
   <view class="poi-detail-card bg-white rounded-[24px] overflow-hidden">
     <view class="poi-detail-card__hero relative">
       <image class="poi-detail-card__image w-full h-full block rounded-[18px]" :src="data.image" mode="aspectFill" />
-      <view class="poi-detail-card__badge flex flex-items-center  gap-[4px] font-size-10 font-bold">
+      <view class="poi-detail-card__badge flex flex-items-center  gap-[4px] text-[10px] font-bold">
         <text class="poi-detail-card__badge-icon">⌖</text>
         <text>{{ data.badge?.text }}</text>
       </view>
     </view>
 
     <view class="poi-detail-card__body">
-      <view class="poi-detail-card__title text-[#1e293b] font-size-24 font-bold">
+      <view class="poi-detail-card__title text-[#1e293b] text-[24px] font-bold">
         {{ data.title }}
       </view>
 
       <view class="poi-detail-card__tip flex flex-items-center  gap-[10px]">
-        <view class="poi-detail-card__spark text-[#047857] font-size-18 font-bold">✦</view>
-        <view class="poi-detail-card__tip-text text-[#047857] font-size-14 font-bold">
+        <view class="poi-detail-card__spark text-[#047857] text-[18px] font-bold">✦</view>
+        <view class="poi-detail-card__tip-text text-[#047857] text-[14px] font-bold">
           {{ data.tip?.text }}
         </view>
       </view>
 
       <view
-        class="poi-detail-card__button flex flex-items-center flex-justify-center  gap-[8px] text-white bg-[#0f172a] font-size-16 font-bold"
+        class="poi-detail-card__button flex flex-items-center flex-justify-center  gap-[8px] text-white bg-[#0f172a] text-[16px] font-bold"
         :class="{ 'is-disabled': disabled }" @click="handleAction">
         <text class="poi-detail-card__button-icon">↗</text>
         <text>{{ data.action?.text }}</text>
diff --git a/src/pages/ChatModule/RecommendPostsList/index.vue b/src/pages/ChatModule/RecommendPostsList/index.vue
index c4e6f2e..cf4a0a3 100644
--- a/src/pages/ChatModule/RecommendPostsList/index.vue
+++ b/src/pages/ChatModule/RecommendPostsList/index.vue
@@ -2,7 +2,7 @@
   <view class="container">
     <ModuleTitle :title="recommendTheme.themeName" />
 
-    <view class="container-scroll font-size-0 scroll-x whitespace-nowrap">
+    <view class="container-scroll text-[0px] scroll-x whitespace-nowrap">
       <view class="card-item bg-white inline-block rounded-[20px] mr-[8px]"
         v-for="(item, index) in recommendTheme.recommendPostsList" :key="index" @click="sendReply(item)">
         <view class="m-[4px] relative">
@@ -12,7 +12,7 @@
         </view>
 
         <view class="card-text border-box">
-          <view class="font-size-11 text-[#99a0ae] ellipsis-1">
+          <view class="text-[11px] text-[#99a0ae] ellipsis-1">
             {{ item.topic }}
           </view>
         </view>
diff --git a/src/pages/ChatModule/RecommendationListCard/index.vue b/src/pages/ChatModule/RecommendationListCard/index.vue
index 975d688..fa4830e 100644
--- a/src/pages/ChatModule/RecommendationListCard/index.vue
+++ b/src/pages/ChatModule/RecommendationListCard/index.vue
@@ -7,16 +7,16 @@
         :class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
         <image class="recommendation-list-card__image block w-full" :src="item.image" mode="aspectFill" />
         <view class="recommendation-list-card__body p-[16px]">
-          <view class="recommendation-list-card__name text-[#1e293b] font-size-18 font-bold ellipsis-1">
+          <view class="recommendation-list-card__name text-[#1e293b] text-[18px] font-bold ellipsis-1">
             {{ item.title }}
           </view>
           <view
-            class="recommendation-list-card__distance flex flex-items-center  gap-[4px] mt-[4px] text-[#94a3b8] font-size-12 font-bold">
+            class="recommendation-list-card__distance flex flex-items-center  gap-[4px] mt-[4px] text-[#94a3b8] text-[12px] font-bold">
             <text class="recommendation-list-card__pin">⌖</text>
             <text>{{ item.distance }}</text>
           </view>
           <view
-            class="recommendation-list-card__button flex flex-items-center flex-justify-center mt-[12px] text-[#334155] font-size-12 font-bold"
+            class="recommendation-list-card__button flex flex-items-center flex-justify-center mt-[12px] text-[#334155] text-[12px] font-bold"
             @click.stop="handleSelect(item)">
             {{ getActionText(item) }}
           </view>
diff --git a/src/pages/ChatModule/RoutePlanCard/index.vue b/src/pages/ChatModule/RoutePlanCard/index.vue
index 757612d..e32ce95 100644
--- a/src/pages/ChatModule/RoutePlanCard/index.vue
+++ b/src/pages/ChatModule/RoutePlanCard/index.vue
@@ -5,11 +5,11 @@
       :class="{ 'is-disabled': disabled }" @click="openDetail">
       <image class="route-plan-card__cover block flex-shrink-0" :src="data.image" mode="aspectFill" />
       <view class="route-plan-card__body flex-full">
-        <view class="route-plan-card__title text-[#1e293b] font-size-18 font-bold ellipsis-1">
+        <view class="route-plan-card__title text-[#1e293b] text-[18px] font-bold ellipsis-1">
           {{ data.title }}
         </view>
         <view class="route-plan-card__tags flex flex-items-center">
-          <view v-for="tag in summaryTags" :key="tag.id || tag.text" class="route-plan-card__tag font-size-12 font-bold"
+          <view v-for="tag in summaryTags" :key="tag.id || tag.text" class="route-plan-card__tag text-[12px] font-bold"
             :class="getTagClass(tag.tone)">
             {{ tag.text }}
           </view>
@@ -26,10 +26,10 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </view>
-        <view class="route-plan-card__detail-title text-[#1e293b] font-size-18 font-bold ellipsis-1 flex-full">
+        <view class="route-plan-card__detail-title text-[#1e293b] text-[18px] font-bold ellipsis-1 flex-full">
           {{ data.title }}
         </view>
-        <view class="route-plan-card__detail-badge text-[#047857] bg-[#ecfdf5] font-size-12 font-bold">
+        <view class="route-plan-card__detail-badge text-[#047857] bg-[#ecfdf5] text-[12px] font-bold">
           {{ detail.badge }}
         </view>
       </view>
@@ -38,20 +38,20 @@
         <template v-for="(node, index) in nodes" :key="node.id || node.title">
           <view class="route-plan-card__node-wrap" :class="{ 'is-disabled': disabled }" @click="handleSelect(node)">
             <view
-              class="route-plan-card__node-number flex flex-items-center flex-justify-center rounded-full text-[#047857] bg-[#ecfdf5] font-size-12 font-bold">
+              class="route-plan-card__node-number flex flex-items-center flex-justify-center rounded-full text-[#047857] bg-[#ecfdf5] text-[12px] font-bold">
               {{ index + 1 }}
             </view>
             <view class="route-plan-card__node bg-white rounded-[20px] flex flex-items-center">
               <image class="route-plan-card__node-image block flex-shrink-0" :src="node.image" mode="aspectFill" />
               <view class="route-plan-card__node-body flex-full">
-                <view class="route-plan-card__node-title text-[#1e293b] font-size-16 font-bold ellipsis-1">
+                <view class="route-plan-card__node-title text-[#1e293b] text-[16px] font-bold ellipsis-1">
                   {{ node.title }}
                 </view>
-                <view class="route-plan-card__node-desc text-[#94a3b8] font-size-12 font-bold ellipsis-1">
+                <view class="route-plan-card__node-desc text-[#94a3b8] text-[12px] font-bold ellipsis-1">
                   {{ node.description }}
                 </view>
                 <view v-if="node.tag"
-                  class="route-plan-card__node-tag text-[#d97706]  bg-[#fffbeb] font-size-12 font-bold">
+                  class="route-plan-card__node-tag text-[#d97706]  bg-[#fffbeb] text-[12px] font-bold">
                   {{ node.tag }}
                 </view>
               </view>
@@ -62,7 +62,7 @@
             <view class="route-plan-card__connector-line"></view>
             <view class="route-plan-card__connector-arrow"></view>
             <view
-              class="route-plan-card__connector-chip flex flex-items-center bg-[#f8fafc] rounded-full text-[#64748b] font-size-12 font-bold">
+              class="route-plan-card__connector-chip flex flex-items-center bg-[#f8fafc] rounded-full text-[#64748b] text-[12px] font-bold">
               <text class="route-plan-card__connector-icon">{{ connectors[index].icon }}</text>
               <text>{{ connectors[index].text }}</text>
             </view>
@@ -71,11 +71,11 @@
       </view>
 
       <view v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-[20px]">
-        <view class="route-plan-card__tips-title text-[#64748b] font-size-14 font-bold">
+        <view class="route-plan-card__tips-title text-[#64748b] text-[14px] font-bold">
           {{ detail.tipsTitle }}
         </view>
         <view v-for="tip in tips" :key="tip"
-          class="route-plan-card__tip flex flex-items-center text-[#334155] font-size-13 font-bold">
+          class="route-plan-card__tip flex flex-items-center text-[#334155] text-[13px] font-bold">
           <view class="route-plan-card__tip-dot rounded-full flex-shrink-0"></view>
           <view>{{ tip }}</view>
         </view>
diff --git a/src/pages/ChatModule/ScenicImageCard/index.vue b/src/pages/ChatModule/ScenicImageCard/index.vue
index 614d781..340a651 100644
--- a/src/pages/ChatModule/ScenicImageCard/index.vue
+++ b/src/pages/ChatModule/ScenicImageCard/index.vue
@@ -4,16 +4,16 @@
     <image class="scenic-image-card__image block w-full" :src="data.image" mode="aspectFill" />
 
     <view
-      class="scenic-image-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-bold"
+      class="scenic-image-card__expand flex flex-items-center flex-justify-center rounded-full text-white text-[18px] font-bold"
       @click.stop="handleAction">
       {{ action.icon }}
     </view>
 
     <view v-if="hasCaption" class="scenic-image-card__caption">
-      <view v-if="caption.title" class="scenic-image-card__title text-white font-size-18 font-bold ellipsis-1">
+      <view v-if="caption.title" class="scenic-image-card__title text-white text-[18px] font-bold ellipsis-1">
         {{ caption.title }}
       </view>
-      <view v-if="caption.subtitle" class="scenic-image-card__subtitle text-white font-size-14 font-bold ellipsis-1">
+      <view v-if="caption.subtitle" class="scenic-image-card__subtitle text-white text-[14px] font-bold ellipsis-1">
         {{ caption.subtitle }}
       </view>
     </view>
diff --git a/src/pages/ChatModule/SharedVisual/ActionRow.vue b/src/pages/ChatModule/SharedVisual/ActionRow.vue
index 52e6259..504eda9 100644
--- a/src/pages/ChatModule/SharedVisual/ActionRow.vue
+++ b/src/pages/ChatModule/SharedVisual/ActionRow.vue
@@ -2,12 +2,12 @@
   <view class="visual-action-row flex flex-items-center  gap-[12px] p-[12px] bg-white rounded-[18px] border-box"
     :class="{ 'is-disabled': disabled }" @click="handleClick">
     <view
-      class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-[14px] font-size-18 font-bold"
+      class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-[14px] text-[18px] font-bold"
       :class="toneClass">
       <slot name="icon">{{ icon }}</slot>
     </view>
     <view class="visual-action-row__body flex-full">
-      <view class="visual-action-row__title text-[#1e293b] font-size-14 font-bold ellipsis-1">{{ title }}</view>
+      <view class="visual-action-row__title text-[#1e293b] text-[14px] font-bold ellipsis-1">{{ title }}</view>
       <view v-if="subtitle" class="visual-action-row__subtitle ellipsis-1">
         {{ subtitle }}
       </view>
diff --git a/src/pages/ChatModule/SharedVisual/BadgePill.vue b/src/pages/ChatModule/SharedVisual/BadgePill.vue
index 6e5a9fb..4f66a2b 100644
--- a/src/pages/ChatModule/SharedVisual/BadgePill.vue
+++ b/src/pages/ChatModule/SharedVisual/BadgePill.vue
@@ -1,6 +1,6 @@
 <template>
   <view
-    class="visual-badge flex flex-items-center flex-justify-center rounded-[50px] font-size-10 font-bold whitespace-nowrap"
+    class="visual-badge flex flex-items-center flex-justify-center rounded-[50px] text-[10px] font-bold whitespace-nowrap"
     :class="toneClass">
     <slot>{{ label }}</slot>
   </view>
diff --git a/src/pages/ChatModule/SharedVisual/DetailShell.vue b/src/pages/ChatModule/SharedVisual/DetailShell.vue
index 40eb00c..1387e72 100644
--- a/src/pages/ChatModule/SharedVisual/DetailShell.vue
+++ b/src/pages/ChatModule/SharedVisual/DetailShell.vue
@@ -5,7 +5,7 @@
         @click="$emit('back')">
         <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
       </view>
-      <view class="visual-detail__title flex-full text-[#1e293b] font-size-14 font-bold ellipsis-1">{{ title }}</view>
+      <view class="visual-detail__title flex-full text-[#1e293b] text-[14px] font-bold ellipsis-1">{{ title }}</view>
       <BadgePill v-if="tag" :label="tag" :tone="tone" />
     </view>
     <slot />
diff --git a/src/pages/Discovery/components/QuickQuestions/index.vue b/src/pages/Discovery/components/QuickQuestions/index.vue
index a9a94d7..ccc99b7 100644
--- a/src/pages/Discovery/components/QuickQuestions/index.vue
+++ b/src/pages/Discovery/components/QuickQuestions/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="container pl-[12px]">
-    <view class="container-scroll font-size-0 scroll-x whitespace-nowrap">
+    <view class="container-scroll text-[0px] scroll-x whitespace-nowrap">
 
       <view class="card-item bg-white inline-block rounded-[20px] mr-[10px]" v-for="(item, index) in list" :key="index"
         @click="sendReply(item)">
@@ -9,10 +9,10 @@
           <image class="card-img flex-shrink-0 rounded-[14px]" :src="createSvgIndex(index)" />
 
           <view class="min-width-0 flex flex-col flex-full pl-[8px] py-[4px]">
-            <view class="w-full font-size-12 font-[600] text-[#171717] ellipsis-1">
+            <view class="w-full text-[12px] font-[600] text-[#171717] ellipsis-1">
               {{ item.title }}
             </view>
-            <view class="w-full font-size-9 text-[#94a3b8] ellipsis-1">
+            <view class="w-full text-[9px] text-[#94a3b8] ellipsis-1">
               {{ item.subTitle }}
             </view>
           </view>
diff --git a/src/pages/goods/album/index.vue b/src/pages/goods/album/index.vue
index ad193fd..328678c 100644
--- a/src/pages/goods/album/index.vue
+++ b/src/pages/goods/album/index.vue
@@ -2,7 +2,7 @@
   <view class="bg-[#f5f7fa] flex flex-col h-screen overflow-hidden">
     <TopNavBar title="房间相册" backgroundColor="transparent" />
     <view class="p-[8px]">
-      <text class="ml-[4px] font-size-18 text-[#171717] font-[500]">全部({{ albumList.length }})</text>
+      <text class="ml-[4px] text-[18px] text-[#171717] font-[500]">全部({{ albumList.length }})</text>
     </view>
 
     <scroll-view scroll-y class="scroll-container overflow-auto">
diff --git a/src/pages/goods/components/GoodFacility/index.vue b/src/pages/goods/components/GoodFacility/index.vue
index 8ef5988..6cbab29 100644
--- a/src/pages/goods/components/GoodFacility/index.vue
+++ b/src/pages/goods/components/GoodFacility/index.vue
@@ -9,12 +9,12 @@
           <uni-icons fontFamily="znicons" size="20" color="#171717">
             {{ zniconsMap[moduleItem.icon] }}
           </uni-icons>
-          <text class="ml-[4px] font-size-12 text-[#171717] leading-[20px]">
+          <text class="ml-[4px] text-[12px] text-[#171717] leading-[20px]">
             {{ moduleItem.title }}
           </text>
         </view>
         <view class="border-box flex flex-col flex-items-start mt-[4px] pb-[12px]">
-          <text class="font-size-12 text-[#525866] leading-[20px] mb-[4px]" v-for="(text, index) in moduleItem.desc"
+          <text class="text-[12px] text-[#525866] leading-[20px] mb-[4px]" v-for="(text, index) in moduleItem.desc"
             :key="index">
             {{ text }}
           </text>
diff --git a/src/pages/goods/components/GoodPackage/index.vue b/src/pages/goods/components/GoodPackage/index.vue
index 8113a07..5e9ebaa 100644
--- a/src/pages/goods/components/GoodPackage/index.vue
+++ b/src/pages/goods/components/GoodPackage/index.vue
@@ -3,9 +3,9 @@
     <ModuleTitle v-if="showTitle" title="套餐包含内容" />
     <view class="flex flex-items-start flex-col" v-for="(item, index) in goodsData.commodityPackageConfig" :key="index">
       <view class="title-row py-[4px] ml-[4px]">
-        <text class="left font-size-14 text-[#171717]">{{ item.name }}</text>
+        <text class="left text-[14px] text-[#171717]">{{ item.name }}</text>
         <view class="sep" aria-hidden="true"></view>
-        <text class="right font-size-14 text-[#171717]">{{ item.count }}{{ item.unit }}</text>
+        <text class="right text-[14px] text-[#171717]">{{ item.count }}{{ item.unit }}</text>
       </view>
 
     </view>
diff --git a/src/pages/goods/index.vue b/src/pages/goods/index.vue
index 0a2ced9..8961616 100644
--- a/src/pages/goods/index.vue
+++ b/src/pages/goods/index.vue
@@ -35,13 +35,13 @@
 
     <!-- 立即抢购 -->
     <view class="footer border-top">
-      <view class="amt font-size-20 font-bold text-[#ff3d60] line-height-28 flex flex-items-center mr-[8px]">
+      <view class="amt text-[20px] font-bold text-[#ff3d60] line-height-28 flex flex-items-center mr-[8px]">
         {{ calculatedTotalPrice }}
       </view>
 
       <view class="btn rounded-[10px] flex flex-items-center ml-auto pl-[8px]" @click="navigateToPay(goodsData)">
         <image class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
-        <text class="font-size-16 font-[500] text-white">立即预定</text>
+        <text class="text-[16px] font-[500] text-white">立即预定</text>
       </view>
     </view>
 
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 526bc47..42c0a86 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -16,14 +16,14 @@
     <!-- 协议勾选 -->
     <view class="login-agreement flex flex-items-center">
       <CheckBox v-model="isAgree">
-        <text class="font-size-12 text-[#525866]">我已阅读并同意</text>
-        <text class="font-size-12 text-[#0CCD58] ml-[4px] mr-[4px]"
+        <text class="text-[12px] text-[#525866]">我已阅读并同意</text>
+        <text class="text-[12px] text-[#0CCD58] ml-[4px] mr-[4px]"
           @click.stop="handleAgreeClick('service')">《服务协议》</text>
-        <text class="font-size-12 text-[#525866]">和</text>
-        <text class="font-size-12 text-[#0CCD58] ml-[4px] mr-[4px]"
+        <text class="text-[12px] text-[#525866]">和</text>
+        <text class="text-[12px] text-[#0CCD58] ml-[4px] mr-[4px]"
           @click.stop="handleAgreeClick('privacy')">《隐私协议》</text>
-        <text class="font-size-12 text-[#525866]">，\n</text>
-        <text class="font-size-12 text-[#525866] ml-[30px]">授权与账号关联操作</text>
+        <text class="text-[12px] text-[#525866]">，\n</text>
+        <text class="text-[12px] text-[#525866] ml-[30px]">授权与账号关联操作</text>
       </CheckBox>
     </view>
 
diff --git a/src/static/scss/font-size.scss b/src/static/scss/font-size.scss
deleted file mode 100644
index 4e53c0c..0000000
--- a/src/static/scss/font-size.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-// 字体-size
-.font-size-0 {
-  font-size: 0px;
-}
-
-.font-size-9 {
-  font-size: 9px;
-}
-
-.font-size-10 {
-  font-size: 10px;
-}
-
-.font-size-11 {
-  font-size: 11px;
-}
-
-.font-size-12 {
-  font-size: 12px;
-}
-
-.font-size-13 {
-  font-size: 13px;
-}
-
-.font-size-14 {
-  font-size: 14px;
-}
-
-.font-size-15 {
-  font-size: 15px;
-}
-
-.font-size-16 {
-  font-size: 16px;
-}
-
-.font-size-17 {
-  font-size: 17px;
-}
-
-.font-size-18 {
-  font-size: 18px;
-}
-
-.font-size-20 {
-  font-size: 20px;
-}
-
-.font-size-22 {
-  font-size: 22px;
-}
-
-.font-size-24 {
-  font-size: 24px;
-}
-
-.font-size-28 {
-  font-size: 28px;
-}
-
-.font-size-32 {
-  font-size: 32px;
-}
-
-.font-size-54 {
-  font-size: 54px;
-}
diff --git a/src/static/scss/index.scss b/src/static/scss/index.scss
index f33291a..5112bd8 100644
--- a/src/static/scss/index.scss
+++ b/src/static/scss/index.scss
@@ -3,7 +3,6 @@
 @import "./display.scss";
 @import "./flex.scss";
 @import "./height.scss";
-@import "./font-size.scss";
 @import "./font-family.scss";
 @import "./ellipsis.scss";
 @import "./overflow.scss";