diff --git a/src/components/CreateServiceOrder/images/2025-07-11_104138.png b/src/components/CreateServiceOrder/images/2025-07-11_104138.png
deleted file mode 100644
index f71278c..0000000
Binary files a/src/components/CreateServiceOrder/images/2025-07-11_104138.png and /dev/null differ
diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index 5e4760f..1a21a13 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -1,42 +1,41 @@
 <template>
   <div class="create-service-order">
-    <div class="w-full bg-white  border-ff overflow-hidden rounded-20">
-      <div class=" order-header w-vw flex items-center flex-justify-between bg-theme-color-50">
-        <span class="text-[18px] font-medium text-[#171717] text-left ml-12">
+    <div class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
+      <div class="w-full h-[48px] flex items-center justify-between bg-[#f0f8f3]">
+        <span class="text-[18px] font-medium text-[#171717] text-left ml-[12px]">
           {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
         </span>
-        <img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
+        <img class="w-[98px] h-[48px]" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </div>
 
       <div v-if="!isCallSuccess" class=" p-[12px]">
-        <div class="bg-F5F7FA  flex items-center p-[12px] rounded-10 text-[14px] text-[#171717] mb-[12px]">
-          <span class="font-medium line-height-22 mr-20">所在位置</span>
+        <div class="bg-[#f5f7fa] flex items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
+          <span class="font-medium leading-[22px] mr-[20px]">所在位置</span>
           <input placeholder="请填写所在位置" v-model="roomId" />
         </div>
 
-        <div class="bg-F5F7FA  flex items-center p-[12px] rounded-10 text-[14px] text-[#171717] mb-[12px]">
-          <span class="font-medium line-height-22 mr-20">联系电话</span>
+        <div class="bg-[#f5f7fa] flex items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
+          <span class="font-medium leading-[22px] mr-[20px]">联系电话</span>
           <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
         </div>
 
-        <div class="bg-F5F7FA  p-[12px] rounded-10 text-[14px] font-medium text-[#171717] mb-[12px]">
-          <div class="font-medium line-height-22 mb-[12px]">需求信息描述</div>
-          <textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="text-[14px] font-400" maxlength="100"
-            v-model="contactText" />
+        <div class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-medium text-[#171717] mb-[12px]">
+          <div class="font-medium leading-[22px] mb-[12px]">需求信息描述</div>
+          <textarea class="h-[80px]" placeholder="请输入需求信息描述" maxlength="100" v-model="contactText" />
         </div>
 
-        <div class="bg-F5F7FA  p-[12px] rounded-10 text-[14px] font-medium text-[#171717] mb-[12px]">
-          <div class="font-medium line-height-22 mb-[12px]">照片上传</div>
+        <div class="bg-[#f5f7fa] p-[12px] rounded-[10px] text-[14px] font-medium text-[#171717] mb-[12px]">
+          <div class="font-medium leading-[22px] mb-[12px]">照片上传</div>
 
-          <div class="w-80 h-80 bg-white rounded-8 overflow-hidden flex items-center flex-justify-center">
+          <div class="w-[80px] h-[80px] bg-white rounded-[8px] overflow-hidden flex items-center justify-center">
             <div v-if="contentImgUrl" class="w-full h-full relative inline-block">
-              <img class="w-full h-full block" :src="contentImgUrl" mode="aspectFill" />
-              <uni-icons class="close-btn absolute z-10" type="close" size="20" color="#6A717F"
+              <img class="w-full h-full block" :src="contentImgUrl" />
+              <van-icon class="top-0 right-0 absolute z-10" name="cross" size="20" color="#6A717F"
                 @click="handleDeleteImage">
-              </uni-icons>
+              </van-icon>
             </div>
 
-            <div v-else class="w-full h-full flex items-center flex-justify-center" @click="handleChooseImage">
+            <div v-else class="w-full h-full flex items-center justify-center" @click="handleChooseImage">
               <zn-icon name="zn-camera" size="24" color="#6A717F"></zn-icon>
             </div>
           </div>
@@ -56,10 +55,11 @@
           </div>
         </div>
 
-        <img v-if="contentImgUrl" class="right rounded-6" :src="contentImgUrl" mode="aspectFill" />
+        <img v-if="contentImgUrl" class="w-[88px] h-[88px] rounded-[6px]" :src="contentImgUrl" mode="aspectFill" />
       </div>
 
-      <div class="btn rounded-[5px]0 text-white bg-button flex items-center flex-justify-center ml-12 mr-12 mb-[12px]"
+      <div
+        class="h-[44px] rounded-[5px] text-white bg-linear-[90deg,#f0f8f3_0%,#4de4ff_100%] flex items-center justify-center mx-[12px] mb-[12px]"
         @click="handleCall">
         {{ isCallSuccess ? "查看服务" : "立即呼叫" }}
       </div>
@@ -225,12 +225,3 @@ onMounted(() => {
   });
 });
 </script>
-
-<style scoped lang="scss">
-@import "./styles/index.scss";
-
-.close-btn {
-  top: 0;
-  right: 0;
-}
-</style>
diff --git a/src/components/CreateServiceOrder/styles/index.scss b/src/components/CreateServiceOrder/styles/index.scss
deleted file mode 100644
index 073303d..0000000
--- a/src/components/CreateServiceOrder/styles/index.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-.order-header {
-  height: 48px;
-}
-
-.header-icon {
-  width: 98px;
-  height: 48px;
-}
-
-.help-icon {
-  width: 16px;
-  height: 16px;
-}
-
-.btn {
-  height: 44px;
-}
-
-.right {
-  height: 88px;
-  width: 88px;
-}
diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index cf79e7c..f531826 100644
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class=" flex items-center flex-justify-between mb-[12px]">
+  <div class=" flex items-center justify-between mb-[12px]">
     <div class="left flex items-center">
       <span class="text-[12px] text-ink-400 mr-[4px]">入住</span>
       <span class="text-[12px] text-[#171717] mr-16">
