diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index f9ec681..f81199e 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-20">
       <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
-        <text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
+        <text class="font-size-18 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-10 font-size-14 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 text-[#171717] mb-12">
           <text class="font-500 leading-[22px] mr-20">所在位置</text>
           <input placeholder="请填写所在位置" v-model="roomId" />
         </view>
 
-        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 text-[#171717] mb-12">
           <text class="font-500 leading-[22px] mr-20">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
         </view>
 
-        <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 text-[#171717] mb-12">
           <view class="font-500 leading-[22px] mb-12">需求信息描述</view>
           <textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="font-size-14 font-400" maxlength="100"
             v-model="contactText" />
         </view>
 
-        <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 text-[#171717] mb-12">
           <view class="font-500 leading-[22px] mb-12">照片上传</view>
 
           <view class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center">
@@ -47,16 +47,16 @@
 
       <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 color-525866 leading-[20px] mb-4">所在位置：{{ roomId }}</view>
-          <view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ contactPhone }}</view>
-          <view class="font-size-12 color-525866 leading-[20px] ellipsis-2">需求描述: {{ contactText }}</view>
+          <view class="font-size-12 text-[#525866] leading-[20px] mb-4">所在位置：{{ roomId }}</view>
+          <view class="font-size-12 text-[#525866] leading-[20px] mb-4">联系方式: {{ contactPhone }}</view>
+          <view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ contactText }}</view>
         </view>
 
         <image v-if="contentImgUrl" class="right rounded-6" :src="contentImgUrl" mode="aspectFill" />
       </view>
 
       <view
-        class="btn rounded-50 color-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center ml-[12px] mr-12 mb-12"
+        class="btn rounded-50 text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center ml-[12px] mr-12 mb-12"
         @click="handleCall">
         {{ isCallSuccess ? "查看服务" : "立即呼叫" }}
       </view>
diff --git a/src/components/CustomEmpty/index.vue b/src/components/CustomEmpty/index.vue
index 7d1ef79..1e6a8a4 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 color-99A0AE mt-8">
+    <text class="font-size-12 text-center text-[#99a0ae] mt-8">
       {{ statusText }}
     </text>
   </view>
diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index 0e8a836..652395b 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-12">
     <view class="left flex flex-items-center">
-      <text class="font-size-12 color-99A0AE mr-4">入住</text>
-      <text class="font-size-12 color-171717 mr-16">
+      <text class="font-size-12 text-[#99a0ae] mr-4">入住</text>
+      <text class="font-size-12 text-[#171717] mr-16">
         {{ selectedDate.startDate }}
       </text>