diff --git a/src/components/DetailPopup/index.vue b/src/components/DetailPopup/index.vue
index ffeeda9..b41b3ea 100644
--- a/src/components/DetailPopup/index.vue
+++ b/src/components/DetailPopup/index.vue
@@ -1,6 +1,6 @@
 <template>
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
-    <div class="refund-popup bg-F5F7FA ">
+    <div class="refund-popup bg-[#f5f7fa] ">
       <div class=" flex items-center justify-between pt-[12px] pb-[12px] relative">
         <div class="flex-1 text-[16px] text-[#171717] leading-[24px] text-center">
           明细详情
@@ -9,12 +9,12 @@
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </div>
       <!-- 内容区域 -->
-      <div class="rounded-[12px] bg-white ml-12 mr-12 mb-40">
-        <div class=" border-bottom flex items-center flex-justify-between pt-[12px] pb-[12px] ml-12 mr-12">
+      <div class="rounded-[12px] bg-white ml-[12px] mr-[12px] mb-40">
+        <div class=" border-bottom flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
           <span class="text-[16px] font-medium text-[#171717]">在线支付</span>
           <span class="text-[14px] text-[#171717]">239</span>
         </div>
-        <div class=" flex items-center flex-justify-between pt-[12px] pb-[12px] ml-12 mr-12">
+        <div class=" flex items-center justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
           <span class="text-[16px] font-medium text-[#171717]">房费</span>
           <span class="text-[14px] text-[#171717]">239</span>
         </div>
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index f531bb4..78418f7 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -1,25 +1,25 @@
 <template>
   <div class="create-service-order">
-    <div class="w-full bg-white  border-ff overflow-hidden rounded-20">
-      <div class=" order-header w-vw flex items-center flex-justify-between bg-theme-color-50">
-        <span class="text-[18px] font-medium text-[#171717] text-left ml-12">
+    <div class="w-full bg-white  border-ff overflow-hidden rounded-[20px]">
+      <div class=" order-header w-full flex items-center justify-between bg-[#f0f8f3]">
+        <span class="text-[18px] font-medium text-[#171717] text-left ml-[12px]">
           {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
         </span>
         <img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </div>
 
       <div v-if="!isCallSuccess" class=" p-[12px]">
-        <div class="bg-F5F7FA  flex items-center p-[12px] rounded-10 text-[14px] text-[#171717] mb-[12px]">
-          <span class="font-medium line-height-22 mr-20">联系电话</span>
+        <div class="bg-[#f5f7fa]  flex items-center p-[12px] rounded-[10px] text-[14px] text-[#171717] mb-[12px]">
+          <span class="font-medium leading-[22px] mr-[20px]">联系电话</span>
           <input placeholder="请填写联系电话" v-model="contactPhone" />
         </div>
-        <div class="bg-F5F7FA  p-[12px] rounded-10 text-[14px] font-medium text-[#171717] mb-[12px]">
-          <div class="font-medium line-height-22 mb-[12px]">意见内容</div>
-          <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-400" maxlength="100"
+        <div class="bg-[#f5f7fa]  p-[12px] rounded-[10px] text-[14px] font-medium text-[#171717] mb-[12px]">
+          <div class="font-medium leading-[22px] mb-[12px]">意见内容</div>
+          <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="text-[14px] font-normal" maxlength="100"
             v-model="contactText" />
         </div>
 
-        <div class="btn rounded-[5px]0 text-white bg-button flex items-center flex-justify-center" @click="handleCall">
+        <div class="btn rounded-[5px]0 text-white bg-button flex items-center justify-center" @click="handleCall">
           立即提交
         </div>
       </div>
diff --git a/src/components/RefundPopup/index.vue b/src/components/RefundPopup/index.vue
index 7134f2b..d49317c 100644
--- a/src/components/RefundPopup/index.vue
+++ b/src/components/RefundPopup/index.vue
@@ -1,6 +1,6 @@
 <template>
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
-    <div class="refund-popup bg-F5F7FA ">
+    <div class="refund-popup bg-[#f5f7fa] ">
       <div class=" flex items-center justify-between pt-[12px] pb-[12px] relative">
         <div class="flex-1 text-[16px] text-[#171717] leading-[24px] text-center">
           取消政策
@@ -9,7 +9,7 @@
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </div>
       <!-- 内容区域 -->
-      <div class=" rounded-[12px] bg-white p-[12px] ml-12 mr-12 mb-40">
+      <div class=" rounded-[12px] bg-white p-[12px] ml-[12px] mr-[12px] mb-40">
         <div class="flex items-center mb-8">
           <uni-icons fontFamily="znicons" size="20" color="#333">
             {{ iconsMap["zn-refund"] }}
diff --git a/src/components/Stepper/index.vue b/src/components/Stepper/index.vue
index 1642add..3a9b7a2 100644
--- a/src/components/Stepper/index.vue
+++ b/src/components/Stepper/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="stepper-wrapper  flex items-center rounded-8">
+  <div class="stepper-wrapper  flex items-center rounded-[8px]">
     <uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
     <text class="stepper-text text-center text-[14px] font-medium text-black ml-4 mr-[4px]">
       {{ value }} {{ unit }}
diff --git a/src/components/SurveyQuestionnaire/index.vue b/src/components/SurveyQuestionnaire/index.vue
index a74ac7a..ce63783 100644
--- a/src/components/SurveyQuestionnaire/index.vue
+++ b/src/components/SurveyQuestionnaire/index.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="survey-questionnaire w-vw-24">
-    <div class="bg-white  border-ff overflow-hidden rounded-20">
-      <div class=" flex items-center flex-justify-between bg-theme-color-50">
-        <span class="text-[18px] font-medium text-[#171717] text-left ml-12">
+  <div class="survey-questionnaire w-[calc(100%-24px)]">
+    <div class="bg-white  border-ff overflow-hidden rounded-[20px]">
+      <div class=" flex items-center justify-between bg-[#f0f8f3]">
+        <span class="text-[18px] font-medium text-[#171717] text-left ml-[12px]">
           调查问卷
         </span>
         <img class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
@@ -10,7 +10,7 @@
 
       <img class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
 
-      <div class="h-44 m-[12px] rounded-[5px]0 bg-button text-white flex items-center flex-justify-center"
+      <div class="h-44 m-[12px] rounded-[5px]0 bg-button text-white flex items-center justify-center"
         @click="handleCall">
         前往填写
       </div>
diff --git a/src/pages/album/index.vue b/src/pages/album/index.vue
index 5ed8ebb..b8f90bd 100644
--- a/src/pages/album/index.vue
+++ b/src/pages/album/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-F5F7FA flex flex-col h-screen overflow-hidden">
+  <div class="bg-[#f5f7fa] flex flex-col h-screen overflow-hidden">
     <TopNavBar title="房间相册" backgroundColor="transparent" />
     <div class="p-8">
       <span class="ml-4 text-[18px] text-[#171717] font-medium">全部({{ albumList.length }})</span>
diff --git a/src/pages/booking/components/ConactSection/index.vue b/src/pages/booking/components/ConactSection/index.vue
index 46c9ebc..105b8f5 100644
--- a/src/pages/booking/components/ConactSection/index.vue
+++ b/src/pages/booking/components/ConactSection/index.vue
@@ -20,7 +20,7 @@
       联系方式
     </div>
     <div class="flex items-center  p-[12px]">
-      <div class="text-[14px] font-medium text-ink-600 mr-12">联系人姓名</div>
+      <div class="text-[14px] font-medium text-ink-600 mr-[12px]">联系人姓名</div>
       <div class="right">
         <input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].visitorName"
           placeholder="请输入联系人" maxlength="20" />
@@ -28,7 +28,7 @@
     </div>
 
     <div class="flex items-center  p-[12px]">
-      <div class="text-[14px] font-medium text-ink-600 mr-12">手机号码</div>
+      <div class="text-[14px] font-medium text-ink-600 mr-[12px]">手机号码</div>
       <div class="right">
         <input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].contactPhone"
           placeholder="请输入联系手机" maxlength="11" />
diff --git a/src/pages/booking/components/FooterSection/index.vue b/src/pages/booking/components/FooterSection/index.vue
index 50d1b52..8a696e8 100644
--- a/src/pages/booking/components/FooterSection/index.vue
+++ b/src/pages/booking/components/FooterSection/index.vue
@@ -7,7 +7,7 @@
       <span class="text-[12px] color-A3A3A3 mr-[4px]">明细</span>
       <uni-icons type="up" size="16" color="#A3A3A3" />
     </div> -->
-    <div class="btn  rounded-10 flex items-center ml-auto pl-8" @click="handleBooking">
+    <div class="btn  rounded-[10px] flex items-center ml-auto pl-8" @click="handleBooking">
       <img class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
       <span class="text-[16px] font-medium text-white">立即支付</span>
     </div>
diff --git a/src/pages/booking/components/UserSection/index.vue b/src/pages/booking/components/UserSection/index.vue
index 71535f5..23ba1c1 100644
--- a/src/pages/booking/components/UserSection/index.vue
+++ b/src/pages/booking/components/UserSection/index.vue
@@ -12,7 +12,7 @@
     <div class=" pl-12 pr-12">
       <div class=" border-bottom pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
         :key="index">
-        <div class="text-[14px] font-medium text-ink-600 mr-12">住客姓名</div>
+        <div class="text-[14px] font-medium text-ink-600 mr-[12px]">住客姓名</div>
         <div class="right">
           <input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="item.visitorName"
             placeholder="请输入姓名" maxlength="11" />
@@ -20,7 +20,7 @@
       </div>
 
       <div class="flex items-center  pt-[12px] pb-[12px]">
-        <div class="text-[14px] font-medium text-ink-600 mr-12">联系手机</div>
+        <div class="text-[14px] font-medium text-ink-600 mr-[12px]">联系手机</div>
         <div class="right">
           <input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].contactPhone"
             placeholder="请输入联系手机" maxlength="11" />
diff --git a/src/pages/booking/index.vue b/src/pages/booking/index.vue
index bc7fc09..95e7d0d 100644
--- a/src/pages/booking/index.vue
+++ b/src/pages/booking/index.vue
@@ -32,7 +32,7 @@
           </div>
         </div>
 
-        <div class=" flex items-center flex-justify-between pt-[12px]">
+        <div class=" flex items-center justify-between pt-[12px]">
           <span class="text-[12px] text-ink-600 line-height-18">取消政策及说明</span>
           <div class="flex items-center">
             <span class="text-[12px] theme-color-500 leading-[16px]" @click="refundVisible = true">取消政策</span>
diff --git a/src/pages/home/components/AnswerComponent/index.vue b/src/pages/home/components/AnswerComponent/index.vue
index 83fbae3..fafded5 100644
--- a/src/pages/home/components/AnswerComponent/index.vue
+++ b/src/pages/home/components/AnswerComponent/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="w-full bg-white  border-ff overflow-hidden rounded-20 flex flex-col">
+  <div class="w-full bg-white  border-ff overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
-    <div class="w-vw"></div>
+    <div class="w-full"></div>
     <div class="flex flex-col px-[16px] pt-16 pb-[12px] ">
       <div v-if="tag" class="long-answer-tag">{{ tag }}</div>
       <div v-if="title" class="flex flex-row flex-items-start flex-justify-start mb-4">
@@ -14,11 +14,11 @@
       </div>
       <!-- 超过3行时显示...提示 -->
       <div v-if="!finish" class="flex flex-row items-center mt-8">
-        <span class="text-[12px] font-400 font-color-600">正在生成</span>
+        <span class="text-[12px] font-normal font-color-600">正在生成</span>
         <ChatLoading />
       </div>