-      <text class="total rounded-50 flex flex-items-center font-size-11 color-43669A relative">{{
+      <text class="total rounded-50 flex flex-items-center font-size-11  text-[#43669a] relative">{{
         selectedDate.totalDays }}晚</text>
-      <text class="font-size-12 color-99A0AE ml-16">离店</text>
-      <text class="font-size-12 color-171717 ml-4">
+      <text class="font-size-12 text-[#99a0ae] ml-16">离店</text>
+      <text class="font-size-12 text-[#171717] ml-4">
         {{ selectedDate.endDate }}
       </text>
     </view>
     <view class="flex flex-items-center" v-if="showBtn" @click="emit('click')">
-      <text class="font-size-12 theme-color-500 leading-[16px]">房间详情</text>
+      <text class="font-size-12 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 97b331e..45b48b1 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 color-171717 leading-[24px] text-center">明细详情</view>
+        <view class="flex-full font-size-16 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-12 bg-white ml-[12px] mr-12 mb-40">
         <view
           class="border-box border-bottom flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-[12px] mr-12">
-          <text class="font-size-16 font-500 color-171717">在线支付</text>
-          <text class="font-size-14 color-171717">239</text>
+          <text class="font-size-16 font-500 text-[#171717]">在线支付</text>
+          <text class="font-size-14 text-[#171717]">239</text>
         </view>
         <view class="border-box flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-[12px] mr-12">
-          <text class="font-size-16 font-500 color-171717">房费</text>
-          <text class="font-size-14 color-171717">239</text>
+          <text class="font-size-16 font-500 text-[#171717]">房费</text>
+          <text class="font-size-14 text-[#171717]">239</text>
         </view>
       </view>
     </view>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index bc82b72..f79085d 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -2,38 +2,38 @@
   <view class="create-service-order">
     <view class="w-full bg-white border-ff overflow-hidden rounded-20">
       <view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
-        <text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
+        <text class="font-size-18 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-10 font-size-14 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 text-[#171717] mb-12">
           <text class="font-500 leading-[22px] mr-20">联系电话</text>
           <input placeholder="请填写联系电话" v-model="contactPhone" />
         </view>
-        <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 color-171717 mb-12">
+        <view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 text-[#171717] mb-12">
           <view class="font-500 leading-[22px] mb-12">意见内容</view>
           <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
             v-model="contactText" />
         </view>
 
         <view
-          class="btn rounded-50 color-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center"
+          class="btn rounded-50 text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center"
           @click="handleCall">
           立即提交
         </view>
       </view>
 
       <view v-else class="border-box left flex-full p-[12px]">
-        <view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ contactPhone }}</view>
-        <view class="font-size-12 color-525866 leading-[20px] ellipsis-2">意见内容: {{ contactText }}</view>
+        <view class="font-size-12 text-[#525866] leading-[20px] mb-4">联系方式: {{ contactPhone }}</view>
+        <view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">意见内容: {{ contactText }}</view>
       </view>
 
       <view class="footer-help flex flex-items-center pl-[12px] mb-12">
         <image class="help-icon mr-4" src="./images/icon_volume.png" />
-        <text class="font-size-12 font-500 color-FA7319">
+        <text class="font-size-12 font-500  text-[#fa7319] ">
           {{ appName }}收到您的意见将第一时间为您处理!
         </text>
       </view>
diff --git a/src/components/GoodDetail/index.vue b/src/components/GoodDetail/index.vue
index 1e5d554..15ed1cd 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-4 font-size-14 color-171717 leading-[20px]">
+            <text class="ml-4 font-size-14 text-[#171717] leading-[20px]">
               {{ moduleItem.moduleTitle }}
             </text>
           </view>
-          <text class="flex-full font-size-12 color-525866 leading-[20px] mt-4">
+          <text class="flex-full font-size-12 text-[#525866] leading-[20px] mt-4">
             {{ moduleItem.moduleContent }}
           </text>
         </view>
diff --git a/src/components/RefundPopup/index.vue b/src/components/RefundPopup/index.vue
index 0d65773..b3f8be0 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 color-171717 leading-[24px] text-center">取消政策</view>
+        <view class="flex-full font-size-16 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 color-171717 ml-8">
+          <text class="font-size-14 font-600 text-[#171717] ml-8">
             {{ refundTitle }}
           </text>
         </view>
-        <view class="font-size-14 color-525866 leading-[16px] mb-4"
+        <view class="font-size-14 text-[#525866] leading-[16px] mb-4"
           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 ab60c83..bc2b617 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-8">
     <uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
-    <text class="stepper-text text-center font-size-14 font-500 color-000 ml-4 mr-4">
+    <text class="stepper-text text-center font-size-14 font-500 text-[#000000] ml-4 mr-4">
       {{ 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 0d17a01..615e6f9 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-20">
       <view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
-        <text class="font-size-18 font-500 color-171717 text-left ml-[12px]">
+        <text class="font-size-18 font-500 text-[#171717] text-left ml-[12px]">
           调查问卷
         </text>
         <image class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
@@ -11,7 +11,7 @@
       <image class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
 
       <view
-        class="h-44 m-12 rounded-50 bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] color-white flex flex-items-center flex-justify-center"
+        class="h-44 m-12 rounded-50 bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] text-white flex flex-items-center flex-justify-center"
         @click="handleCall">
         前往填写
       </view>
diff --git a/src/components/SwipeCards/index.vue b/src/components/SwipeCards/index.vue
index 9f78454..d094f1b 100644
--- a/src/components/SwipeCards/index.vue
+++ b/src/components/SwipeCards/index.vue
@@ -13,10 +13,10 @@
         <!-- 底部：价格 + 购买按钮 -->
         <view class="card-footer p-[12px] flex flex-justify-between flex-items-center">
           <view class="border-box">
-            <view class="font-size-14 font-500 color-333 ellipsis-1">
+            <view class="font-size-14 font-500 text-[#333333] ellipsis-1">
               {{ card.commodityName }}
             </view>
-            <view class="card-price-row color-333">
+            <view class="card-price-row text-[#333333]">
               <text class="font-size-11">￥</text>
               <text class="font-size-24 font-bold">
                 {{ card.specificationPrice }}
diff --git a/src/components/TopNavBar/index.vue b/src/components/TopNavBar/index.vue
index 940c461..67eac0d 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 color-000" :style="{ color: titleColor }">
+          <text class="font-size-17 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 7f5ed6d..6814efb 100644
--- a/src/components/UseDateRange/index.vue
+++ b/src/components/UseDateRange/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="bg-white rounded-12 overflow-hidden mb-12">
-    <view class="border-box font-size-16 font-500 color-000 leading-[24px] p-[12px]">使用日期</view>
+    <view class="border-box font-size-16 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">
diff --git a/src/pages-booking/components/ConactSection/index.vue b/src/pages-booking/components/ConactSection/index.vue
index 786c62f..d62a198 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-12 flex flex-items-center mb-12">
     <view class="flex-full">
-      <view class="font-size-16 font-500 color-000 leading-[24px]">选择数量</view>
-      <view class="font-size-12 color-A3A3A3 leading-[16px]">
+      <view class="font-size-16 font-500 text-[#000000] leading-[24px]">选择数量</view>
+      <view class="font-size-12 text-[#a3a3a3] leading-[16px]">
         请选择套餐数量
       </view>
     </view>
@@ -18,19 +18,19 @@
 
   <!-- 联系方式 -->
   <view class="bg-white rounded-12 overflow-hidden">
-    <view class="border-box border-bottom font-size-16 font-500 color-000 leading-[24px] p-[12px]">联系方式</view>
+    <view class="border-box border-bottom font-size-16 font-500 text-[#000000] leading-[24px] p-[12px]">联系方式</view>
     <view class="flex flex-items-center p-[12px]">
-      <view class="font-size-14 font-500 color-525866 mr-12"> 联系人姓名 </view>
+      <view class="font-size-14 font-500 text-[#525866] mr-12"> 联系人姓名 </view>
       <view class="right">
-        <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
+        <input class="border-box px-[4px] py-[2px] font-size-15 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 color-525866 mr-12"> 手机号码 </view>
+      <view class="font-size-14 font-500 text-[#525866] mr-12"> 手机号码 </view>
       <view class="right">
-        <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
+        <input class="border-box px-[4px] py-[2px] font-size-15 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 dfd73b5..2358584 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 color-FF3D60 line-height-28 flex flex-items-center mr-8">
+    <text class="amt font-size-20 font-bold text-[#ff3d60] line-height-28 flex flex-items-center mr-8">
       {{ totalAmt }}
     </text>
     <!-- <view class="flex flex-items-center" @click="emit('detailClick')">
-      <text class="font-size-12 color-A3A3A3 mr-4">明细</text>
+      <text class="font-size-12 text-[#a3a3a3] mr-4">明细</text>
       <uni-icons type="up" size="16" color="#A3A3A3" />
     </view> -->
     <view class="btn rounded-10 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 color-white">立即支付</text>
+      <text class="font-size-16 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 04bfe9d..e207536 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-12 overflow-hidden mb-12">
     <view class="flex flex-items-center p-[12px] border-bottom">
-      <view class="font-size-16 font-500 color-000 leading-[24px] flex-full">入住信息</view>
+      <view class="font-size-16 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 color-525866 mr-12"> 住客姓名 </view>
+        <view class="font-size-14 font-500 text-[#525866] mr-12"> 住客姓名 </view>
         <view class="right">
-          <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
+          <input class="border-box px-[4px] py-[2px] font-size-15 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 color-525866 mr-12"> 联系手机 </view>
+        <view class="font-size-14 font-500 text-[#525866] mr-12"> 联系手机 </view>
         <view class="right">
-          <input class="border-box px-[4px] py-[2px] font-size-15 color-000 leading-[20px]"
+          <input class="border-box px-[4px] py-[2px] font-size-15 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 2a9d0d3..bce7d3b 100644
--- a/src/pages-booking/index.vue
+++ b/src/pages-booking/index.vue
@@ -13,18 +13,18 @@
         <DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
           @click="navigateToDetail(orderData)" />
 
-        <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1">
+        <view class="font-size-16 font-500 text-[#000000] leading-[24px] ellipsis-1">
           {{ orderData.commodityName }}
         </view>
 
         <view class="border-box border-bottom">
-          <view class="font-size-12 color-99A0AE leading-[16px] pb-[12px] break-all">
+          <view class="font-size-12 text-[#99a0ae] leading-[16px] pb-[12px] break-all">
             {{ orderData.commodityDescription }}
           </view>
 
           <!-- 权益部分 -->
           <view class="flex flex-items-center mb-8">
-            <text class="bg-[#f7f7f7] rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
+            <text class="bg-[#f7f7f7] rounded-4 font-size-11 text-[#525866] mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
               v-for="(item, index) in orderData.commodityFacilityList" :key="index">
               {{ item }}
             </text>
@@ -32,9 +32,9 @@
         </view>
 
         <view class="border-box flex flex-items-center flex-justify-between pt-[12px]">
-          <text class="font-size-12 color-525866 leading-[18px]">取消政策及说明</text>
+          <text class="font-size-12 text-[#525866] leading-[18px]">取消政策及说明</text>
           <view class="flex flex-items-center">
-            <text class="font-size-12 theme-color-500 leading-[16px]" @click="refundVisible = true">取消政策</text>
+            <text class="font-size-12 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 49a2211..f3ac5ca 100644
--- a/src/pages-order/order/components/AmtSection/index.vue
+++ b/src/pages-order/order/components/AmtSection/index.vue
@@ -2,20 +2,20 @@
   <view class="bg-white rounded-12 p-[12px] mb-12">
     <view class="flex flex-items-center flex-justify-between">
       <view class="flex flex-items-center">
-        <text class="font-size-16 color-171717 leading-[24px] font-500">
+        <text class="font-size-16 text-[#171717] leading-[24px] font-500">
           订单金额
         </text>
-        <text class="amt font-size-18 font-bold color-FF3D60 ml-4">
+        <text class="amt font-size-18 font-bold text-[#ff3d60] ml-4">
           {{ orderData.payAmt }}
         </text>
       </view>
     </view>
-    <view v-if="orderData.orderStatus === '0'" class="font-size-11 color-99A0AE mt-4">
+    <view v-if="orderData.orderStatus === '0'" class="font-size-11 text-[#99a0ae] mt-4">
       超时后，订单将自动取消
     </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-12">
-      <view class="color-525866">取消政策及说明</view>
+      <view class="text-[#525866]">取消政策及说明</view>
       <view class="flex flex-items-center" @click="emit('click')">
         <text class="theme-color-500 mr-4">查看详情</text>
         <uni-icons type="right" size="12" color="#99A0AE" />
diff --git a/src/pages-order/order/components/FooterSection/index.vue b/src/pages-order/order/components/FooterSection/index.vue
index fbbc579..0443dfc 100644
--- a/src/pages-order/order/components/FooterSection/index.vue
+++ b/src/pages-order/order/components/FooterSection/index.vue
@@ -1,7 +1,7 @@
 <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-10 flex flex-items-center flex-justify-center font-size-14 font-500 color-525866 mr-12"
+      class="left border-none bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 text-[#525866] mr-12"
       @click="emit('refund', orderData)">
       申请退款
     </button>
@@ -9,7 +9,7 @@
       'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-[#0CCD58]',
       {
         'bg-[#ff3d60]': statusCode === '0',
-        'color-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
+        'text-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
       },
     ]" @click="handleButtonClick(orderData)">
       {{ buttonText }}
diff --git a/src/pages-order/order/components/GoodsInfo/index.vue b/src/pages-order/order/components/GoodsInfo/index.vue
index 8d4fd85..d3c007a 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 color-000 leading-[24px] ellipsis-1">
+    <view class="font-size-16 font-500 text-[#000000] leading-[24px] ellipsis-1">
       {{ orderData.commodityName }}
     </view>
 
-    <view class="border-box border-bottom font-size-12 color-99A0AE leading-[16px] pb-[12px]">
+    <view class="border-box border-bottom font-size-12 text-[#99a0ae] leading-[16px] pb-[12px]">
       {{ orderData.commodityDescription }}
     </view>
 
     <!-- 权益部分 -->
     <view class="border-box flex flex-items-center pt-[12px]">
-      <text class="bg-[#f7f7f7] rounded-4 font-size-11 color-525866 mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
+      <text class="bg-[#f7f7f7] rounded-4 font-size-11 text-[#525866] mr-4 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-12 mb-12">
-    <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1 mb-8">
+    <view class="font-size-16 font-500 text-[#000000] leading-[24px] ellipsis-1 mb-8">
       {{ orderData.commodityName }}
     </view>
 
     <view class="flex font-size-12">
-      <text class="w-60 color-99A0AE">购买数量</text>
-      <text class="color-525866">{{ commodityAmount }}</text>
+      <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 color-171717 mt-12">凭[电子凭证]直接验证使用</view>
+      class="border-box border-top pt-[12px] font-size-14 font-500 text-[#171717] mt-12">凭[电子凭证]直接验证使用</view>
   </view>
 </template>
 
diff --git a/src/pages-order/order/components/OrderCard/InfoRow.vue b/src/pages-order/order/components/OrderCard/InfoRow.vue
index 831a918..57e1cae 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-8">
-    <text class="label font-size-12 color-99A0AE">{{ label }}：</text>
-    <text class="value flex-full font-size-12 color-99A0AE">{{ value }}</text>
+    <text class="label font-size-12 text-[#99a0ae]">{{ label }}：</text>
+    <text class="value flex-full font-size-12 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 e29c5f8..5b923be 100644
--- a/src/pages-order/order/components/OrderCard/OrderCardContent.vue
+++ b/src/pages-order/order/components/OrderCard/OrderCardContent.vue
@@ -1,12 +1,12 @@
 <template>
   <view class="card-content pt-[12px]">
     <view class="flex items-center justify-between">
-      <view class="left flex-full font-size-14 leading-[20px] color-171717 mr-12">
+      <view class="left flex-full font-size-14 leading-[20px] text-[#171717] mr-12">
         {{ orderData.commodityName }}
       </view>
       <view :class="[
         'right font-size-18 font-bold leading-[20px]',
-        orderData.orderStatus === '0' ? 'color-FF3D60' : 'color-525866',
+        orderData.orderStatus === '0' ? 'text-[#ff3d60]' : 'text-[#525866]',
       ]">
         {{ orderData.orderAmt }}
       </view>
diff --git a/src/pages-order/order/components/OrderCard/index.vue b/src/pages-order/order/components/OrderCard/index.vue
index 9d994dc..b46ab7c 100644
--- a/src/pages-order/order/components/OrderCard/index.vue
+++ b/src/pages-order/order/components/OrderCard/index.vue
@@ -4,7 +4,7 @@
     <view class="card-header flex items-center">
       <view class="status-info flex items-center flex-full">
         <image class="status-icon mr-4" :src="getStatusIcon()" />
-        <view class="order-title font-size-14 leading-[20px] color-525866">
+        <view class="order-title font-size-14 leading-[20px] text-[#525866]">
           {{ getOrderTypeName() }}
         </view>
       </view>
@@ -21,7 +21,7 @@
 
     <view v-if="orderData.orderStatus === '0'" class="text-right">
       <button
-        class="go-pay border-none font-size-14 color-white bg-[#ff3d60] rounded-5 inline-block text-center leading-[30px]"
+        class="go-pay border-none font-size-14 text-white bg-[#ff3d60] rounded-5 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 2e0efb8..df332c4 100644
--- a/src/pages-order/order/components/OrderInfo/index.vue
+++ b/src/pages-order/order/components/OrderInfo/index.vue
@@ -1,18 +1,18 @@
 <template>
   <view class="bg-white rounded-10 p-[12px]">
     <view class="flex mb-8 font-size-12">
-      <text class="w-60 color-99A0AE">订单编号</text>
-      <text class="color-525866">{{ orderData.orderId }}</text>
+      <text class="w-60 text-[#99a0ae]">订单编号</text>
+      <text class="text-[#525866]">{{ orderData.orderId }}</text>
     </view>
     <view class="flex mb-8 font-size-12">
-      <text class="w-60 color-99A0AE">下单时间</text>
-      <text class="color-525866">{{ orderData.createTime }}</text>
+      <text class="w-60 text-[#99a0ae]">下单时间</text>
+      <text class="text-[#525866]">{{ orderData.createTime }}</text>
     </view>
     <view class="flex font-size-12">
-      <text class="w-60 color-99A0AE">支付状态</text>
+      <text class="w-60 text-[#99a0ae]">支付状态</text>
       <text :class="[
         {
-          'color-FF3D60': statusCode === '0' || statusCode === '3',
+          'text-[#ff3d60]': statusCode === '0' || statusCode === '3',
           'color-21B466': ['1', '2', '4', '5', '6'].includes(statusCode),
         },
       ]">