-      <div v-if="isOverflow" class="flex flex-row items-center flex-justify-between mt-4" @click="lookDetailAction">
-        <span class="text-[12px] font-400 theme-color-500 mr-[4px]">查看完整{{ tag }}</span>
+      <div v-if="isOverflow" class="flex flex-row items-center justify-between mt-4" @click="lookDetailAction">
+        <span class="text-[12px] font-normal theme-color-500 mr-[4px]">查看完整{{ tag }}</span>
         <uni-icons class="icon-active" type="right" size="14" color="opacity"></uni-icons>
       </div>
 
diff --git a/src/pages/home/components/ChatMainList/index.vue b/src/pages/home/components/ChatMainList/index.vue
index c69334e..1d52333 100644
--- a/src/pages/home/components/ChatMainList/index.vue
+++ b/src/pages/home/components/ChatMainList/index.vue
@@ -100,7 +100,7 @@
         </template>
 
         <template v-else>
-          <ChatCardOther class="flex flex-justify-center" :text="item.msg">
+          <ChatCardOther class="flex justify-center" :text="item.msg">
             <ChatGuide v-if="chatMsgList.length < 2" />
             <ActivityListComponent v-if="
               mainPageDataModel.activityList &&
diff --git a/src/pages/home/components/ChatTopWelcome/index.vue b/src/pages/home/components/ChatTopWelcome/index.vue
index b5c1056..10472b9 100644
--- a/src/pages/home/components/ChatTopWelcome/index.vue
+++ b/src/pages/home/components/ChatTopWelcome/index.vue
@@ -1,8 +1,8 @@
 v
 <template>
   <div class="welcome-content  p-[12px]">
-    <div class="wrap rounded-20">
-      <div class="flex items-center flex-justify-between  pl-12 pr-12">
+    <div class="wrap rounded-[20px]">
+      <div class="flex items-center justify-between  pl-12 pr-12">
         <SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
           :frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
           :displayWidth="spriteStyle.displayWidth" :fps="16" />
diff --git a/src/pages/home/components/FacilityLocationCard/index.vue b/src/pages/home/components/FacilityLocationCard/index.vue
index c778090..ac9aa17 100644
--- a/src/pages/home/components/FacilityLocationCard/index.vue
+++ b/src/pages/home/components/FacilityLocationCard/index.vue
@@ -17,7 +17,7 @@
         <span>{{ distance.text }}</span>
       </div>
 
-      <div class="facility-location-card__location bg-[#f8fafc] rounded-20">
+      <div class="facility-location-card__location bg-[#f8fafc] rounded-[20px]">
         <div class="facility-location-card__location-label flex items-center color-64748B text-[13px] font-bold">
           <span class="facility-location-card__location-dot">{{ location.icon }}</span>
           <span>{{ location.label }}</span>
@@ -28,7 +28,7 @@
       </div>
 
       <div
-        class="facility-location-card__button flex items-center flex-justify-center bg-0F172A text-white text-[18px] font-bold"
+        class="facility-location-card__button flex items-center justify-center bg-0F172A text-white text-[18px] font-bold"
         :class="{ 'is-disabled': disabled }" @click="handleAction">
         <span class="facility-location-card__button-icon">{{ action.icon }}</span>
         <span>{{ action.text }}</span>
diff --git a/src/pages/home/components/FaqHelpCard/index.vue b/src/pages/home/components/FaqHelpCard/index.vue
index 39ea0c7..a7b09ad 100644
--- a/src/pages/home/components/FaqHelpCard/index.vue
+++ b/src/pages/home/components/FaqHelpCard/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="faq-help-card bg-white rounded-[24px] w-full">
     <div class="faq-help-card__header flex items-center">
-      <div class="faq-help-card__icon flex items-center flex-justify-center rounded-full text-[16px] font-bold">
+      <div class="faq-help-card__icon flex items-center justify-center rounded-full text-[16px] font-bold">
         {{ data.icon }}
       </div>
       <div class="faq-help-card__title text-[#1e293b] font-size-20 font-bold">
diff --git a/src/pages/home/components/GeneratorPhotoComponent/index.vue b/src/pages/home/components/GeneratorPhotoComponent/index.vue
index abecc0d..617c076 100644
--- a/src/pages/home/components/GeneratorPhotoComponent/index.vue
+++ b/src/pages/home/components/GeneratorPhotoComponent/index.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="container w-full  border-ff overflow-hidden rounded-[24px] flex flex-col">
     <!-- 占位撑开 -->
-    <div class="w-vw"></div>
+    <div class="w-full"></div>
     <div class="content flex flex-col m-4  rounded-[24px]">
       <div class="flex flex-col p-6  items-center justify-center">
-        <img class="w-full rounded-20" :src="props.toolCall.componentNameParams.background" mode="widthFix" />
+        <img class="w-full rounded-[20px]" :src="props.toolCall.componentNameParams.background" mode="widthFix" />
 
         <!-- 左上角标签 -->
         <div class="tag">
@@ -14,14 +14,14 @@
 
         <img class="g_title mt-20" :src="props.toolCall.componentNameParams.title" />
 
-        <span class="text-[14px] font-400 text-white my-12 text-center">
+        <span class="text-[14px] font-normal text-white my-12 text-center">
           {{ props.toolCall.componentNameParams.description }}
         </span>
 
         <div class="w-full  px-12 pb-8 flex flex-row" @click="jumpClick">
           <div class="btn-bg w-full  p-4 rounded-[24px] flex flex-row">
             <div
-              class="btn-bg-sub w-full  p-16 rounded-20 flex flex-row items-center flex-justify-center text-white text-center text-[18px] font-800">
+              class="btn-bg-sub w-full  p-16 rounded-[20px] flex flex-row items-center justify-center text-white text-center text-[18px] font-800">
               {{ props.toolCall.componentNameParams.buttonName }}
             </div>
           </div>
diff --git a/src/pages/home/components/LongTextGuideCard/index.vue b/src/pages/home/components/LongTextGuideCard/index.vue
index f8c1b5f..5c8b666 100644
--- a/src/pages/home/components/LongTextGuideCard/index.vue
+++ b/src/pages/home/components/LongTextGuideCard/index.vue
@@ -12,7 +12,7 @@
         <div class="long-text-guide-card__summary-text color-94A3B8 text-[14px] font-medium ellipsis-2">
           {{ item.summary }}
         </div>
-        <div class="long-text-guide-card__summary-footer flex items-center flex-justify-between">
+        <div class="long-text-guide-card__summary-footer flex items-center justify-between">
           <text class="color-CBD5E1 text-[12px] font-800">{{ item.footer }}</text>
           <uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
         </div>
@@ -21,7 +21,7 @@
 
     <div v-else class="long-text-guide-card__detail-card bg-white rounded-[24px]  overflow-hidden">
       <div class="long-text-guide-card__detail-header flex items-center border-bottom-F1F5F9">
-        <div class="long-text-guide-card__back flex items-center flex-justify-center rounded-full font-700"
+        <div class="long-text-guide-card__back flex items-center justify-center rounded-full font-700"
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </div>
@@ -104,7 +104,7 @@
           <img class="long-text-guide-card__photo-image w-full block" :src="activeItem.action.image"
             mode="aspectFill" />
           <div
-            class="long-text-guide-card__expand flex items-center flex-justify-center rounded-full text-white text-[18px] font-bold">
+            class="long-text-guide-card__expand flex items-center justify-center rounded-full text-white text-[18px] font-bold">
             ↗
           </div>
         </div>
diff --git a/src/pages/home/components/LongTextGuideCardPreview/index.vue b/src/pages/home/components/LongTextGuideCardPreview/index.vue
index c7b0afd..a1d10a9 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/index.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="w-full bg-white  border-ff overflow-hidden rounded-20 flex flex-col">
+  <div class="w-full bg-white  border-ff overflow-hidden rounded-[20px] flex flex-col">
     <!-- 占位撑开 -->
-    <div class="w-vw"></div>
+    <div class="w-full"></div>
     <div class="flex flex-col px-[16px] pt-16 pb-[12px] " @click="openDetail(item)">
 
       <div class="long-text-guide-card__badge text-[12px] font-bold" :class="`is-${item.badgeTone}`">
@@ -14,7 +14,7 @@
       <div class="long-text-guide-card__summary-text color-94A3B8 text-[14px] font-medium ellipsis-2">
         {{ item.summary }}
       </div>
-      <div class="long-text-guide-card__summary-footer flex items-center flex-justify-between">
+      <div class="long-text-guide-card__summary-footer flex items-center justify-between">
         <span class="color-CBD5E1 text-[12px] font-800">{{ item.footer }}</span>
         <uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
       </div>
diff --git a/src/pages/home/components/MapNavigationCard/index.vue b/src/pages/home/components/MapNavigationCard/index.vue
index 8435184..8bd062c 100644
--- a/src/pages/home/components/MapNavigationCard/index.vue
+++ b/src/pages/home/components/MapNavigationCard/index.vue
@@ -18,7 +18,7 @@
         </div>
       </div>
       <div
-        class="map-navigation-card__button flex items-center flex-justify-center bg-0F172A text-white text-[18px] font-bold"
+        class="map-navigation-card__button flex items-center justify-center bg-0F172A text-white text-[18px] font-bold"
         :class="{ 'is-disabled': disabled }" @click="handleAction">
         <span class="map-navigation-card__button-icon">{{ action.icon }}</span>
         <span>{{ action.text }}</span>
diff --git a/src/pages/home/components/MoreService/index.vue b/src/pages/home/components/MoreService/index.vue
index a3f528c..8a98c3b 100644
--- a/src/pages/home/components/MoreService/index.vue
+++ b/src/pages/home/components/MoreService/index.vue
@@ -8,7 +8,7 @@
 
       <div class="list bg-white  pl-20 pr-20">
         <div class="item  border-bottom pt-20 pb-20" v-for="(item, index) in list" :key="index">
-          <div class="flex items-center flex-justify-center">
+          <div class="flex items-center justify-center">
             <img v-if="item.icon" class="left" :src="item.icon" />
             <div class="center flex-1">
               <div class="text-[16px] text-black leading-[24px] font-medium">
diff --git a/src/pages/home/components/NoticeCard/index.vue b/src/pages/home/components/NoticeCard/index.vue
index 1db9c7e..7d83c16 100644
--- a/src/pages/home/components/NoticeCard/index.vue
+++ b/src/pages/home/components/NoticeCard/index.vue
@@ -7,7 +7,7 @@
       <div class="notice-card__summary-content color-D97706 text-[14px] font-bold">
         {{ summary.content }}
       </div>
-      <div class="notice-card__summary-footer flex items-center flex-justify-between">
+      <div class="notice-card__summary-footer flex items-center justify-between">
         <div class="notice-card__summary-time color-D97706 text-[12px] font-bold">
           {{ summary.publishTime }}
         </div>
@@ -20,8 +20,7 @@
 
     <div v-else class="notice-card__detail bg-white rounded-[24px] overflow-hidden w-full">
       <div class="notice-card__detail-head flex items-center">
-        <div class="notice-card__back flex items-center flex-justify-center rounded-full flex-shrink-0"
-          @click="closeDetail">
+        <div class="notice-card__back flex items-center justify-center rounded-full flex-shrink-0" @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </div>
         <div class="notice-card__head-title text-[#1e293b] text-[18px] font-bold">
diff --git a/src/pages/home/components/OpenMapComponent/index.vue b/src/pages/home/components/OpenMapComponent/index.vue
index 17a70e6..73c5c5d 100644
--- a/src/pages/home/components/OpenMapComponent/index.vue
+++ b/src/pages/home/components/OpenMapComponent/index.vue
@@ -1,18 +1,18 @@
 <template>