diff --git a/src/pages-order/order/components/OrderQrcode/index.vue b/src/pages-order/order/components/OrderQrcode/index.vue
index 10165d6..633d352 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-color-900 text-center">核销凭证</view>
-          <view class="flex-full font-size-12 text-color-600 text-center mt-4">请向工作人员出示此码</view>
+          <view class="flex-full font-size-16 text-[#0B5C2D] text-center">核销凭证</view>
+          <view class="flex-full font-size-12 text-[#02C34E] text-center mt-4">请向工作人员出示此码</view>
         </view>
         <!-- 关闭按钮 -->
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
@@ -14,17 +14,17 @@
 
         <view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
           <view>
-            <view class="font-size-16 font-500 color-000 leading-[24px] ellipsis-1">
+            <view class="font-size-16 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-color-600 font-size-12 p-[4px] rounded-4 mr-4">总计{{ selectedVoucher.count
+            <view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-4 mr-4">总计{{ selectedVoucher.count
             }}{{
                 selectedVoucher.unit }}
             </view>
-            <view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-[4px] rounded-4">剩{{ selectedVoucher.count -
+            <view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-4">剩{{ selectedVoucher.count -
               selectedVoucher.writeOffCount }}{{ selectedVoucher.unit }}可用</view>
           </view>
         </view>
@@ -32,9 +32,9 @@
         <view
           class="flex flex-col w-full flex-items-center flex-justify-center rounded-8 border pt-[16px] pb-[32px] mt-12">
           <view class="flex flex-row flex-justify-between w-full px-[12px]">