-    <div class="w-full bg-white  border-ff overflow-hidden rounded-20 flex flex-col">
+    <div class="w-full bg-white  border-ff overflow-hidden rounded-[20px] flex flex-col">
         <!-- 占位撑开 -->
-        <div class="w-vw"></div>
-        <div class="flex items-center flex-justify-between p-[12px] " @click="openMap">
-            <div class="rounded-[16px] p-16 bg-theme-color-50">
-                <div class="w-32 h-32 rounded-full bg-white flex items-center flex-justify-center">
+        <div class="w-full"></div>
+        <div class="flex items-center justify-between p-[12px] " @click="openMap">
+            <div class="rounded-[16px] p-16 bg-[#f0f8f3]">
+                <div class="w-32 h-32 rounded-full bg-white flex items-center justify-center">
                     <uni-icons type="location" size="16" color="#171717" />
                 </div>
             </div>
-            <div class="center ml-12">
+            <div class="center ml-[12px]">
                 <div class="font-color-900 text-[14px]">打开导览地图</div>
                 <div class="font-color-500 text-[12px] mt-6">距你 {{ distance }} · 步行 {{ walk }}</div>
             </div>
-            <div class="ml-12 flex items-center flex-justify-center w-32 h-32 rounded-full bg-F2F5F8">
+            <div class="ml-[12px] flex items-center justify-center w-32 h-32 rounded-full bg-F2F5F8">
                 <uni-icons class="mb-2" type="right" size="12" color="#99A0AE" />
             </div>
         </div>
diff --git a/src/pages/home/components/PoiCompareCard/index.vue b/src/pages/home/components/PoiCompareCard/index.vue
index 7044a13..0e901c4 100644
--- a/src/pages/home/components/PoiCompareCard/index.vue
+++ b/src/pages/home/components/PoiCompareCard/index.vue
@@ -2,7 +2,7 @@
   <div class="poi-compare-card w-full">
     <div v-if="!isDetail" class="poi-compare-card__overdiv bg-white rounded-[24px] overflow-hidden">
       <div class="poi-compare-card__head flex items-center">
-        <div class="poi-compare-card__mark flex items-center flex-justify-center rounded-full flex-shrink-0">
+        <div class="poi-compare-card__mark flex items-center justify-center rounded-full flex-shrink-0">
           {{ data.icon }}
         </div>
         <div class="poi-compare-card__title text-[#1e293b] text-[18px] font-bold truncate flex-1">
@@ -29,8 +29,7 @@
         </div>
       </div>
 
-      <div
-        class="poi-compare-card__primary flex items-center flex-justify-center bg-0F172A text-white text-[15px] font-bold"
+      <div class="poi-compare-card__primary flex items-center justify-center bg-0F172A text-white text-[15px] font-bold"
         :class="{ 'is-disabled': disabled }" @click="openDetail">
         {{ data.detailButtonText }}
       </div>
@@ -38,7 +37,7 @@
 
     <div v-else class="poi-compare-card__detail-card bg-white rounded-[24px] overflow-hidden">
       <div class="poi-compare-card__detail-head flex items-center">
-        <div class="poi-compare-card__back flex items-center flex-justify-center rounded-full flex-shrink-0"
+        <div class="poi-compare-card__back flex items-center justify-center rounded-full flex-shrink-0"
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </div>
@@ -85,7 +84,7 @@
 
       <div class="poi-compare-card__actions grid grid-cols-2 gap-14">
         <div v-for="action in detail.actions" :key="action.id || action.text"
-          class="poi-compare-card__action flex items-center flex-justify-center text-[15px] font-bold"
+          class="poi-compare-card__action flex items-center justify-center text-[15px] font-bold"
           :class="[action.primary ? 'poi-compare-card__action--primary bg-0F172A text-white' : 'poi-compare-card__action--secondary text-[#334155]', { 'is-disabled': disabled }]"
           @click="handleAction(action)">
           <span class="poi-compare-card__action-icon">{{ action.icon }}</span>
diff --git a/src/pages/home/components/PoiDetailCard/index.vue b/src/pages/home/components/PoiDetailCard/index.vue
index 86e24f5..6bb3e34 100644
--- a/src/pages/home/components/PoiDetailCard/index.vue
+++ b/src/pages/home/components/PoiDetailCard/index.vue
@@ -21,7 +21,7 @@
       </div>
 
       <div
-        class="poi-detail-card__button flex items-center flex-justify-center gap-8 text-white bg-0F172A text-[16px] font-bold"
+        class="poi-detail-card__button flex items-center justify-center gap-8 text-white bg-0F172A text-[16px] font-bold"
         :class="{ 'is-disabled': disabled }" @click="handleAction">
         <span class="poi-detail-card__button-icon">↗</span>
         <span>{{ data.action?.text }}</span>
diff --git a/src/pages/home/components/RecommendationListCard/index.vue b/src/pages/home/components/RecommendationListCard/index.vue
index b7471d4..a424214 100644
--- a/src/pages/home/components/RecommendationListCard/index.vue
+++ b/src/pages/home/components/RecommendationListCard/index.vue
@@ -3,7 +3,7 @@
     <div class="recommendation-list-card__scroll scroll-x whitespace-nowrap w-full" scroll-x :show-scrollbar="false"
       enhanced>
       <div v-for="item in items" :key="item.id || item.title"
-        class="recommendation-list-card__item inline-block bg-white rounded-20 overflow-hidden"
+        class="recommendation-list-card__item inline-block bg-white rounded-[20px] overflow-hidden"
         :class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
         <img class="recommendation-list-card__image block w-full" :src="item.image" mode="aspectFill" />
         <div class="recommendation-list-card__body p-16">
@@ -16,7 +16,7 @@
             <span>{{ item.distance }}</span>
           </div>
           <div
-            class="recommendation-list-card__button flex items-center flex-justify-center mt-[12px] text-[#334155] text-[12px] font-bold"
+            class="recommendation-list-card__button flex items-center justify-center mt-[12px] text-[#334155] text-[12px] font-bold"
             @click.stop="handleSelect(item)">
             {{ getActionText(item) }}
           </div>
diff --git a/src/pages/home/components/RoutePlanCard/index.vue b/src/pages/home/components/RoutePlanCard/index.vue
index b577c02..e7acbb7 100644
--- a/src/pages/home/components/RoutePlanCard/index.vue
+++ b/src/pages/home/components/RoutePlanCard/index.vue
@@ -22,7 +22,7 @@
 
     <div v-else class="route-plan-card__detail bg-white rounded-[24px] overflow-hidden w-full">
       <div class="route-plan-card__detail-head flex items-center">
-        <div class="route-plan-card__back flex items-center flex-justify-center rounded-full flex-shrink-0"
+        <div class="route-plan-card__back flex items-center justify-center rounded-full flex-shrink-0"
           @click="closeDetail">
           <uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
         </div>
@@ -38,10 +38,10 @@
         <template v-for="(node, index) in nodes" :key="node.id || node.title">
           <div class="route-plan-card__node-wrap" :class="{ 'is-disabled': disabled }" @click="handleSelect(node)">
             <div
-              class="route-plan-card__node-number flex items-center flex-justify-center rounded-full color-047857 bg-ECFDF5 text-[12px] font-bold">
+              class="route-plan-card__node-number flex items-center justify-center rounded-full color-047857 bg-ECFDF5 text-[12px] font-bold">
               {{ index + 1 }}
             </div>
-            <div class="route-plan-card__node bg-white rounded-20 flex items-center">
+            <div class="route-plan-card__node bg-white rounded-[20px] flex items-center">
               <img class="route-plan-card__node-image block flex-shrink-0" :src="node.image" mode="aspectFill" />
               <div class="route-plan-card__node-body flex-1">
                 <div class="route-plan-card__node-title text-[#1e293b] text-[16px] font-bold truncate">
@@ -69,7 +69,7 @@
         </template>
       </div>
 
-      <div v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-20">
+      <div v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-[20px]">
         <div class="route-plan-card__tips-title color-64748B text-[14px] font-bold">
           {{ detail.tipsTitle }}
         </div>
diff --git a/src/pages/home/components/ScenicImageCard/index.vue b/src/pages/home/components/ScenicImageCard/index.vue
index 9b35e17..c0cf153 100644
--- a/src/pages/home/components/ScenicImageCard/index.vue
+++ b/src/pages/home/components/ScenicImageCard/index.vue
@@ -4,7 +4,7 @@
     <img class="scenic-image-card__image block w-full" :src="data.image" mode="aspectFill" />
 
     <div
-      class="scenic-image-card__expand flex items-center flex-justify-center rounded-full text-white text-[18px] font-bold"
+      class="scenic-image-card__expand flex items-center justify-center rounded-full text-white text-[18px] font-bold"
       @click.stop="handleAction">
       {{ action.icon }}
     </div>
diff --git a/src/pages/home/components/SharedVisual/ActionRow.vue b/src/pages/home/components/SharedVisual/ActionRow.vue
index e00b816..ba6f84f 100644
--- a/src/pages/home/components/SharedVisual/ActionRow.vue
+++ b/src/pages/home/components/SharedVisual/ActionRow.vue
@@ -1,8 +1,7 @@
 <template>
   <div class="visual-action-row flex items-center gap-[12px] p-[12px] bg-white rounded-18 "
     :class="{ 'is-disabled': disabled }" @click="handleClick">
-    <div
-      class="visual-action-row__icon flex items-center flex-justify-center w-42 h-42 rounded-14 text-[18px] font-bold"
+    <div class="visual-action-row__icon flex items-center justify-center w-42 h-42 rounded-14 text-[18px] font-bold"
       :class="toneClass">
       <slot name="icon">{{ icon }}</slot>
     </div>
diff --git a/src/pages/home/components/SharedVisual/BadgePill.vue b/src/pages/home/components/SharedVisual/BadgePill.vue
index 509da34..ddcef8d 100644
--- a/src/pages/home/components/SharedVisual/BadgePill.vue
+++ b/src/pages/home/components/SharedVisual/BadgePill.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="visual-badge flex items-center flex-justify-center rounded-[5px]0 font-size-10 font-800 whitespace-nowrap"
+  <div class="visual-badge flex items-center justify-center rounded-[5px]0 font-size-10 font-800 whitespace-nowrap"
     :class="toneClass">
     <slot>{{ label }}</slot>
   </div>
diff --git a/src/pages/order/order/components/AmtSection/index.vue b/src/pages/order/order/components/AmtSection/index.vue
index e325367..a780654 100644
--- a/src/pages/order/order/components/AmtSection/index.vue
+++ b/src/pages/order/order/components/AmtSection/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="bg-white  rounded-[12px] p-[12px] mb-[12px]">
-    <div class="flex items-center flex-justify-between">
+    <div class="flex items-center justify-between">
       <div class="flex items-center">
         <span class="text-[16px] text-[#171717] leading-[24px] font-medium">
           订单金额
@@ -14,7 +14,7 @@
       超时后，订单将自动取消
     </div>
     <div v-if="['1', '2'].includes(orderData.orderStatus)"
-      class=" border-top flex items-center flex-justify-between text-[12px] pt-[12px] mt-[12px]">
+      class=" border-top flex items-center justify-between text-[12px] pt-[12px] mt-[12px]">
       <div class="text-ink-600">取消政策及说明</div>
       <div class="flex items-center" @click="emit('click')">
         <span class="theme-color-500 mr-[4px]">查看详情</span>