-            <view class="bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] leading-[24px] rounded-12">凭证{{
+            <view class="bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-12">凭证{{
               selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
-            <view class="text-color-500 font-size-14 px-[12px] leading-[24px] rounded-12">此码仅可核销{{ selectedVoucher.count
+            <view class="text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-12">此码仅可核销{{ selectedVoucher.count
               -
               selectedVoucher.writeOffCount }}份</view>
           </view>
@@ -45,8 +45,7 @@
               :onval="true" />
           </view>
 
-          <view v-if="false"
-            class="mt-20 bg-[#F0F8F3] theme-color-500 font-size-14 px-[12px] leading-[24px] rounded-12">
+          <view v-if="false" class="mt-20 bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-12">
             {{ selectedVoucher.name }}
           </view>
         </view>
@@ -60,10 +59,10 @@
           <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-color-600 font-size-12">/{{ selectedVoucherList.length }}</view>
+              <view class="text-[#02C34E] font-size-12">/{{ selectedVoucherList.length }}</view>
             </view>
 
-            <view class="text-color-600 font-size-14">扫码后点击下一张</view>
+            <view class="text-[#02C34E] font-size-14">扫码后点击下一张</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 cdfa33f..90db4cf 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 color-171717 leading-[32px] font-500 pt-[12px] pb-[12px]">
+  <view class="border-box font-size-24 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 7ec9bbc..b4e5989 100644
--- a/src/pages-order/order/components/UserInfo/index.vue
+++ b/src/pages-order/order/components/UserInfo/index.vue
@@ -2,13 +2,13 @@
   <view class="bg-white rounded-10 p-[12px] mb-12" v-if="hasConsumerData">
     <view v-for="(item, index) in consumerList" :key="index">
       <view class="flex mb-8 font-size-12">
-        <text class="w-60 color-99A0AE">住客姓名</text>
-        <text class="color-525866">{{ item.visitorName }}</text>
+        <text class="w-60 text-[#99a0ae]">住客姓名</text>
+        <text class="text-[#525866]">{{ item.visitorName }}</text>
       </view>
     </view>
     <view class="flex font-size-12">
-      <text class="w-60 color-99A0AE">联系电话</text>
-      <text class="color-525866">{{ contactPhone }}</text>
+      <text class="w-60 text-[#99a0ae]">联系电话</text>
+      <text class="text-[#525866]">{{ contactPhone }}</text>
     </view>
   </view>
 </template>
diff --git a/src/pages-order/order/components/VoucherList/index.vue b/src/pages-order/order/components/VoucherList/index.vue
index 08a2b61..59e4b0e 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-12 px-[12px] pt-[12px] mb-12">
-    <text class="font-size-16 color-171717 leading-[24px] font-500">
+    <text class="font-size-16 text-[#171717] leading-[24px] font-500">
       核销凭证列表
     </text>
 
@@ -8,20 +8,20 @@
       :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-color-900 font-size-16">{{ item.name }}</text>
+        <text class="text-[#0B5C2D] font-size-16">{{ item.name }}</text>
         <view class="flex flex-row mt-8">
-          <view class="bg-[#f5f7fa] text-color-600 font-size-12 p-[4px] rounded-4 mr-4">总计{{ item.count }}{{ item.unit
+          <view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-4 mr-4">总计{{ item.count }}{{ item.unit
           }}
           </view>
-          <view class="bg-[#F0F8F3] theme-color-500 font-size-12 p-[4px] rounded-4">剩{{ item.count - item.writeOffCount
+          <view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-4">剩{{ item.count - item.writeOffCount
           }}{{ item.unit }}可用</view>
         </view>
       </view>
 
       <view class="flex flex-items-center px-[14px] py-[8px] rounded-8"
         :class="[item.packageStatus === 0 ? 'bg-[#0CCD58]' : 'bg-[#f5f5f5]']" @click="handleShowQrcode(item, index)">
-        <text v-if="item.packageStatus === 0" class="font-size-14 color-white">出示凭证</text>
-        <text v-else class="font-size-14 text-color-300">已核销</text>
+        <text v-if="item.packageStatus === 0" class="font-size-14 text-white">出示凭证</text>
+        <text v-else class="font-size-14 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 353f8f5..db23a32 100644
--- a/src/pages-quick/components/Card/index.vue
+++ b/src/pages-quick/components/Card/index.vue
@@ -2,10 +2,10 @@
   <view class="card bg-white p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
     <image class="left rounded-10" :src="item.commodityPhoto" mode="aspectFill" />
     <view class="right flex-full pl-[12px]">
-      <view class="font-size-16 leading-[24px] color-171717 mb-4">
+      <view class="font-size-16 leading-[24px] text-[#171717] mb-4">
         {{ item.commodityName }}
       </view>
-      <view v-if="item.commodityFacility" class="font-size-12 leading-[16px] color-99A0AE mb-4 ellipsis-1">
+      <view v-if="item.commodityFacility" class="font-size-12 leading-[16px] text-[#99a0ae] mb-4 ellipsis-1">
         {{ item.commodityFacility.join(" ") }}
       </view>
       <view class="font-size-12 leading-[18px] color-43669A">
@@ -13,13 +13,13 @@
       </view>
 
       <view class="flex flex-items-center flex-justify-end">
-        <text class="amt font-size-18 font-500 font-family-misans-vf leading-[24px] color-FF3D60 mr-4">
+        <text class="amt font-size-18 font-500 font-family-misans-vf leading-[24px] text-[#ff3d60] mr-4">
           {{ item.specificationPrice }}
         </text>
-        <text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] color-99A0AE">
+        <text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] text-[#99a0ae]">
           /{{ item.stockUnitLabel }}
         </text>
-        <text class="btn rounded-10 color-white ml-16">订</text>
+        <text class="btn rounded-10 text-white ml-16">订</text>
       </view>
     </view>
   </view>
diff --git a/src/pages-quick/components/Tabs/index.vue b/src/pages-quick/components/Tabs/index.vue
index 4ba5e6a..b482cdb 100644
--- a/src/pages-quick/components/Tabs/index.vue
+++ b/src/pages-quick/components/Tabs/index.vue
@@ -6,12 +6,13 @@
         activeIndex === index && 'tab-item-active',
       ]" @click="handleTabClick(index)">
         <view class="tab-item-inner flex flex-items-center">
-          <uni-icons :class="['icon mr-4', activeIndex === index && 'icon-active']"  fontFamily="znicons" size="20" color="opacity">
+          <uni-icons :class="['icon mr-4', activeIndex === index && 'icon-active']" fontFamily="znicons" size="20"
+            color="opacity">
             {{ zniconsMap[item.iconCode] }}
           </uni-icons>
 
           <text :class="[
-            'font-size-16 font-500 color-525866 ',
+            'font-size-16 font-500 text-[#525866] ',
             activeIndex === index && 'tab-text-active',
           ]">
             {{ item.iconTitle }}
@@ -113,7 +114,7 @@ onMounted(() => {
 
 // 获取商品类型列表（示例方法，实际使用时根据需要调用）
 const getCommodityTypePageList = async () => {
-  const res = await commodityTypePageList({size: 20, current: 1});
+  const res = await commodityTypePageList({ size: 20, current: 1 });
   if (res && res.data && res.data.records) {
     tabList.value = res.data.records;
   } else {
diff --git a/src/pages-quick/list.vue b/src/pages-quick/list.vue
index e575ea8..04cf3a2 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 color-99A0AE mr-4">入住</text>
-          <text class="font-size-14 font-500 color-171717">
+          <text class="font-size-11 font-500 text-[#99a0ae] mr-4">入住</text>
+          <text class="font-size-14 font-500 text-[#171717]">
             {{ selectedDate.startDate }}
           </text>
         </view>
 
         <!-- 几晚 -->
-        <text class="nights bg-[#e5e8ee] font-size-11 font-500 color-525866 rounded-50 ml-8 mr-8">
+        <text class="nights bg-[#e5e8ee] font-size-11 font-500 text-[#525866] rounded-50 ml-8 mr-8">
           {{ selectedDate.totalDays }}晚
         </text>
 
         <view class="out flex flex-items-center">
-          <text class="font-size-11 font-500 color-99A0AE mr-4">离店</text>
-          <text class="font-size-14 font-500 color-171717">
+          <text class="font-size-11 font-500 text-[#99a0ae] mr-4">离店</text>
+          <text class="font-size-14 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 c498a79..794c464 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-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
-      <text class="font-size-14 color-525866 leading-[20px]">工单</text>
-      <text class="font-size-12 color-525866 leading-[20px] ml-auto">{{
+      <text class="font-size-14 text-[#525866] leading-[20px]">工单</text>
+      <text class="font-size-12 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 color-525866 leading-[20px] mb-4">所在位置：{{ orderData.roomNo }}</view>
-        <view class="font-size-12 color-525866 leading-[20px] mb-4">联系方式: {{ orderData.userPhone }}</view>
-        <view class="font-size-12 color-525866 leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
+        <view class="font-size-12 text-[#525866] leading-[20px] mb-4">所在位置：{{ orderData.roomNo }}</view>
+        <view class="font-size-12 text-[#525866] leading-[20px] mb-4">联系方式: {{ orderData.userPhone }}</view>
+        <view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
       </view>
 
       <image v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
@@ -33,7 +33,7 @@
       orderData.workOrderStatus !== '2' &&
       orderData.workOrderStatus !== '3'
     " class="flex flex-items-center flex-justify-between">
-      <text class="cancel border rounded-6 font-size-12 leading-[16px] color-525866 ml-auto"
+      <text class="cancel border rounded-6 font-size-12 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 2d4d4e9..8ab11bc 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 color-white">{{ text }}</text>
+      <text class="font-size-15 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 beef273..c21afba 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-6 mb-6">
-    <text class="font-size-14 color-333">{{ text }}</text>
+    <text class="font-size-14 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 f3c2984..5447651 100644
--- a/src/pages/ChatMain/ChatInputArea/index.vue
+++ b/src/pages/ChatMain/ChatInputArea/index.vue
@@ -1,82 +1,35 @@
 <template>
-  <view
-    class="input-area-wrapper"
-    @touchend="handleVoiceTouchEndFromContainer"
-    @touchcancel="handleVoiceTouchEndFromContainer"
-  >
+  <view class="input-area-wrapper" @touchend="handleVoiceTouchEndFromContainer"
+    @touchcancel="handleVoiceTouchEndFromContainer">
     <view v-if="!visibleWaveBtn || speechProvider !== 'wechat'" class="area-input">
       <!-- 语音/键盘切换 -->
-      <view
-        v-if="isSpeechRecognitionSupported"
-        class="input-container-voice"
-        @click="toggleVoiceMode"
-      >
-        <image
-          class="voice-icon"
-          v-if="!isVoiceMode"
-          src="https://oss.nianxx.cn/mp/static/version_101/home/input_voice_icon.png"
-        />
-        <image
-          class="voice-icon"
-          v-else
-          src="https://oss.nianxx.cn/mp/static/version_101/home/input_keyboard_icon.png"
-        />
+      <view v-if="isSpeechRecognitionSupported" class="input-container-voice" @click="toggleVoiceMode">
+        <image class="voice-icon" v-if="!isVoiceMode"
+          src="https://oss.nianxx.cn/mp/static/version_101/home/input_voice_icon.png" />
+        <image class="voice-icon" v-else
+          src="https://oss.nianxx.cn/mp/static/version_101/home/input_keyboard_icon.png" />
       </view>
 
       <!-- 输入框/语音按钮容器 -->
-      <view
-        class="input-button-container"
-        :class="{ 'input-button-container--no-voice': !isSpeechRecognitionSupported }"
-      >
-        <textarea
-          ref="textareaRef"
-          v-if="!isVoiceMode"
-          class="textarea"
-          type="text"
-          cursor-spacing="20"
-          confirm-type="send"
-          v-model="inputMessage"
-          auto-height
-          :focus="isFocused"
-          :confirm-hold="true"
-          :placeholder="placeholder"
-          :show-confirm-bar="false"
-          :hold-keyboard="holdKeyboard"
-          :adjust-position="true"
-          :disable-default-padding="true"
-          maxlength="300"
-          @confirm="sendMessage"
-          @focus="handleFocus"
-          @blur="handleBlur"
-          @touchstart="handleTouchStart"
-          @touchend="handleTouchEnd"
-        />
+      <view class="input-button-container"
+        :class="{ 'input-button-container--no-voice': !isSpeechRecognitionSupported }">
+        <textarea ref="textareaRef" v-if="!isVoiceMode" class="textarea" type="text" cursor-spacing="20"
+          confirm-type="send" v-model="inputMessage" auto-height :focus="isFocused" :confirm-hold="true"
+          :placeholder="placeholder" :show-confirm-bar="false" :hold-keyboard="holdKeyboard" :adjust-position="true"
+          :disable-default-padding="true" maxlength="300" @confirm="sendMessage" @focus="handleFocus" @blur="handleBlur"
+          @touchstart="handleTouchStart" @touchend="handleTouchEnd" />
 
         <!-- #ifdef MP-WEIXIN -->
-        <view
-          v-if="isVoiceMode"
-          class="hold-to-talk-button"
-          @longpress="handleVoiceTouchStart"
-          @touchend="handleVoiceTouchEnd"
-          @touchcancel="handleVoiceTouchEnd"
-        >
+        <view v-if="isVoiceMode" class="hold-to-talk-button" @longpress="handleVoiceTouchStart"
+          @touchend="handleVoiceTouchEnd" @touchcancel="handleVoiceTouchEnd">
           按住 说话
         </view>
         <!-- #endif -->
 
         <!-- #ifdef APP-PLUS -->
-        <view
-          v-if="isVoiceMode"
-          class="hold-to-talk-button"
-          @touchstart="handleVoiceTouchStart"
-          @touchend="handleVoiceTouchEnd"
-          @touchcancel="handleVoiceTouchEnd"
-        >
-          <RecordingWaveBtn
-            v-if="visibleWaveBtn"
-            class="recording-wave-inline"
-            ref="recordingWaveBtnRef"
-          />
+        <view v-if="isVoiceMode" class="hold-to-talk-button" @touchstart="handleVoiceTouchStart"
+          @touchend="handleVoiceTouchEnd" @touchcancel="handleVoiceTouchEnd">
+          <RecordingWaveBtn v-if="visibleWaveBtn" class="recording-wave-inline" ref="recordingWaveBtnRef" />
           <text v-else>按住 说话</text>
         </view>
         <!-- #endif -->
@@ -85,11 +38,7 @@
       <view class="input-container-send">
         <view class="input-container-send-btn" @click="sendMessage">
           <view v-if="props.isSessionActive" class="send-stop"> </view>
-          <image
-            v-else
-            class="send-icon"
-            src="https://oss.nianxx.cn/mp/static/version_101/home/input_send_icon.png"
-          />
+          <image v-else class="send-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/input_send_icon.png" />
         </view>
       </view>
     </view>
@@ -100,17 +49,11 @@
     <!-- #endif -->
 
     <!-- #ifdef APP-PLUS -->
-    <yao-asdRealSpeech
-      v-if="isSpeechRecognitionSupported && appSpeechVisible"
-      :key="appSpeechKey"
-      ref="appSpeechRef"
-      :options="appSpeechOptions"
-      @result="handleAppSpeechResult"
-      @change="handleAppSpeechChange"
-    />
+    <yao-asdRealSpeech v-if="isSpeechRecognitionSupported && appSpeechVisible" :key="appSpeechKey" ref="appSpeechRef"
+      :options="appSpeechOptions" @result="handleAppSpeechResult" @change="handleAppSpeechChange" />
     <!-- #endif -->
 
-    <view class="color-99A0AE font-size-9 text-center text-gray-400">
+    <view class="text-[#99a0ae] font-size-9 text-center text-gray-400">
       内容由AI大模型生成，请仔细鉴别
     </view>
   </view>
diff --git a/src/pages/ChatMain/ChatQuickAccess/index.vue b/src/pages/ChatMain/ChatQuickAccess/index.vue
index 59a98b6..87c6059 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 theme-color-500 leading-[20px]">
+          <text class="font-size-14 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 ef4301f..9885ab5 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 color-171717 ml-10',
+        'font-size-14 font-500 text-[#171717] ml-10',
         { 'text-animated': show },
       ]">
         {{ config.name }}
diff --git a/src/pages/ChatMain/ChatTopWelcome/index.vue b/src/pages/ChatMain/ChatTopWelcome/index.vue
index b250031..16f34d3 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 color-171717 leading-[24px]">
+        <view class="welcome-text font-size-14 font-500 font-family-misans-vf text-[#171717] leading-[24px]">
           {{ welcomeContent }}
         </view>
       </view>
diff --git a/src/pages/ChatMain/HomeWelcome/index.vue b/src/pages/ChatMain/HomeWelcome/index.vue
index 2c6e20c..3179f4c 100644
--- a/src/pages/ChatMain/HomeWelcome/index.vue
+++ b/src/pages/ChatMain/HomeWelcome/index.vue
@@ -150,7 +150,7 @@ const weatherTextMap = {
 .home-welcome-title {
   flex: 1;
   min-width: 0;
-  color: $text-color-900;
+  color: $text-[#0B5C2D];
   font-size: 21px;
   line-height: 28px;
   font-weight: 900;
diff --git a/src/pages/ChatMain/NoticeMessage/detail.vue b/src/pages/ChatMain/NoticeMessage/detail.vue
index a07e64c..d935635 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="color-171717 font-size-16 font-weight-600">{{ detailTitle }}</view>
+          <view class="text-[#171717] font-size-16 font-weight-600">{{ detailTitle }}</view>
 
           <view v-if="publishTime" class="notice-time-tag flex flex-row flex-items-center mt-16">
             <uni-icons type="clock" size="18" color="#5A6780" />
-            <text class="color-171717 font-size-12 font-weight-600 ml-8">发布时间：{{ publishTime }}</text>
+            <text class="text-[#171717] font-size-12 font-weight-600 ml-8">发布时间：{{ publishTime }}</text>
           </view>
 
-          <view class="mt-20 pt-[16px] color-666 font-size-14 leading-[20px] border-top">{{ noticeContent }}</view>
+          <view class="mt-20 pt-[16px] text-[#666666] font-size-14 leading-[20px] border-top">{{ noticeContent }}</view>
         </view>
       </view>
     </scroll-view>
diff --git a/src/pages/ChatMain/NoticeMessage/index.vue b/src/pages/ChatMain/NoticeMessage/index.vue
index e4b460c..0c0a2d9 100644
--- a/src/pages/ChatMain/NoticeMessage/index.vue
+++ b/src/pages/ChatMain/NoticeMessage/index.vue
@@ -105,11 +105,12 @@ const clickItem = (item) => {
 }
 
 .text-color {
-  color: $text-color-900;
+  color: $text-[#0B5C2D];
 }
+
 .underline-text {
   text-decoration: underline;
-  text-decoration-color: $text-color-400;
+  text-decoration-color: $text-[#35F37F];
   color: $text-color-400;
 }
 
@@ -128,11 +129,10 @@ const clickItem = (item) => {
 }
 
 .noMessage-text {
-  color: $text-color-900;
+  color: $text-[#0B5C2D];
   line-height: 16px;
   white-space: normal;
   overflow-wrap: break-word;
   word-break: break-all;
 }
-
 </style>
diff --git a/src/pages/ChatModule/AigcPhotoCard/index.vue b/src/pages/ChatModule/AigcPhotoCard/index.vue
index 307e4bf..bcaf7a5 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 color-white font-size-12"
+        class="aigc-photo-card__fullscreen flex flex-items-center flex-justify-center text-white font-size-12"
         @click.stop="requestFullScreen">
         全屏
       </view>
       <view v-if="!videoUrl"
-        class="aigc-photo-card__empty flex flex-items-center flex-justify-center color-white font-size-14">
+        class="aigc-photo-card__empty flex flex-items-center flex-justify-center text-white font-size-14">
         视频地址为空
       </view>
     </view>
diff --git a/src/pages/ChatModule/AnswerComponent/index.vue b/src/pages/ChatModule/AnswerComponent/index.vue
index 78cb5e2..d7190b9 100644
--- a/src/pages/ChatModule/AnswerComponent/index.vue
+++ b/src/pages/ChatModule/AnswerComponent/index.vue
@@ -5,7 +5,7 @@
     <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-4">
-        <text class="font-size-16 font-600 text-color-900"> {{ title }}</text>
+        <text class="font-size-16 font-600 text-[#0B5C2D]"> {{ title }}</text>
       </view>
       <!-- 文字内容，根据数据模式限制预览行数 -->
       <view v-if="processedContent" class="answer-content font-size-12 font-color-600" :style="answerContentStyle">
@@ -17,7 +17,7 @@
         <ChatLoading />
       </view>
       <view v-if="isOverflow" class="flex flex-row flex-items-center flex-justify-between mt-12">
-        <text class="font-size-12 font-800 color-CBD5E1 mr-4">查看完整{{ tag }}</text>
+        <text class="font-size-12 font-800 text-[#cbd5e1] mr-4">查看完整{{ 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 37b3544..412f536 100644
--- a/src/pages/ChatModule/CallMobile/index.vue
+++ b/src/pages/ChatModule/CallMobile/index.vue
@@ -2,15 +2,15 @@
   <uni-popup ref="popup" type="center" :safe-area="false">
     <view class="popup-content bg-white mx-24 px-[12px] py-16 rounded-12">
       <view class="header flex flex-items-center pb-[12px]">
-        <view class="title flex-full text-center font-size-17 color-000 font-500 ml-[24px]">呼叫热线</view>
+        <view class="title flex-full text-center font-size-17 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 color-A3A3A3 leading-[22px]">
+        <view class="font-size-16 text-[#a3a3a3] leading-[22px]">
           如有任何疑问，欢迎随时致电景区咨询热线：
-          <text class="color-2563EB" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text
-            class="color-2563EB" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>，
+          <text class="text-[#2563eb]" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text
+            class="text-[#2563eb]" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>，
           我们将全程为您提供细致解答与暖心服务。
         </view>
       </view>
diff --git a/src/pages/ChatModule/FacilityLocationCard/index.vue b/src/pages/ChatModule/FacilityLocationCard/index.vue
index a77e729..93c6b54 100644
--- a/src/pages/ChatModule/FacilityLocationCard/index.vue
+++ b/src/pages/ChatModule/FacilityLocationCard/index.vue
@@ -4,31 +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 color-2563EB bg-[#eff6ff] font-size-12 font-900">
+        <view class="facility-location-card__badge text-[#2563eb] bg-[#eff6ff] font-size-12 font-900">
           {{ type.text }}
         </view>
-        <view class="facility-location-card__title color-1E293B font-size-18 font-900 ellipsis-1">
+        <view class="facility-location-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1">
           {{ data.title }}
         </view>
       </view>
 
-      <view class="facility-location-card__distance flex flex-items-center color-94A3B8 font-size-14 font-900">
+      <view class="facility-location-card__distance flex flex-items-center text-[#94a3b8] font-size-14 font-900">
         <text class="facility-location-card__distance-icon">{{ distance.icon }}</text>
         <text>{{ distance.text }}</text>
       </view>
 
       <view class="facility-location-card__location bg-[#f8fafc] rounded-20">
-        <view class="facility-location-card__location-label flex flex-items-center color-64748B font-size-13 font-900">
+        <view
+          class="facility-location-card__location-label flex flex-items-center text-[#64748b] font-size-13 font-900">
           <text class="facility-location-card__location-dot">{{ location.icon }}</text>
           <text>{{ location.label }}</text>
         </view>
-        <view class="facility-location-card__location-text color-1E293B font-size-16 font-900">
+        <view class="facility-location-card__location-text text-[#1e293b] font-size-16 font-900">
           {{ location.text }}
         </view>
       </view>
 
       <view
-        class="facility-location-card__button flex flex-items-center flex-justify-center bg-[#0f172a] color-white font-size-18 font-900"
+        class="facility-location-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-900"
         :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 b8adcee..b50aaf6 100644
--- a/src/pages/ChatModule/FaqHelpCard/index.vue
+++ b/src/pages/ChatModule/FaqHelpCard/index.vue
@@ -4,7 +4,7 @@
       <view class="faq-help-card__icon flex flex-items-center flex-justify-center rounded-full font-size-16 font-900">
         {{ data.icon }}
       </view>
-      <view class="faq-help-card__title color-1E293B font-size-20 font-900">
+      <view class="faq-help-card__title text-[#1e293b] font-size-20 font-900">
         {{ data.title }}
       </view>
     </view>
@@ -12,14 +12,9 @@
     <view class="faq-help-card__divider"></view>
 
     <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 color-475569 font-size-18 font-900 ellipsis-1 flex-full">
+      <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-900 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 381b4ff..ad2b51d 100644
--- a/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
+++ b/src/pages/ChatModule/GeneratorPhotoComponent/index.vue
@@ -14,14 +14,14 @@
 
         <image class="g_title mt-20" :src="componentDataMap.title" />
 
-        <text class="font-size-14 font-400 color-white my-12 text-center">
+        <text class="font-size-14 font-400 text-white my-12 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-24 flex flex-row">
             <view
-              class="btn-bg-sub w-full p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
+              class="btn-bg-sub w-full p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center text-white text-center font-size-18 font-800">
               {{ componentDataMap.buttonName }}
             </view>
           </view>
diff --git a/src/pages/ChatModule/LongTextGuideCard/index.vue b/src/pages/ChatModule/LongTextGuideCard/index.vue
index e9e14cd..d65436f 100644
--- a/src/pages/ChatModule/LongTextGuideCard/index.vue
+++ b/src/pages/ChatModule/LongTextGuideCard/index.vue
@@ -7,14 +7,14 @@
         <view class="long-text-guide-card__badge font-size-12 font-900" :class="`is-${item.badgeTone}`">
           {{ item.badge }}
         </view>
-        <view class="long-text-guide-card__summary-title color-1E293B font-size-18 font-900">
+        <view class="long-text-guide-card__summary-title text-[#1e293b] font-size-18 font-900">
           {{ item.title }}
         </view>
-        <view class="long-text-guide-card__summary-text color-94A3B8 font-size-14 font-500 ellipsis-2">
+        <view class="long-text-guide-card__summary-text text-[#94a3b8] font-size-14 font-500 ellipsis-2">
           {{ item.summary }}
         </view>
         <view class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
-          <text class="color-CBD5E1 font-size-12 font-800">{{ item.footer }}</text>
+          <text class="text-[#cbd5e1] font-size-12 font-800">{{ item.footer }}</text>
           <uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
         </view>
       </view>
@@ -26,7 +26,7 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </view>
-        <view class="long-text-guide-card__detail-title color-1E293B font-size-18 font-900 ellipsis-1">
+        <view class="long-text-guide-card__detail-title text-[#1e293b] font-size-18 font-900 ellipsis-1">
           {{ activeItem.title }}
         </view>
         <view class="long-text-guide-card__badge long-text-guide-card__detail-badge font-size-12 font-900"
@@ -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 color-475569 font-size-15 font-500">
+          class="long-text-guide-card__paragraph text-[#475569] font-size-15 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-800">
@@ -50,18 +50,18 @@
         <image v-if="activeItem.image" class="long-text-guide-card__main-image w-full rounded-14 block"
           :src="activeItem.image" mode="aspectFill" />
 
-        <view class="long-text-guide-card__section-title color-1E293B font-size-16 font-900">
+        <view class="long-text-guide-card__section-title text-[#1e293b] font-size-16 font-900">
           {{ 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 color-047857 font-size-14 font-800">
+            class="long-text-guide-card__tip text-[#047857] font-size-14 font-800">
             {{ index + 1 }} {{ tip }}
           </view>
         </view>
 
         <view v-for="(paragraph, paragraphIndex) in paragraphsAfterTips" :key="`after-${paragraphIndex}`"
-          class="long-text-guide-card__paragraph color-475569 font-size-15 font-500">
+          class="long-text-guide-card__paragraph text-[#475569] font-size-15 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-800">
@@ -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 color-94A3B8 font-size-11 font-800">
+        <view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-800">
           {{ activeItem.action.label }}
         </view>
         <view class="long-text-guide-card__map-card rounded-16 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 color-white font-size-10 font-900">
+            <view class="long-text-guide-card__map-tag text-white font-size-10 font-900">
               {{ 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="color-1E293B font-size-15 font-900">{{ activeItem.action.title }}</view>
-              <view class="color-94A3B8 font-size-12 font-800 mt-2">{{ activeItem.action.subtitle }}</view>
+              <view class="text-[#1e293b] font-size-15 font-900">{{ activeItem.action.title }}</view>
+              <view class="text-[#94a3b8] font-size-12 font-800 mt-2">{{ activeItem.action.subtitle }}</view>
             </view>
-            <view class="long-text-guide-card__nav-btn color-white bg-[#0f172a] font-size-14 font-900"
+            <view class="long-text-guide-card__nav-btn text-white bg-[#0f172a] font-size-14 font-900"
               @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 color-94A3B8 font-size-11 font-800">
+        <view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-800">
           {{ 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 color-white font-size-18 font-900">
+            class="long-text-guide-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-900">
             ↗
           </view>
         </view>
diff --git a/src/pages/ChatModule/LongTextGuideCardPreview/index.vue b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
index b094e04..df08774 100644
--- a/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
+++ b/src/pages/ChatModule/LongTextGuideCardPreview/index.vue
@@ -8,14 +8,14 @@
         {{ item.badge }}
       </view>
 
-      <view class="long-text-guide-card__summary-title color-1E293B font-size-18 font-900">
+      <view class="long-text-guide-card__summary-title text-[#1e293b] font-size-18 font-900">
         {{ item.title }}
       </view>
-      <view class="long-text-guide-card__summary-text color-94A3B8 font-size-14 font-500 ellipsis-2">
+      <view class="long-text-guide-card__summary-text text-[#94a3b8] font-size-14 font-500 ellipsis-2">
         {{ item.summary }}
       </view>
       <view class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
-        <text class="color-CBD5E1 font-size-12 font-800">{{ item.footer }}</text>
+        <text class="text-[#cbd5e1] font-size-12 font-800">{{ 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 a927f11..d0d721a 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-24 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 color-white font-size-12 font-900">
+      <view class="map-navigation-card__badge flex flex-items-center text-white font-size-12 font-900">
         <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 color-1E293B font-size-18 font-900 ellipsis-1">
+        <view class="map-navigation-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1">
           {{ data.title }}
         </view>
-        <view class="map-navigation-card__distance color-94A3B8 font-size-14 font-900 ellipsis-1">
+        <view class="map-navigation-card__distance text-[#94a3b8] font-size-14 font-900 ellipsis-1">
           {{ data.distance }}
         </view>
       </view>
       <view
-        class="map-navigation-card__button flex flex-items-center flex-justify-center bg-[#0f172a] color-white font-size-18 font-900"
+        class="map-navigation-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-900"
         :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 37909b6..bd206c9 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 color-000 font-500 ml-[24px]">更多服务</view>
+        <view class="title flex-full text-center font-size-17 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 color-000 leading-[24px] font-500">
+              <view class="font-size-16 text-[#000000] leading-[24px] font-500">
                 {{ item.title }}
               </view>
-              <view class="font-size-12 color-A3A3A3 leading-[16px]">
+              <view class="font-size-12 text-[#a3a3a3] leading-[16px]">
                 {{ item.content }}
               </view>
             </view>
-            <view class="right font-size-12 color-white leading-[16px]" @click="handleClick(item)">
+            <view class="right font-size-12 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 86b4f21..5f83222 100644
--- a/src/pages/ChatModule/NoticeCard/index.vue
+++ b/src/pages/ChatModule/NoticeCard/index.vue
@@ -1,18 +1,18 @@
 <template>
   <view class="notice-card w-full">
     <view v-if="!detailOpen" class="notice-card__summary bg-[#fffbeb] rounded-24 w-full">
-      <view class="notice-card__summary-title color-B45309 font-size-16 font-900">
+      <view class="notice-card__summary-title  text-[#b45309] font-size-16 font-900">
         {{ summary.title }}
       </view>
-      <view class="notice-card__summary-content color-D97706 font-size-14 font-900">
+      <view class="notice-card__summary-content text-[#d97706]  font-size-14 font-900">
         {{ summary.content }}
       </view>
       <view class="notice-card__summary-footer flex flex-items-center flex-justify-between">
-        <view class="notice-card__summary-time color-D97706 font-size-12 font-900">
+        <view class="notice-card__summary-time text-[#d97706]  font-size-12 font-900">
           {{ summary.publishTime }}
         </view>
-        <view class="notice-card__summary-link color-B45309 font-size-14 font-900" :class="{ 'is-disabled': disabled }"
-          @click="openDetail">
+        <view class="notice-card__summary-link  text-[#b45309] font-size-14 font-900"
+          :class="{ 'is-disabled': disabled }" @click="openDetail">
           {{ summary.actionText }}
         </view>
       </view>
@@ -24,7 +24,7 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </view>
-        <view class="notice-card__head-title color-1E293B font-size-18 font-900">
+        <view class="notice-card__head-title text-[#1e293b] font-size-18 font-900">
           {{ 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 color-1E293B font-size-20 font-900">
+        <view class="notice-card__detail-title text-[#1e293b] font-size-20 font-900">
           {{ detail.title }}
         </view>
-        <view class="notice-card__time-pill flex flex-items-center bg-[#f8fafc] color-475569 font-size-13 font-900">
+        <view class="notice-card__time-pill flex flex-items-center bg-[#f8fafc] text-[#475569] font-size-13 font-900">
           <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 color-475569 font-size-14 font-800">
+          class="notice-card__paragraph text-[#475569] font-size-14 font-800">
           <text v-for="segment in paragraph.segments" :key="segment.text"
             :class="{ 'notice-card__strong': segment.strong }">
             {{ segment.text }}
diff --git a/src/pages/ChatModule/PoiCompareCard/index.vue b/src/pages/ChatModule/PoiCompareCard/index.vue
index b4a1fb4..d355fe6 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 color-1E293B font-size-18 font-900 ellipsis-1 flex-full">
+        <view class="poi-compare-card__title text-[#1e293b] font-size-18 font-900 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 color-94A3B8 font-size-12 font-800">
+            <view class="poi-compare-card__field-label text-[#94a3b8] font-size-12 font-800">
               {{ field.label }}
             </view>
             <view v-if="field.tone" class="poi-compare-card__chip font-size-12 font-900"
               :class="getToneClass(field.tone)">
               {{ field.value }}
             </view>
-            <view v-else class="poi-compare-card__field-value color-1E293B font-size-14 font-900">
+            <view v-else class="poi-compare-card__field-value text-[#1e293b] font-size-14 font-900">
               {{ field.value }}
             </view>
           </view>
@@ -30,7 +30,7 @@
       </view>
 
       <view
-        class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-[#0f172a] color-white font-size-15 font-900"
+        class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-15 font-900"
         :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 color-1E293B font-size-20 font-900 flex-full">
+        <view class="poi-compare-card__detail-title text-[#1e293b] font-size-20 font-900 flex-full">
           {{ detail.title }}
         </view>
-        <view class="poi-compare-card__compare-label color-94A3B8 font-size-12 font-900">
+        <view class="poi-compare-card__compare-label text-[#94a3b8] font-size-12 font-900">
           {{ 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 color-1E293B font-size-14 font-900">
+            class="poi-compare-card__table-title text-[#1e293b] font-size-14 font-900">
             {{ 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 color-94A3B8 font-size-12 font-900">
+          <view class="poi-compare-card__row-label text-[#94a3b8] font-size-12 font-900">
             {{ row.label }}
           </view>
           <view v-for="cell in row.values" :key="row.label + '-' + cell.text"
-            class="poi-compare-card__cell color-1E293B font-size-14 font-900" :class="getCellClass(cell.tone)">
+            class="poi-compare-card__cell text-[#1e293b] font-size-14 font-900" :class="getCellClass(cell.tone)">
             {{ cell.text }}
           </view>
         </view>
       </view>
 
       <view class="poi-compare-card__recommend">
-        <view class="poi-compare-card__recommend-title color-94A3B8 font-size-12 font-900">
+        <view class="poi-compare-card__recommend-title text-[#94a3b8] font-size-12 font-900">
           {{ 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 color-334155 font-size-14 font-900">
+            <view class="poi-compare-card__tip-text text-[#334155] font-size-14 font-900">
               {{ tip.text }}
             </view>
           </view>
@@ -87,7 +87,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-900"
-          :class="[action.primary ? 'poi-compare-card__action--primary bg-[#0f172a] color-white' : 'poi-compare-card__action--secondary color-334155', { 'is-disabled': disabled }]"
+          :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>
           <text>{{ action.text }}</text>
@@ -119,8 +119,8 @@ const detail = computed(() => props.data.detail || {});
 
 const getToneClass = (tone) => {
   const toneMap = {
-    green: "poi-compare-card__chip--green color-047857 bg-[#ecfdf5]",
-    amber: "poi-compare-card__chip--amber color-D97706 bg-[#fffbeb]",
+    green: "poi-compare-card__chip--green text-[#047857] bg-[#ecfdf5]",
+    amber: "poi-compare-card__chip--amber text-[#d97706]  bg-[#fffbeb]",
   };
   return toneMap[tone] || "";
 };
diff --git a/src/pages/ChatModule/PoiDetailCard/index.vue b/src/pages/ChatModule/PoiDetailCard/index.vue
index 913d4df..dfc56d4 100644
--- a/src/pages/ChatModule/PoiDetailCard/index.vue
+++ b/src/pages/ChatModule/PoiDetailCard/index.vue
@@ -9,19 +9,19 @@
     </view>
 
     <view class="poi-detail-card__body">
-      <view class="poi-detail-card__title color-1E293B font-size-24 font-900">
+      <view class="poi-detail-card__title text-[#1e293b] font-size-24 font-900">
         {{ data.title }}
       </view>
 
       <view class="poi-detail-card__tip flex flex-items-center  gap-[10px]">
-        <view class="poi-detail-card__spark color-047857 font-size-18 font-900">✦</view>
-        <view class="poi-detail-card__tip-text color-047857 font-size-14 font-800">
+        <view class="poi-detail-card__spark text-[#047857] font-size-18 font-900">✦</view>
+        <view class="poi-detail-card__tip-text text-[#047857] font-size-14 font-800">
           {{ data.tip?.text }}
         </view>
       </view>
 
       <view
-        class="poi-detail-card__button flex flex-items-center flex-justify-center  gap-[8px] color-white bg-[#0f172a] font-size-16 font-900"
+        class="poi-detail-card__button flex flex-items-center flex-justify-center  gap-[8px] text-white bg-[#0f172a] font-size-16 font-900"
         :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 ed7d22b..a454d49 100644
--- a/src/pages/ChatModule/RecommendPostsList/index.vue
+++ b/src/pages/ChatModule/RecommendPostsList/index.vue
@@ -12,7 +12,7 @@
         </view>
 
         <view class="card-text border-box">
-          <view class="font-size-11 color-99A0AE ellipsis-1">
+          <view class="font-size-11 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 439a3fc..40b633c 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 color-1E293B font-size-18 font-900 ellipsis-1">
+          <view class="recommendation-list-card__name text-[#1e293b] font-size-18 font-900 ellipsis-1">
             {{ item.title }}
           </view>
           <view
-            class="recommendation-list-card__distance flex flex-items-center  gap-[4px] mt-4 color-94A3B8 font-size-12 font-800">
+            class="recommendation-list-card__distance flex flex-items-center  gap-[4px] mt-4 text-[#94a3b8] font-size-12 font-800">
             <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-12 color-334155 font-size-12 font-900"
+            class="recommendation-list-card__button flex flex-items-center flex-justify-center mt-12 text-[#334155] font-size-12 font-900"
             @click.stop="handleSelect(item)">
             {{ getActionText(item) }}
           </view>
diff --git a/src/pages/ChatModule/RoutePlanCard/index.vue b/src/pages/ChatModule/RoutePlanCard/index.vue
index 4362fec..6c8dd08 100644
--- a/src/pages/ChatModule/RoutePlanCard/index.vue
+++ b/src/pages/ChatModule/RoutePlanCard/index.vue
@@ -5,7 +5,7 @@
       :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 color-1E293B font-size-18 font-900 ellipsis-1">
+        <view class="route-plan-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1">
           {{ data.title }}
         </view>
         <view class="route-plan-card__tags flex flex-items-center">
@@ -26,10 +26,10 @@
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </view>
-        <view class="route-plan-card__detail-title color-1E293B font-size-18 font-900 ellipsis-1 flex-full">
+        <view class="route-plan-card__detail-title text-[#1e293b] font-size-18 font-900 ellipsis-1 flex-full">
           {{ data.title }}
         </view>
-        <view class="route-plan-card__detail-badge color-047857 bg-[#ecfdf5] font-size-12 font-900">
+        <view class="route-plan-card__detail-badge text-[#047857] bg-[#ecfdf5] font-size-12 font-900">
           {{ detail.badge }}
         </view>
       </view>
@@ -38,19 +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 color-047857 bg-[#ecfdf5] font-size-12 font-900">
+              class="route-plan-card__node-number flex flex-items-center flex-justify-center rounded-full text-[#047857] bg-[#ecfdf5] font-size-12 font-900">
               {{ index + 1 }}
             </view>
             <view class="route-plan-card__node bg-white rounded-20 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 color-1E293B font-size-16 font-900 ellipsis-1">
+                <view class="route-plan-card__node-title text-[#1e293b] font-size-16 font-900 ellipsis-1">
                   {{ node.title }}
                 </view>
-                <view class="route-plan-card__node-desc color-94A3B8 font-size-12 font-800 ellipsis-1">
+                <view class="route-plan-card__node-desc text-[#94a3b8] font-size-12 font-800 ellipsis-1">
                   {{ node.description }}
                 </view>
-                <view v-if="node.tag" class="route-plan-card__node-tag color-D97706 bg-[#fffbeb] font-size-12 font-900">
+                <view v-if="node.tag"
+                  class="route-plan-card__node-tag text-[#d97706]  bg-[#fffbeb] font-size-12 font-900">
                   {{ node.tag }}
                 </view>
               </view>
@@ -61,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 color-64748B font-size-12 font-900">
+              class="route-plan-card__connector-chip flex flex-items-center bg-[#f8fafc] rounded-full text-[#64748b] font-size-12 font-900">
               <text class="route-plan-card__connector-icon">{{ connectors[index].icon }}</text>
               <text>{{ connectors[index].text }}</text>
             </view>
@@ -70,11 +71,11 @@
       </view>
 
       <view v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-20">
-        <view class="route-plan-card__tips-title color-64748B font-size-14 font-900">
+        <view class="route-plan-card__tips-title text-[#64748b] font-size-14 font-900">
           {{ detail.tipsTitle }}
         </view>
         <view v-for="tip in tips" :key="tip"
-          class="route-plan-card__tip flex flex-items-center color-334155 font-size-13 font-900">
+          class="route-plan-card__tip flex flex-items-center text-[#334155] font-size-13 font-900">
           <view class="route-plan-card__tip-dot rounded-full flex-shrink-0"></view>
           <view>{{ tip }}</view>
         </view>
@@ -107,8 +108,8 @@ const connectors = computed(() => detail.value.connectors || []);
 const tips = computed(() => detail.value.tips || []);
 
 const getTagClass = (tone) => {
-  if (tone === "green") return "color-047857 bg-[#ecfdf5]";
-  return "color-64748B bg-[#f1f5f9]";
+  if (tone === "green") return "text-[#047857] bg-[#ecfdf5]";
+  return "text-[#64748b] bg-[#f1f5f9]";
 };
 
 const openDetail = () => {
diff --git a/src/pages/ChatModule/ScenicImageCard/index.vue b/src/pages/ChatModule/ScenicImageCard/index.vue
index 7a2dbb6..99c7658 100644
--- a/src/pages/ChatModule/ScenicImageCard/index.vue
+++ b/src/pages/ChatModule/ScenicImageCard/index.vue
@@ -1,27 +1,19 @@
 <template>
-  <view
-    class="scenic-image-card relative rounded-24 overflow-hidden w-full"
-    :class="{ 'is-disabled': disabled }"
-    @click="handleSelect"
-  >
-    <image
-      class="scenic-image-card__image block w-full"
-      :src="data.image"
-      mode="aspectFill"
-    />
+  <view class="scenic-image-card relative rounded-24 overflow-hidden w-full" :class="{ 'is-disabled': disabled }"
+    @click="handleSelect">
+    <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 color-white font-size-18 font-900"
-      @click.stop="handleAction"
-    >
+      class="scenic-image-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-900"
+      @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 color-white font-size-18 font-900 ellipsis-1">
+      <view v-if="caption.title" class="scenic-image-card__title text-white font-size-18 font-900 ellipsis-1">
         {{ caption.title }}
       </view>
-      <view v-if="caption.subtitle" class="scenic-image-card__subtitle color-white font-size-14 font-900 ellipsis-1">
+      <view v-if="caption.subtitle" class="scenic-image-card__subtitle text-white font-size-14 font-900 ellipsis-1">
         {{ caption.subtitle }}
       </view>
     </view>
diff --git a/src/pages/ChatModule/SharedVisual/ActionRow.vue b/src/pages/ChatModule/SharedVisual/ActionRow.vue
index c2ce866..11f3f90 100644
--- a/src/pages/ChatModule/SharedVisual/ActionRow.vue
+++ b/src/pages/ChatModule/SharedVisual/ActionRow.vue
@@ -7,12 +7,12 @@
       <slot name="icon">{{ icon }}</slot>
     </view>
     <view class="visual-action-row__body flex-full">
-      <view class="visual-action-row__title color-1E293B font-size-14 font-900 ellipsis-1">{{ title }}</view>
+      <view class="visual-action-row__title text-[#1e293b] font-size-14 font-900 ellipsis-1">{{ title }}</view>
       <view v-if="subtitle" class="visual-action-row__subtitle ellipsis-1">
         {{ subtitle }}
       </view>
     </view>
-    <view class="visual-action-row__arrow color-CBD5E1 font-700">›</view>
+    <view class="visual-action-row__arrow text-[#cbd5e1] font-700">›</view>
   </view>
 </template>
 
diff --git a/src/pages/ChatModule/SharedVisual/DetailShell.vue b/src/pages/ChatModule/SharedVisual/DetailShell.vue
index 9dba783..3e59403 100644
--- a/src/pages/ChatModule/SharedVisual/DetailShell.vue
+++ b/src/pages/ChatModule/SharedVisual/DetailShell.vue
@@ -1,11 +1,11 @@
 <template>
   <CardShell variant="detail">
     <view class="visual-detail__header flex flex-items-center px-[16px] border-bottom-F1F5F9">
-      <view class="visual-detail__back mr-8 rounded-full bg-[#f8fafc] color-334155 font-900 text-center"
+      <view class="visual-detail__back mr-8 rounded-full bg-[#f8fafc] text-[#334155] font-900 text-center"
         @click="$emit('back')">
         <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
       </view>
-      <view class="visual-detail__title flex-full color-1E293B font-size-14 font-900 ellipsis-1">{{ title }}</view>
+      <view class="visual-detail__title flex-full text-[#1e293b] font-size-14 font-900 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 2d57563..4eff3d4 100644
--- a/src/pages/Discovery/components/QuickQuestions/index.vue
+++ b/src/pages/Discovery/components/QuickQuestions/index.vue
@@ -9,10 +9,10 @@
           <image class="card-img flex-shrink-0 rounded-14" :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 color-171717 ellipsis-1">
+            <view class="w-full font-size-12 font-600 text-[#171717] ellipsis-1">
               {{ item.title }}
             </view>
-            <view class="w-full font-size-9 color-94A3B8 ellipsis-1">
+            <view class="w-full font-size-9 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 251a9e0..a438962 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-4 font-size-18 color-171717 font-500">全部({{ albumList.length }})</text>
+      <text class="ml-4 font-size-18 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 aa26922..4913cc0 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-4 font-size-12 color-171717 leading-[20px]">
+          <text class="ml-4 font-size-12 text-[#171717] leading-[20px]">
             {{ moduleItem.title }}
           </text>
         </view>
         <view class="border-box flex flex-col flex-items-start mt-4 pb-[12px]">
-          <text class="font-size-12 color-525866 leading-[20px] mb-4" v-for="(text, index) in moduleItem.desc"
+          <text class="font-size-12 text-[#525866] leading-[20px] mb-4" 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 a16df28..daebb2d 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-4">
-        <text class="left font-size-14 color-171717">{{ item.name }}</text>
+        <text class="left font-size-14 text-[#171717]">{{ item.name }}</text>
         <view class="sep" aria-hidden="true"></view>
-        <text class="right font-size-14 color-171717">{{ item.count }}{{ item.unit }}</text>
+        <text class="right font-size-14 text-[#171717]">{{ item.count }}{{ item.unit }}</text>
       </view>
 
     </view>
diff --git a/src/pages/goods/index.vue b/src/pages/goods/index.vue
index 142b620..427b6d1 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 color-FF3D60 line-height-28 flex flex-items-center mr-8">
+      <view class="amt font-size-20 font-bold text-[#ff3d60] line-height-28 flex flex-items-center mr-8">
         {{ calculatedTotalPrice }}
       </view>
 
       <view class="btn rounded-10 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 color-white">立即预定</text>
+        <text class="font-size-16 font-500 text-white">立即预定</text>
       </view>
     </view>
 
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index c474428..291716e 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -16,25 +16,20 @@
     <!-- 协议勾选 -->
     <view class="login-agreement flex flex-items-center">
       <CheckBox v-model="isAgree">
-        <text class="font-size-12 color-525866">我已阅读并同意</text>
-        <text class="font-size-12 theme-color-500 ml-4 mr-4" @click.stop="handleAgreeClick('service')">《服务协议》</text>
-        <text class="font-size-12 color-525866">和</text>
-        <text class="font-size-12 theme-color-500 ml-4 mr-4" @click.stop="handleAgreeClick('privacy')">《隐私协议》</text>
-        <text class="font-size-12 color-525866">，\n</text>
-        <text class="font-size-12 color-525866 ml-30">授权与账号关联操作</text>
+        <text class="font-size-12 text-[#525866]">我已阅读并同意</text>
+        <text class="font-size-12 text-[#0CCD58] ml-4 mr-4" @click.stop="handleAgreeClick('service')">《服务协议》</text>
+        <text class="font-size-12 text-[#525866]">和</text>
+        <text class="font-size-12 text-[#0CCD58] ml-4 mr-4" @click.stop="handleAgreeClick('privacy')">《隐私协议》</text>
+        <text class="font-size-12 text-[#525866]">，\n</text>
+        <text class="font-size-12 text-[#525866] ml-30">授权与账号关联操作</text>
       </CheckBox>
     </view>
 
     <!-- 按钮区域 -->
     <view class="login-btn-area">
       <!-- 同意隐私协议并获取手机号按钮 -->
-      <button
-        v-if="needWxAuthLogin && !isAppleLogin"
-        class="login-btn"
-        type="primary"
-        open-type="getPhoneNumber"
-        @getphonenumber="getPhoneNumber"
-      >
+      <button v-if="needWxAuthLogin && !isAppleLogin" class="login-btn" type="primary" open-type="getPhoneNumber"
+        @getphonenumber="getPhoneNumber">
         {{ loginButtonText }}
       </button>
       <button v-else class="login-btn" type="primary" @click="handleAgreeAndGetPhone">
@@ -137,7 +132,7 @@ const getPhoneNumber = (e) => {
         title: "获取登录手机号失败",
         icon: "none",
       });
-     });
+    });
 };
 
 /// 登录成功返回上一页
diff --git a/src/static/scss/colors.scss b/src/static/scss/colors.scss
deleted file mode 100644
index 6bac767..0000000
--- a/src/static/scss/colors.scss
+++ /dev/null
@@ -1,149 +0,0 @@
-// 字体颜色
-
-.color-white {
-  color: #fff;
-}
-
-.color-000 {
-  color: #000;
-}
-
-.color-333 {
-  color: #333;
-}
-
-.color-666 {
-  color: #666;
-}
-
-.color-999 {
-  color: #999;
-}
-
-.color-A3A3A3 {
-  color: #a3a3a3;
-}
-
-.color-525866 {
-  color: #525866;
-}
-
-.color-171717 {
-  color: #171717;
-}
-
-.color-99A0AE {
-  color: #99a0ae;
-}
-
-.color-FF3D60 {
-  color: #ff3d60;
-}
-
-.color-94A3B8 {
-  color: #94a3b8;
-}
-
-.theme-color-500 {
-  color: $theme-color-500;
-}
-
-.color-43669A {
-  color: #43669a;
-}
-
-.color-21B466 {
-  color: #21b466;
-}
-
-.color-FA7319 {
-  color: #fa7319;
-}
-
-.color-B45309 {
-  color: #b45309;
-}
-
-.color-D97706 {
-  color: #d97706;
-}
-
-.color-0F172A {
-  color: #0f172a;
-}
-
-.color-1E293B {
-  color: #1e293b;
-}
-
-.color-334155 {
-  color: #334155;
-}
-
-.color-475569 {
-  color: #475569;
-}
-
-.color-64748B {
-  color: #64748b;
-}
-
-.color-CBD5E1 {
-  color: #cbd5e1;
-}
-
-.color-2563EB {
-  color: #2563eb;
-}
-
-.color-7C3AED {
-  color: #7c3aed;
-}
-
-.color-E11D48 {
-  color: #e11d48;
-}
-
-.color-0F766E {
-  color: #0f766e;
-}
-
-.color-047857 {
-  color: #047857;
-}
-
-.color-0891B2 {
-  color: #0891b2;
-}
-
-// text 颜色
-.text-color-900 {
-  color: $text-color-900; // #181B25
-}
-.text-color-800 {
-  color: $text-color-800; // #222530
-}
-.text-color-700 {
-  color: $text-color-700; // #2B303B
-}
-.text-color-600 {
-  color: $text-color-600; // #525866
-}
-.text-color-500 {
-  color: $text-color-500; // #717784
-}
-.text-color-400 {
-  color: $text-color-400; // #99A0AE
-}
-.text-color-300 {
-  color: $text-color-300; // #CACFD8
-}
-.text-color-200 {
-  color: $text-color-200; // #E5E8EE
-}
-.text-color-100 {
-  color: $text-color-100; // #F2F5F8
-}
-.text-color-50 {
-  color: $text-color-50; // #F9FAFB
-}
diff --git a/src/static/scss/index.scss b/src/static/scss/index.scss
index 553a5a9..6f899f5 100644
--- a/src/static/scss/index.scss
+++ b/src/static/scss/index.scss
@@ -1,6 +1,5 @@
 @import "./background.scss";
 @import "./border.scss";
-@import "./colors.scss";
 @import "./display.scss";
 @import "./flex.scss";
 @import "./font-weight.scss";