diff --git a/src/pages/order/order/components/FooterSection/index.vue b/src/pages/order/order/components/FooterSection/index.vue
index 72c96dd..1bf8e7a 100644
--- a/src/pages/order/order/components/FooterSection/index.vue
+++ b/src/pages/order/order/components/FooterSection/index.vue
@@ -1,12 +1,12 @@
 <template>
-  <div class="footer bg-white  flex items-center flex-justify-between p-[12px]">
+  <div class="footer bg-white  flex items-center justify-between p-[12px]">
     <button v-if="['1', '2'].includes(statusCode)"
-      class="left border-none  bg-white rounded-10 flex items-center flex-justify-center text-[14px] font-medium text-ink-600 mr-12"
+      class="left border-none  bg-white rounded-[10px] flex items-center justify-center text-[14px] font-medium text-ink-600 mr-[12px]"
       @click="emit('refund', orderData)">
       申请退款
     </button>
     <button :class="[
-      'right border-none rounded-10 flex flex-1 items-center flex-justify-center text-[14px] font-medium bg-theme-color-500',
+      'right border-none rounded-[10px] flex flex-1 items-center justify-center text-[14px] font-medium bg-[#f0f8f3]0',
       {
         'text-[#ff3d60]': statusCode === '0',
         'text-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),
diff --git a/src/pages/order/order/components/OrderCard/OrderCardContent.vue b/src/pages/order/order/components/OrderCard/OrderCardContent.vue
index 724d95d..ba84947 100644
--- a/src/pages/order/order/components/OrderCard/OrderCardContent.vue
+++ b/src/pages/order/order/components/OrderCard/OrderCardContent.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="card-content  pt-[12px]">
     <div class="flex items-center justify-between">
-      <div class="left flex-1 text-[14px] leading-[20px] text-[#171717] mr-12">
+      <div class="left flex-1 text-[14px] leading-[20px] text-[#171717] mr-[12px]">
         {{ orderData.commodityName }}
       </div>
       <div :class="[
diff --git a/src/pages/order/order/components/OrderInfo/index.vue b/src/pages/order/order/components/OrderInfo/index.vue
index 1a89f23..e274843 100644
--- a/src/pages/order/order/components/OrderInfo/index.vue
+++ b/src/pages/order/order/components/OrderInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white  rounded-10 p-[12px]">
+  <div class="bg-white  rounded-[10px] p-[12px]">
     <div class="flex mb-8 text-[12px]">
       <span class="w-60 text-ink-400">订单编号</span>
       <span class="text-ink-600">{{ orderData.orderId }}</span>
diff --git a/src/pages/order/order/components/OrderQrcode/index.vue b/src/pages/order/order/components/OrderQrcode/index.vue
index 668274c..a598f22 100644
--- a/src/pages/order/order/components/OrderQrcode/index.vue
+++ b/src/pages/order/order/components/OrderQrcode/index.vue
@@ -56,7 +56,7 @@
           </div>
 
           <div v-if="false"
-            class="mt-[20px] bg-theme-color-50 text-[#0CCD58] text-[14px] px-12 leading-[24px] rounded-[12px]">
+            class="mt-[20px] bg-[#f0f8f3] text-[#0CCD58] text-[14px] px-12 leading-[24px] rounded-[12px]">
             {{ selectedVoucher.name }}
           </div>
         </div>
diff --git a/src/pages/order/order/components/UserInfo/index.vue b/src/pages/order/order/components/UserInfo/index.vue
index c0ce662..f8c8af9 100644
--- a/src/pages/order/order/components/UserInfo/index.vue
+++ b/src/pages/order/order/components/UserInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white  rounded-10 p-[12px] mb-[12px]" v-if="hasConsumerData">
+  <div class="bg-white  rounded-[10px] p-[12px] mb-[12px]" v-if="hasConsumerData">
     <div v-for="(item, index) in consumerList" :key="index">
       <div class="flex mb-8 text-[12px]">
         <span class="w-60 text-ink-400">住客姓名</span>
diff --git a/src/pages/order/order/components/VoucherList/index.vue b/src/pages/order/order/components/VoucherList/index.vue
index 139e381..aa2482b 100644
--- a/src/pages/order/order/components/VoucherList/index.vue
+++ b/src/pages/order/order/components/VoucherList/index.vue
@@ -4,7 +4,7 @@
       核销凭证列表
     </span>
 
-    <div class="flex items-center flex-justify-between py-12" :class="[
+    <div class="flex items-center justify-between py-12" :class="[
       index + 1 === props.orderData.commodityPackageConfig.length
         ? ''
         : 'border-bottom',
@@ -12,17 +12,17 @@
       <div class="flex flex-col">
         <span class="span-color-900 text-[16px]">{{ item.name }}</span>
         <div class="flex flex-row mt-8">
-          <div class="bg-F5F7FA span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
+          <div class="bg-[#f5f7fa] span-color-600 text-[12px] p-4 rounded-[4px] mr-[4px]">
             总计{{ item.count }}{{ item.unit }}
           </div>
-          <div class="bg-theme-color-50 theme-color-500 text-[12px] p-4 rounded-[4px]">
+          <div class="bg-[#f0f8f3] theme-color-500 text-[12px] p-4 rounded-[4px]">
             剩{{ item.count - item.writeOffCount }}{{ item.unit }}可用
           </div>
         </div>
       </div>
 
-      <div class="flex items-center px-14 py-8 rounded-8"
-        :class="[item.packageStatus === 0 ? 'bg-theme-color-500' : 'bg-gray']" @click="handleShowQrcode(item, index)">
+      <div class="flex items-center px-14 py-8 rounded-[8px]"
+        :class="[item.packageStatus === 0 ? 'bg-[#f0f8f3]0' : 'bg-gray']" @click="handleShowQrcode(item, index)">
         <span v-if="item.packageStatus === 0" class="text-[14px] text-white">出示凭证</span>
         <span v-else class="text-[14px] span-color-300">已核销</span>
       </div>