diff --git a/src/api/home.ts b/src/api/home.ts
index b7f1d1d..41c597f 100644
--- a/src/api/home.ts
+++ b/src/api/home.ts
@@ -88,3 +88,20 @@ export function discoveryCradComponent() {
     method: "get",
   });
 }
+
+// 最近会话
+export function recentConversation() {
+  return request({
+    url: "/hotelBiz/chat/recentConversation",
+    method: "get",
+  });
+}
+
+// 会话消息列表
+export function conversationMsgList(args: any) {
+  return request({
+    url: "/hotelBiz/chat/conversationMessageList",
+    method: "post",
+    data: args,
+  });
+}
diff --git a/src/components/AiTabSwitch/index.vue b/src/components/AiTabSwitch/index.vue
index e7af96e..f564191 100644
--- a/src/components/AiTabSwitch/index.vue
+++ b/src/components/AiTabSwitch/index.vue
@@ -8,7 +8,7 @@
             : leftUnselected || leftSelected
             " class="tab-image" mode="scaleToFill" />
           <div class="tab-label">
-            <spanclass="tab-text">探索发现</text>
+            <span class="tab-text">探索发现</span>
           </div>
         </div>
       </div>
@@ -20,13 +20,13 @@
             : rightUnselected || rightSelected
             " class="tab-image" mode="scaleToFill" />
           <div class="tab-label">
-            <spanclass="tab-text">AI伴游</text>
-              <div v-if="showDot" :class="[
-                'status-dot',
-                modelValue === 1
-                  ? 'status-dot--active'
-                  : 'status-dot--inactive',
-              ]"></div>
+            <span class="tab-text">AI伴游</span>
+            <div v-if="showDot" :class="[
+              'status-dot',
+              modelValue === 1
+                ? 'status-dot--active'
+                : 'status-dot--inactive',
+            ]"></div>
           </div>
         </div>
       </div>
diff --git a/src/components/CommandWrapper/index.vue b/src/components/CommandWrapper/index.vue
index d2b078e..2dfc8a5 100644
--- a/src/components/CommandWrapper/index.vue
+++ b/src/components/CommandWrapper/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="command-wrapper">
-    <spanclass="command-text">{{ span}}</text>
+    <span class="command-text">{{ span }}</span>
   </div>
 </template>
 
diff --git a/src/components/CommandWrapper/styles/index.scss b/src/components/CommandWrapper/styles/index.scss
index 5eebd01..10f0727 100644
--- a/src/components/CommandWrapper/styles/index.scss
+++ b/src/components/CommandWrapper/styles/index.scss
@@ -7,5 +7,5 @@
 
 .command-text {
   color: #fff;
-  font-size: $uni-font-size-base;
+  font-size: 14px;
 }
diff --git a/src/components/CreateServiceOrder/index.vue b/src/components/CreateServiceOrder/index.vue
index f48d7f7..9beb326 100644
--- a/src/components/CreateServiceOrder/index.vue
+++ b/src/components/CreateServiceOrder/index.vue
@@ -2,21 +2,21 @@
   <div class="create-service-order">
     <div class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
       <div class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
-        <spanclass="font-size-18 font-500 color-171717 text-left ml-12">
+        <span class="font-size-18 font-500 color-171717 text-left ml-12">
           {{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
-          </text>
-          <img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
+        </span>
+        <img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </div>
 
       <div v-if="!isCallSuccess" class="border-box p-12">
         <div class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12">
-          <spanclass="font-500 line-height-22 mr-20">所在位置</text>
-            <input placeholder="请填写所在位置" v-model="roomId" />
+          <span class="font-500 line-height-22 mr-20">所在位置</span>
+          <input placeholder="请填写所在位置" v-model="roomId" />
         </div>
 
         <div class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12">
-          <spanclass="font-500 line-height-22 mr-20">联系电话</text>
-            <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
+          <span class="font-500 line-height-22 mr-20">联系电话</span>
+          <input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
         </div>
 
         <div class="bg-F5F7FA border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12">
@@ -71,8 +71,8 @@
 
 <script setup>
 import { ref, computed, onMounted, nextTick, defineProps, watch } from "vue";
-import { SCROLL_TO_BOTTOM } from "@/constant/constant";
-import { createWorkOrder } from "@/request/api/WorkOrderApi";
+import { SCROLL_TO_BOTTOM } from "@/constants/constant";
+import { createWorkOrder } from "@/api/WorkOrder";
 import { updateImageFile } from "@/request/api/UpdateFile";
 import { zniconsMap } from "@/assets/fonts/znicons";
 
diff --git a/src/components/CustomEmpty/index.vue b/src/components/CustomEmpty/index.vue
index 678c4ee..f1247e1 100644
--- a/src/components/CustomEmpty/index.vue
+++ b/src/components/CustomEmpty/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="empty-container flex flex-col items-center justify-center">
     <img class="empty-image" :src="emptyIcon" mode="aspectFit" />
-    <spanclass="font-size-12 text-center color-99A0AE mt-8">
+    <span class="font-size-12 text-center color-99A0AE mt-8">
       {{ statusText }}
-    </text>
+    </span>
   </div>
 </template>
 
diff --git a/src/components/DateRangeSection/index.vue b/src/components/DateRangeSection/index.vue
index 6bb60b9..d8cd882 100644
--- a/src/components/DateRangeSection/index.vue
+++ b/src/components/DateRangeSection/index.vue
@@ -1,21 +1,19 @@
 <template>
   <div class="border-box flex flex-items-center flex-justify-between mb-12">
     <div class="left flex flex-items-center">
-      <spanclass="font-size-12 color-99A0AE mr-4">入住</text>
-      <spanclass="font-size-12 color-171717 mr-16">
+      <span class="font-size-12 color-99A0AE mr-4">入住</span>
+      <span class="font-size-12 color-171717 mr-16">
         {{ selectedDate.startDate }}
-      </text>
-      <text
-        class="total border-box rounded-50 flex flex-items-center font-size-11 color-43669A relative"
-        >{{ selectedDate.totalDays }}晚</text
-      >
-      <spanclass="font-size-12 color-99A0AE ml-16">离店</text>
-      <spanclass="font-size-12 color-171717 ml-4">
+      </span>
+      <span class="total border-box rounded-50 flex flex-items-center font-size-11 color-43669A relative">{{
+        selectedDate.totalDays }}晚</span>
+      <span class="font-size-12 color-99A0AE ml-16">离店</span>
+      <span class="font-size-12 color-171717 ml-4">
         {{ selectedDate.endDate }}
-      </text>
+      </span>
     </div>
     <div class="flex flex-items-center" v-if="showBtn" @click="emit('click')">
-      <spanclass="font-size-12 theme-color-500 line-height-16">房间详情</text>
+      <span class="font-size-12 theme-color-500 line-height-16">房间详情</span>
       <uni-icons type="right" size="15" color="#99A0AE" />
     </div>
   </div>
@@ -57,20 +55,16 @@ const emit = defineEmits(["click"]);
   }
 
   &::before {
-    background: linear-gradient(
-      270deg,
-      rgba(67, 102, 154, 1),
-      rgba(67, 102, 154, 0)
-    );
+    background: linear-gradient(270deg,
+        rgba(67, 102, 154, 1),
+        rgba(67, 102, 154, 0));
     left: -9px;
   }
 
   &::after {
-    background: linear-gradient(
-      270deg,
-      rgba(67, 102, 154, 0),
-      rgba(67, 102, 154, 1)
-    );
+    background: linear-gradient(270deg,
+        rgba(67, 102, 154, 0),
+        rgba(67, 102, 154, 1));
     right: -9px;
   }
 }
diff --git a/src/components/DetailPopup/index.vue b/src/components/DetailPopup/index.vue
index 2420e59..82aab7a 100644
--- a/src/components/DetailPopup/index.vue
+++ b/src/components/DetailPopup/index.vue
@@ -1,41 +1,22 @@
 <template>
-  <uni-popup
-    ref="popupRef"
-    type="bottom"
-    :safe-area="false"
-    @maskClick="handleClose"
-  >
+  <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <div class="refund-popup bg-F5F7FA border-box">
-      <div
-        class="border-box flex flex-items-center justify-between pt-12 pb-12 relative"
-      >
-        <div
-          class="flex-full font-size-16 color-171717 line-height-24 text-center"
-        >
+      <div class="border-box flex flex-items-center justify-between pt-12 pb-12 relative">
+        <div class="flex-full font-size-16 color-171717 line-height-24 text-center">
           明细详情
         </div>
         <!-- 关闭按钮 -->
-        <uni-icons
-          class="close absolute"
-          type="close"
-          size="20"
-          color="#CACFD8"
-          @click="handleClose"
-        />
+        <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </div>
       <!-- 内容区域 -->
       <div class="rounded-12 bg-white ml-12 mr-12 mb-40">
-        <div
-          class="border-box border-bottom flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12"
-        >
-          <spanclass="font-size-16 font-500 color-171717">在线支付</text>
-          <spanclass="font-size-14 color-171717">239</text>
+        <div class="border-box border-bottom flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
+          <span class="font-size-16 font-500 color-171717">在线支付</span>
+          <span class="font-size-14 color-171717">239</span>
         </div>
-        <div
-          class="border-box flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12"
-        >
-          <spanclass="font-size-16 font-500 color-171717">房费</text>
-          <spanclass="font-size-14 color-171717">239</text>
+        <div class="border-box flex flex-items-center flex-justify-between pt-12 pb-12 ml-12 mr-12">
+          <span class="font-size-16 font-500 color-171717">房费</span>
+          <span class="font-size-14 color-171717">239</span>
         </div>
       </div>
     </div>
@@ -55,7 +36,7 @@ const props = defineProps({
   // 订单数据
   orderData: {
     type: Object,
-    default: () => {},
+    default: () => { },
   },
 });
 
diff --git a/src/components/Feedback/index.vue b/src/components/Feedback/index.vue
index 2b3bfa5..ab449fa 100644
--- a/src/components/Feedback/index.vue
+++ b/src/components/Feedback/index.vue
@@ -1,44 +1,26 @@
 <template>
   <div class="create-service-order">
-    <div
-      class="w-full bg-white border-box border-ff overflow-hidden rounded-20"
-    >
-      <div
-        class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50"
-      >
-        <spanclass="font-size-18 font-500 color-171717 text-left ml-12">
+    <div class="w-full bg-white border-box border-ff overflow-hidden rounded-20">
+      <div class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-theme-color-50">
+        <span class="font-size-18 font-500 color-171717 text-left ml-12">
           {{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
-        </text>
-        <img
-          class="header-icon"
-          src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png"
-        />
+        </span>
+        <img class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
       </div>
 
       <div v-if="!isCallSuccess" class="border-box p-12">
-        <div
-          class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12"
-        >
-          <spanclass="font-500 line-height-22 mr-20">联系电话</text>
+        <div class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12">
+          <span class="font-500 line-height-22 mr-20">联系电话</span>
           <input placeholder="请填写联系电话" v-model="contactPhone" />
         </div>
-        <div
-          class="bg-F5F7FA border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12"
-        >
+        <div class="bg-F5F7FA border-box p-12 rounded-10 font-size-14 font-500 color-171717 mb-12">
           <div class="font-500 line-height-22 mb-12">意见内容</div>
-          <textarea
-            class="h-80"
-            placeholder="请输入反馈意见"
-            placeholder-class="font-size-14 font-400"
-            maxlength="100"
-            v-model="contactText"
-          />
+          <textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
+            v-model="contactText" />
         </div>
 
-        <div
-          class="btn rounded-50 color-white bg-button flex flex-items-center flex-justify-center"
-          @click="handleCall"
-        >
+        <div class="btn rounded-50 color-white bg-button flex flex-items-center flex-justify-center"
+          @click="handleCall">
           立即提交
         </div>
       </div>
@@ -54,9 +36,9 @@
 
       <div class="footer-help flex flex-items-center pl-12 mb-12">
         <img class="help-icon mr-4" src="./images/icon_volume.png" />
-        <spanclass="font-size-12 font-500 color-FA7319">
+        <span class="font-size-12 font-500 color-FA7319">
           {{ appName }}收到您的意见将第一时间为您处理!
-        </text>
+        </span>
       </div>
     </div>
   </div>
@@ -64,8 +46,8 @@
 
 <script setup>
 import { ref, onMounted, nextTick, computed } from "vue";
-import { SCROLL_TO_BOTTOM } from "@/constant/constant";
-import { getCurrentConfig } from "@/constant/base";
+import { SCROLL_TO_BOTTOM } from "@/constants/constant";
+import { getCurrentConfig } from "@/constants/base";
 import { submitFeedback } from "@/request/api/FeedbackApi";
 
 const contactPhone = ref("");
diff --git a/src/components/FormCard/index.vue b/src/components/FormCard/index.vue
index 67c111b..5c96c46 100644
--- a/src/components/FormCard/index.vue
+++ b/src/components/FormCard/index.vue
@@ -1,50 +1,27 @@
 <template>
   <div class="form-wrapper">
     <div class="form-header">
-      <uni-icons
-        class="minus uni-color"
-        color="opacity"
-        size="22"
-        type="minus"
-      />
-      <spanclass="form-title">{{ title }}</text>
-      <uni-icons
-        v-if="showDeleteIcon"
-        class="delete uni-color"
-        color="opacity"
-        size="22"
-        type="trash"
-        @click="handleDelete"
-      />
+      <uni-icons class="minus uni-color" color="opacity" size="22" type="minus" />
+      <span class="form-title">{{ title }}</span>
+      <uni-icons v-if="showDeleteIcon" class="delete uni-color" color="opacity" size="22" type="trash"
+        @click="handleDelete" />
     </div>
     <div class="form-item-wrapper">
       <div class="form-item">
         <div class="form-item-row">
-          <spanclass="form-label">姓 名</text>
-          <input
-            class="form-input"
-            :class="{ 'form-input-error': nameError }"
-            v-model="nameValue"
-            placeholder="请输入姓名"
-            @blur="validateName"
-          />
+          <span class="form-label">姓 名</span>
+          <input class="form-input" :class="{ 'form-input-error': nameError }" v-model="nameValue" placeholder="请输入姓名"
+            @blur="validateName" />
         </div>
-        <spanv-if="nameError" class="form-error">{{ nameError }}</text>
+        <span v-if="nameError" class="form-error">{{ nameError }}</span>
       </div>
       <div class="form-item">
         <div class="form-item-row">
-          <spanclass="form-label">手机号</text>
-          <input
-            class="form-input"
-            :class="{ 'form-input-error': phoneError }"
-            v-model="phoneValue"
-            placeholder="请输入手机号"
-            type="tel"
-            maxlength="11"
-            @blur="validatePhone"
-          />
+          <span class="form-label">手机号</span>
+          <input class="form-input" :class="{ 'form-input-error': phoneError }" v-model="phoneValue"
+            placeholder="请输入手机号" type="tel" maxlength="11" @blur="validatePhone" />
         </div>
-        <spanv-if="phoneError" class="form-error">{{ phoneError }}</text>
+        <span v-if="phoneError" class="form-error">{{ phoneError }}</span>
       </div>
     </div>
   </div>
diff --git a/src/components/FormCard/styles/index.scss b/src/components/FormCard/styles/index.scss
index 044f0f2..5d8ea0a 100644
--- a/src/components/FormCard/styles/index.scss
+++ b/src/components/FormCard/styles/index.scss
@@ -1,7 +1,7 @@
 // SASS 变量定义
 $form-primary-color: #00a6ff;
 $form-error-color: #ff4d4f;
-$form-text-color: $uni-text-color;
+$form-text-color: #333;
 $form-label-color: #86909c;
 $form-border-color: #ddd;
 $form-input-border-color: #ddd;
@@ -52,7 +52,7 @@ $form-transition: all 0.2s ease;
 
 .form-title {
   margin-left: 8px;
-  font-size: $uni-font-size-lg;
+  font-size: 16px;
   font-weight: 500;
   color: #0ccd58;
   flex: 1;
@@ -89,7 +89,7 @@ $form-transition: all 0.2s ease;
 }
 
 .form-label {
-  font-size: $uni-font-size-base;
+  font-size: 14px;
   color: $form-label-color;
   width: 50px;
   flex-shrink: 0;
@@ -99,7 +99,7 @@ $form-transition: all 0.2s ease;
 
 .form-input {
   flex: 1;
-  font-size: $uni-font-size-base;
+  font-size: 14px;
   color: $form-text-color;
   border: none;
   border-bottom: 1px solid $form-input-border-color;
@@ -131,7 +131,7 @@ $form-transition: all 0.2s ease;
 }
 
 .form-error {
-  font-size: $uni-font-size-sm;
+  font-size: 12px;
   color: $form-error-color;
   margin-top: 6px;
   margin-left: 60px;
diff --git a/src/components/GoodDetail/index.vue b/src/components/GoodDetail/index.vue
index 047e6c3..7b64885 100644
--- a/src/components/GoodDetail/index.vue
+++ b/src/components/GoodDetail/index.vue
@@ -15,13 +15,13 @@
             <uni-icons fontFamily="znicons" size="20" color="#333">
               {{ zniconsMap[moduleItem.moduleIcon] }}
             </uni-icons>
-            <spanclass="ml-4 font-size-14 color-171717 line-height-20">
+            <span class="ml-4 font-size-14 color-171717 line-height-20">
               {{ moduleItem.moduleTitle }}
-              </text>
+            </span>
           </div>
-          <spanclass="flex-full font-size-12 color-525866 line-height-20 mt-4">
+          <span class="flex-full font-size-12 color-525866 line-height-20 mt-4">
             {{ moduleItem.moduleContent }}
-            </text>
+          </span>
         </div>
       </div>
     </div>
diff --git a/src/components/ImageSwiper/demo.vue b/src/components/ImageSwiper/demo.vue
index a99c386..a0461cf 100644
--- a/src/components/ImageSwiper/demo.vue
+++ b/src/components/ImageSwiper/demo.vue
@@ -43,13 +43,7 @@
       <div class="section-title">示例6: 动态圆角控制</div>
       <div class="control-panel">
         <text>圆角大小: {{ dynamicRadius }}px</text>
-        <slider
-          :value="dynamicRadius"
-          :min="0"
-          :max="50"
-          @change="handleRadiusChange"
-          activeColor="#007AFF"
-        />
+        <slider :value="dynamicRadius" :min="0" :max="50" @change="handleRadiusChange" activeColor="#007AFF" />
       </div>
       <imgSwiper :border-radius="dynamicRadius" />
     </div>
@@ -77,23 +71,13 @@
       <div class="section-title">示例11: 动态高度和缩略图控制</div>
       <div class="control-panel">
         <text>高度: {{ dynamicHeight }}px</text>
-        <slider
-          :value="dynamicHeight"
-          :min="100"
-          :max="400"
-          @change="handleHeightChange"
-          activeColor="#007AFF"
-        />
+        <slider :value="dynamicHeight" :min="100" :max="400" @change="handleHeightChange" activeColor="#007AFF" />
         <div class="checkbox-wrapper">
           <checkbox :checked="showThumbnails" @change="handleThumbnailToggle" />
-          <spanclass="checkbox-label">显示缩略图</text>
+          <span class="checkbox-label">显示缩略图</span>
         </div>
       </div>
-      <imgSwiper
-        :height="dynamicHeight"
-        :show-thumbnails="showThumbnails"
-        :border-radius="10"
-      />
+      <imgSwiper :height="dynamicHeight" :show-thumbnails="showThumbnails" :border-radius="10" />
     </div>
 
     <!-- 示例12: 字符串高度 -->
diff --git a/src/components/ImageSwiper/index.vue b/src/components/ImageSwiper/index.vue
index 699d734..663db42 100644
--- a/src/components/ImageSwiper/index.vue
+++ b/src/components/ImageSwiper/index.vue
@@ -3,31 +3,31 @@
     <swiper class="swiper-box" :style="swiperStyle" :autoplay="false" :interval="3000" :duration="1000"
       :current="active" @change="handleSwiperChange">
       <swiper-item class="swiper-item" v-for="(item, index) in thumbnails" :key="index">
-        <img class="swiper-item-image" :src="item.photoUrl" mode="aspectFill"></image>
+        <img class="swiper-item-image" :src="item.photoUrl" mode="aspectFill">
       </swiper-item>
     </swiper>
 
     <!-- 缩略图部分 -->
     <div v-if="showThumbnails && thumbnails.length > 0" class="thumbnail-box" :style="thumbnailBoxStyle">
-      <scroll-div class="thumbnail-scroll" scroll-x="true" :scroll-left="scrollLeft" :scroll-with-animation="true"
+      <div class="thumbnail-scroll" scroll-x="true" :scroll-left="scrollLeft" :scroll-with-animation="true"
         show-scrollbar="false">
         <div class="thumbnail-list" v-if="thumbnails.length > 1">
           <div v-for="(thumb, index) in thumbnails" :key="index"
             :class="['thumbnail-item', { active: index === active }]" :id="`thumbnail-${index}`"
             @click="handleThumbnailClick(index)">
-            <img class="thumbnail-image" :src="thumb.photoUrl" mode="aspectFill"></image>
+            <img class="thumbnail-image" :src="thumb.photoUrl" mode="aspectFill">
           </div>
         </div>
-      </scroll-div>
+      </div>
 
       <div class="custom-indicator" @click="handlePredivClick">
         <uni-icons fontFamily="znicons" size="10" color="#fff">{{
           zniconsMap["zn-camera"]
         }}</uni-icons>
-        <spanclass="custom-indicator-text">{{ thumbnails.length }}</text>
-          <uni-icons fontFamily="znicons" size="10" color="#fff">{{
-            zniconsMap["zn-nav-arrow-right"]
-            }}</uni-icons>
+        <span class="custom-indicator-text">{{ thumbnails.length }}</span>
+        <uni-icons fontFamily="znicons" size="10" color="#fff">{{
+          zniconsMap["zn-nav-arrow-right"]
+        }}</uni-icons>
       </div>
     </div>
   </div>
diff --git a/src/components/ImageSwiper/styles/index.scss b/src/components/ImageSwiper/styles/index.scss
index e41f361..7d729fd 100644
--- a/src/components/ImageSwiper/styles/index.scss
+++ b/src/components/ImageSwiper/styles/index.scss
@@ -33,7 +33,7 @@
 .custom-indicator {
   margin-left: 12px;
   background: rgba(0, 0, 0, 0.5);
-  border-radius: $uni-border-radius-50px;
+  border-radius: 50px;
   padding: 0 6px 4px 8px;
   flex: 0 0 auto;
   flex-shrink: 0;
diff --git a/src/components/LocationCard/index.vue b/src/components/LocationCard/index.vue
index 7448dcd..56866ac 100644
--- a/src/components/LocationCard/index.vue
+++ b/src/components/LocationCard/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="store-address">
     <div class="text-container" @click.stop="openMap">
-      <spanclass="location-label">位于 {{ orderData.oneLevelAddress }}</text>
-      <spanclass="address-text">{{ orderData.commodityAddress }}</text>
+      <span class="location-label">位于 {{ orderData.oneLevelAddress }}</span>
+      <span class="address-text">{{ orderData.commodityAddress }}</span>
     </div>
 
     <div class="actions">
@@ -10,14 +10,14 @@
         <div class="actions-btn" @click.stop="openMap">
           <uni-icons type="paperplane-filled" size="16" color="#171717" />
         </div>
-        <spanclass="actions-text">导航</text>
+        <span class="actions-text">导航</span>
       </div>
 
       <div>
         <div class="actions-btn" @click.stop="callPhone">
           <uni-icons type="phone-filled" size="16" color="#171717" />
         </div>
-        <spanclass="actions-text">电话</text>
+        <span class="actions-text">电话</span>
       </div>
     </div>
   </div>
diff --git a/src/components/LocationCard/styles/index.scss b/src/components/LocationCard/styles/index.scss
index 867bbc5..15285c6 100644
--- a/src/components/LocationCard/styles/index.scss
+++ b/src/components/LocationCard/styles/index.scss
@@ -5,7 +5,7 @@
   padding: 12px;
   background-color: #ffffff;
   border-top: 1px solid #e0e0e0;
-  
+
   // 左侧文本容器
   .text-container {
     display: flex;
@@ -15,14 +15,14 @@
 
   .location-label {
     color: $text-color-800;
-    font-size: $uni-font-size-base;
+    font-size: 14px;
     font-weight: 500;
   }
 
   .address-text {
     margin-top: 4px;
     color: $text-color-600;
-    font-size: $uni-font-size-sm;
+    font-size: 12px;
     font-weight: 400;
   }
 
@@ -38,7 +38,7 @@
     width: 28px;
     height: 28px;
     border-radius: 10px;
-    background-color: #F5F5F5;
+    background-color: #f5f5f5;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -50,7 +50,7 @@
   }
 
   .actions-text {
-    font-size: $uni-font-size-sm;
+    font-size: 12px;
     color: $text-color-600;
   }
 }
diff --git a/src/components/LocationInfo/styles/index.scss b/src/components/LocationInfo/styles/index.scss
index aa5c6ea..2f46e10 100644
--- a/src/components/LocationInfo/styles/index.scss
+++ b/src/components/LocationInfo/styles/index.scss
@@ -1,8 +1,8 @@
 .store-address {
   display: flex;
   align-items: center;
-  font-size: $uni-font-size-base;
-  color: $uni-text-color;
+  font-size: 14px;
+  color: #333;
 
   text {
     flex: 1;
diff --git a/src/components/ModuleTitle/index.vue b/src/components/ModuleTitle/index.vue
index 7898b71..5fa3443 100644
--- a/src/components/ModuleTitle/index.vue
+++ b/src/components/ModuleTitle/index.vue
@@ -1,16 +1,12 @@
 <template>
   <div class="module-header mb-4">
-    <spanclass="module-title">{{ title }}</text>
-    <img
-      class="underline"
-      :src="isZhiNian ? indicatorSrcB : indicatorSrc"
-      mode="aspectFill"
-    />
+    <span class="module-title">{{ title }}</span>
+    <img class="underline" :src="isZhiNian ? indicatorSrcB : indicatorSrc" mode="aspectFill" />
   </div>
 </template>
 
 <script setup>
-import { isZhiNian } from "@/constant/base";
+import { isZhiNian } from "@/constants/base";
 import indicatorSrc from "./images/wave_icon.png";
 import indicatorSrcB from "./images/wave_icon_b.png";
 
diff --git a/src/components/Privacy/index.vue b/src/components/Privacy/index.vue
index b8471ac..20d605f 100644
--- a/src/components/Privacy/index.vue
+++ b/src/components/Privacy/index.vue
@@ -3,8 +3,8 @@
     <div class="content">
       <div class="title">隐私保护指引</div>
       <div class="des">
-        请您仔细阅读并充分理解<text class="link" @click="handleOpenPrivacyContract">{{ privacyContractName }}</text>
-        ，如您同意前述协议的全部内容，请点击“同意”开始使用。<spanclass="cancel">如您不同意，将被限制使用部分功能，或将在您使用具体功能前再次询问以取得您的授权同意。</text>
+        请您仔细阅读并充分理解<span class="link" @click="handleOpenPrivacyContract">{{ privacyContractName }}</span>
+        ，如您同意前述协议的全部内容，请点击“同意”开始使用。<span class="cancel">如您不同意，将被限制使用部分功能，或将在您使用具体功能前再次询问以取得您的授权同意。</span>
       </div>
 
       <div class="btns">
diff --git a/src/components/Privacy/styles/index.scss b/src/components/Privacy/styles/index.scss
index d0ecc42..1ea253d 100644
--- a/src/components/Privacy/styles/index.scss
+++ b/src/components/Privacy/styles/index.scss
@@ -43,7 +43,7 @@
 
 .reject,
 .agree {
-  border-radius: $uni-border-radius-50px;
+  border-radius: 50px;
   width: 45%;
   border: none;
   font-size: 18px;
@@ -57,7 +57,7 @@
 .reject {
   color: #000;
   background-color: #f5f5f5;
-  border-radius: $uni-border-radius-50px;
+  border-radius: 50px;
 }
 
 .agree {
diff --git a/src/components/RefundPopup/index.vue b/src/components/RefundPopup/index.vue
index 6adf2d6..e10d252 100644
--- a/src/components/RefundPopup/index.vue
+++ b/src/components/RefundPopup/index.vue
@@ -1,27 +1,12 @@
 <template>
-  <uni-popup
-    ref="popupRef"
-    type="bottom"
-    :safe-area="false"
-    @maskClick="handleClose"
-  >
+  <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <div class="refund-popup bg-F5F7FA border-box">
-      <div
-        class="border-box flex flex-items-center justify-between pt-12 pb-12 relative"
-      >
-        <div
-          class="flex-full font-size-16 color-171717 line-height-24 text-center"
-        >
+      <div class="border-box flex flex-items-center justify-between pt-12 pb-12 relative">
+        <div class="flex-full font-size-16 color-171717 line-height-24 text-center">
           取消政策
         </div>
         <!-- 关闭按钮 -->
-        <uni-icons
-          class="close absolute"
-          type="close"
-          size="20"
-          color="#CACFD8"
-          @click="handleClose"
-        />
+        <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </div>
       <!-- 内容区域 -->
       <div class="border-box rounded-12 bg-white p-12 ml-12 mr-12 mb-40">
@@ -29,15 +14,12 @@
           <uni-icons fontFamily="znicons" size="20" color="#333">
             {{ zniconsMap["zn-refund"] }}
           </uni-icons>
-          <spanclass="font-size-14 font-600 color-171717 ml-8">
+          <span class="font-size-14 font-600 color-171717 ml-8">
             {{ refundTitle }}
-          </text>
+          </span>
         </div>
-        <div
-          class="font-size-14 color-525866 line-height-16 mb-4"
-          v-for="(item, index) in commodityPurchaseInstruction"
-          :key="index"
-        >
+        <div class="font-size-14 color-525866 line-height-16 mb-4" v-for="(item, index) in commodityPurchaseInstruction"
+          :key="index">
           {{ item }}
         </div>
       </div>
@@ -59,7 +41,7 @@ const props = defineProps({
   // 订单数据
   orderData: {
     type: Object,
-    default: () => {},
+    default: () => { },
   },
 });
 
diff --git a/src/components/ResponseIntro/index.vue b/src/components/ResponseIntro/index.vue
index 3d3664c..e1d11ff 100644
--- a/src/components/ResponseIntro/index.vue
+++ b/src/components/ResponseIntro/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="response-intro-wrapper">
-    <spanclass="response-intro-text">{{ introText }}</text>
+    <span class="response-intro-text">{{ introText }}</span>
   </div>
 </template>
 
diff --git a/src/components/ResponseIntro/styles/index.scss b/src/components/ResponseIntro/styles/index.scss
index d78a423..7e8868e 100644
--- a/src/components/ResponseIntro/styles/index.scss
+++ b/src/components/ResponseIntro/styles/index.scss
@@ -4,8 +4,8 @@
 
 .response-intro-text {
   font-weight: 500;
-  font-size: $uni-font-size-base;
-  color: $uni-text-color;
+  font-size: 14px;
+  color: #333;
   line-height: 20px;
   text-align: justify;
 }
diff --git a/src/components/ServiceTipsWord/index.vue b/src/components/ServiceTipsWord/index.vue
index d9b6866..263df97 100644
--- a/src/components/ServiceTipsWord/index.vue
+++ b/src/components/ServiceTipsWord/index.vue
@@ -1,23 +1,19 @@
 <template>
   <div class="service-prompt">
     <div class="service-header">
-      <spanclass="header-text">你可以这样问我</text>
-      <img
-        class="header-icon"
-        src="./images/icon_refresh.png"
-        @click="handleRefresh"
-      ></image>
+      <span class="header-text">你可以这样问我</span>
+      <img class="header-icon" src="./images/icon_refresh.png" @click="handleRefresh"></image>
     </div>
     <div class="service-buttons">
-      <spanclass="service-button" @click="handleClick('bed')">
+      <span class="service-button" @click="handleClick('bed')">
         帮我加一张床
-      </text>
-      <spanclass="service-button" @click="handleClick('hotWater')">
+      </span>
+      <span class="service-button" @click="handleClick('hotWater')">
         房间热水不够热
-      </text>
-      <spanclass="service-button" @click="handleClick('mahjong')">
+      </span>
+      <span class="service-button" @click="handleClick('mahjong')">
         帮忙加一台麻将机
-      </text>
+      </span>
     </div>
   </div>
 </template>
diff --git a/src/components/ServiceTipsWord/styles/index.scss b/src/components/ServiceTipsWord/styles/index.scss
index abadbee..3c6ea01 100644
--- a/src/components/ServiceTipsWord/styles/index.scss
+++ b/src/components/ServiceTipsWord/styles/index.scss
@@ -9,7 +9,7 @@
 }
 
 .header-text {
-  font-size: $uni-font-size-sm;
+  font-size: 12px;
   color: #6b84a2;
 }
 
@@ -46,8 +46,8 @@
     rgba(255, 255, 255, 0.5),
     rgba(255, 255, 255, 1)
   );
-  font-size: $uni-font-size-sm;
+  font-size: 12px;
   font-weight: 500;
   color: #0ccd58;
-  border-radius: $uni-border-radius-50px;
+  border-radius: 50px;
 }
diff --git a/src/components/Speech/RecordingWaveBtn.vue b/src/components/Speech/RecordingWaveBtn.vue
index 8767e57..7a85d2a 100644
--- a/src/components/Speech/RecordingWaveBtn.vue
+++ b/src/components/Speech/RecordingWaveBtn.vue
@@ -104,7 +104,7 @@ defineExpose({
   align-items: center;
   background-color: #0CCD58;
   height: 44px;
-  border-radius: $uni-border-radius-50px;
+  border-radius: 50px;
 }
 
 .audio-visualizer {
diff --git a/src/components/SumCard/index.vue b/src/components/SumCard/index.vue
index d41e914..9035f7c 100644
--- a/src/components/SumCard/index.vue
+++ b/src/components/SumCard/index.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="sum-wrapper">
     <div class="sum-item">
-      <spanclass="sum-label">价格</text>
-      <spanclass="sum-value">¥{{ referencePrice }}</text>
+      <span class="sum-label">价格</span>
+      <span class="sum-value">¥{{ referencePrice }}</span>
     </div>
     <div class="sum-item">
-      <spanclass="sum-label">折扣优惠</text>
-      <spanclass="sum-discount">-¥{{ discount }}</text>
+      <span class="sum-label">折扣优惠</span>
+      <span class="sum-discount">-¥{{ discount }}</span>
     </div>
   </div>
 </template>
diff --git a/src/components/SumCard/styles/index.scss b/src/components/SumCard/styles/index.scss
index bdcc88c..99c6afa 100644
--- a/src/components/SumCard/styles/index.scss
+++ b/src/components/SumCard/styles/index.scss
@@ -19,15 +19,15 @@
 
 .sum-label {
   font-size: 15px;
-  color: $uni-text-color;
+  color: #333;
 }
 
 .sum-value {
-  font-size: $uni-font-size-base;
-  color: $uni-text-color-grey;
+  font-size: 14px;
+  color: #333-grey;
 }
 
 .sum-discount {
-  font-size: $uni-font-size-base;
+  font-size: 14px;
   color: #ff5722;
 }
diff --git a/src/components/SurveyQuestionnaire/index.vue b/src/components/SurveyQuestionnaire/index.vue
index 4d43d12..84f4dd8 100644
--- a/src/components/SurveyQuestionnaire/index.vue
+++ b/src/components/SurveyQuestionnaire/index.vue
@@ -1,21 +1,17 @@
 <template>
   <div class="survey-questionnaire w-vw-24">
     <div class="bg-white border-box border-ff overflow-hidden rounded-20">
-      <div
-        class="border-box flex flex-items-center flex-justify-between bg-theme-color-50"
-      >
-        <spanclass="font-size-18 font-500 color-171717 text-left ml-12">
+      <div class="border-box flex flex-items-center flex-justify-between bg-theme-color-50">
+        <span class="font-size-18 font-500 color-171717 text-left ml-12">
           调查问卷
-        </text>
+        </span>
         <img class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />
       </div>
 
       <img class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
 
-      <div
-        class="h-44 m-12 rounded-50 bg-button color-white flex flex-items-center flex-justify-center"
-        @click="handleCall"
-      >
+      <div class="h-44 m-12 rounded-50 bg-button color-white flex flex-items-center flex-justify-center"
+        @click="handleCall">
         前往填写
       </div>
     </div>
@@ -23,7 +19,7 @@
 </template>
 
 <script setup>
-import { getAccessToken } from "@/constant/token";
+import { getAccessToken } from "@/constants/token";
 import { defineProps, computed } from "vue";
 import { navigateTo } from "../../router";
 
diff --git a/src/components/SwipeCards/index.vue b/src/components/SwipeCards/index.vue
index 298c446..e0e40a0 100644
--- a/src/components/SwipeCards/index.vue
+++ b/src/components/SwipeCards/index.vue
@@ -1,42 +1,27 @@
 <template>
   <div class="card border-box pb-12 relative mt-12">
-    <div
-      class="card-item absolute overflow-hidden"
-      v-for="(card, index) in list"
-      :key="card.__uid"
-      :style="[itemStyle(index, card), transformStyle(index, card)]"
-      @touchstart.stop="touchStart($event, index)"
-      @touchmove.stop.prevent="touchMove($event, index)"
-      @touchend.stop="touchEnd(index)"
-      @touchcancel.stop="touchCancel(index)"
-      @transitionend="onTransitionEnd(index)"
-    >
+    <div class="card-item absolute overflow-hidden" v-for="(card, index) in list" :key="card.__uid"
+      :style="[itemStyle(index, card), transformStyle(index, card)]" @touchstart.stop="touchStart($event, index)"
+      @touchmove.stop.prevent="touchMove($event, index)" @touchend.stop="touchEnd(index)"
+      @touchcancel.stop="touchCancel(index)" @transitionend="onTransitionEnd(index)">
       <div class="inner-card bg-white">
         <!-- 商品大图部分：自适应剩余空间 -->
         <div class="goods-image-wrapper relative">
-          <img
-            class="w-full h-full"
-            :src="card.commodityPhoto"
-            mode="aspectFill"
-          />
+          <img class="w-full h-full" :src="card.commodityPhoto" mode="aspectFill" />
         </div>
 
         <!-- 底部：价格 + 购买按钮 -->
-        <div
-          class="card-footer border-box p-12 flex flex-justify-between flex-items-center"
-        >
+        <div class="card-footer border-box p-12 flex flex-justify-between flex-items-center">
           <div class="border-box">
             <div class="font-size-14 font-500 color-333 ellipsis-1">
               {{ card.commodityName }}
             </div>
             <div class="card-price-row color-333">
-              <spanclass="font-size-11">￥</text>
-              <spanclass="font-size-24 font-bold">
+              <span class="font-size-11">￥</span>
+              <span class="font-size-24 font-bold">
                 {{ card.specificationPrice }}
-              </text>
-              <spanclass="font-size-11 ml-2" v-if="card.stockUnitLabel"
-                >/{{ card.stockUnitLabel }}</text
-              >
+              </span>
+              <span class="font-size-11 ml-2" v-if="card.stockUnitLabel">/{{ card.stockUnitLabel }}</span>
             </div>
           </div>
 
diff --git a/src/components/TagsGroup/styles/index.scss b/src/components/TagsGroup/styles/index.scss
index 0d61d31..45f353d 100644
--- a/src/components/TagsGroup/styles/index.scss
+++ b/src/components/TagsGroup/styles/index.scss
@@ -7,7 +7,7 @@
   background-color: #fff;
   border-radius: 10px;
   padding: 8px 16px;
-  font-size: $uni-font-size-sm;
+  font-size: 12px;
   color: #0ccd58;
   white-space: nowrap;
 }
diff --git a/src/components/TopNavBar/demo.vue b/src/components/TopNavBar/demo.vue
index f99b2cd..aec40d1 100644
--- a/src/components/TopNavBar/demo.vue
+++ b/src/components/TopNavBar/demo.vue
@@ -15,12 +15,7 @@
     <!-- 示例3: 自定义颜色 -->
     <div class="demo-section">
       <div class="demo-title">自定义颜色</div>
-      <TopNavBar
-        title="蓝色导航栏"
-        backgroundColor="#007AFF"
-        titleColor="#ffffff"
-        backIconColor="#ffffff"
-      />
+      <TopNavBar title="蓝色导航栏" backgroundColor="#007AFF" titleColor="#ffffff" backIconColor="#ffffff" />
     </div>
 
     <!-- 示例4: 隐藏返回按钮 -->
@@ -48,18 +43,13 @@
         <template #title>
           <div class="custom-title">
             <uni-icons type="star" size="16" color="#FFD700" />
-            <spanclass="title-text">自定义标题</text>
+            <span class="title-text">自定义标题</span>
           </div>
         </template>
 
         <template #right>
           <div class="right-actions">
-            <uni-icons
-              type="search"
-              size="20"
-              color="#333"
-              style="margin-right: 10px"
-            />
+            <uni-icons type="search" size="20" color="#333" style="margin-right: 10px" />
             <uni-icons type="more" size="20" color="#333" />
           </div>
         </template>
@@ -69,12 +59,8 @@
     <!-- 示例8: 渐变背景 -->
     <div class="demo-section">
       <div class="demo-title">渐变背景</div>
-      <TopNavBar
-        title="渐变导航栏"
-        backgroundColor="linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
-        titleColor="#ffffff"
-        backIconColor="#ffffff"
-      />
+      <TopNavBar title="渐变导航栏" backgroundColor="linear-gradient(135deg, #667eea 0%, #764ba2 100%)" titleColor="#ffffff"
+        backIconColor="#ffffff" />
     </div>
 
     <!-- 内容区域 -->
diff --git a/src/components/TopNavBar/index.vue b/src/components/TopNavBar/index.vue
index 75cb5b4..bea2eea 100644
--- a/src/components/TopNavBar/index.vue
+++ b/src/components/TopNavBar/index.vue
@@ -1,37 +1,23 @@
 <template>
   <div :class="navBarClass" :style="navBarStyle">
     <!-- 状态栏占位 -->
-    <div
-      :style="{ height: statusBarHeight + 'px' }"
-      v-if="!hideStatusBar"
-    ></div>
+    <div :style="{ height: statusBarHeight + 'px' }" v-if="!hideStatusBar"></div>
 
     <!-- 导航栏内容 -->
-    <div
-      class="flex flex-items-center flex-justify-between border-box pl-8 pr-8"
-      :style="{ height: navBarHeight + 'px' }"
-    >
+    <div class="flex flex-items-center flex-justify-between border-box pl-8 pr-8"
+      :style="{ height: navBarHeight + 'px' }">
       <!-- 左侧返回按钮 -->
-      <div
-        class="nav-bar-left flex flex-items-center flex-justify-center"
-        v-if="showBack"
-        @click="handleBack"
-      >
+      <div class="nav-bar-left flex flex-items-center flex-justify-center" v-if="showBack" @click="handleBack">
         <uni-icons type="left" size="20" :color="backIconColor" />
       </div>
 
       <!-- 中间标题区域 -->
-      <div
-        :class="[
-          'nav-bar-center flex flex-items-center flex-justify-center',
-          `nav-bar-center--${titleAlign}`,
-        ]"
-      >
+      <div :class="[
+        'nav-bar-center flex flex-items-center flex-justify-center',
+        `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 color-000" :style="{ color: titleColor }">
             {{ title }}
           </text>
         </slot>
@@ -68,7 +54,7 @@ const props = defineProps({
   // 背景颜色
   background: {
     type: String,
-    default: "$theme-color-100",
+    default: "#E8FFF1",
   },
   // 标题颜色
   titleColor: {
diff --git a/src/components/TopNavBar/styles/index.scss b/src/components/TopNavBar/styles/index.scss
index bbd7273..633f1d9 100644
--- a/src/components/TopNavBar/styles/index.scss
+++ b/src/components/TopNavBar/styles/index.scss
@@ -1,7 +1,7 @@
 // TopNavBar 组件样式
 .top-nav-bar {
   width: 100%;
-  background-color: $theme-color-100;
+  background-color: #e8fff1;
 
   &--fixed {
     position: fixed;
diff --git a/src/components/UseDateRange/styles/index.scss b/src/components/UseDateRange/styles/index.scss
index 74e2c75..70242a7 100644
--- a/src/components/UseDateRange/styles/index.scss
+++ b/src/components/UseDateRange/styles/index.scss
@@ -36,7 +36,7 @@
 }
 .date-item.selected {
   border: 1px solid #0ccd58;
-  background: $theme-color-50;
+  background: #f0f8f3;
 }
 .date-item.selected .label,
 .date-item.selected .md,
diff --git a/src/constants/ChatModel.ts b/src/constants/ChatModel.ts
new file mode 100644
index 0000000..37a4483
--- /dev/null
+++ b/src/constants/ChatModel.ts
@@ -0,0 +1,83 @@
+export const MessageRole = {
+  // 智能体消息
+  AI: "AI",
+  // 我发送的消息
+  ME: "ME",
+  // 其他消息
+  OTHER: "OTHER",
+};
+
+/// 消息类型 0-对话 1-指令 2-中断停止 3-心跳检测 4-通知
+export const MessageType = {
+  // 对话消息
+  dialog: 0,
+  // 指令消息
+  command: 1,
+  // 中断停止
+  stop: 2,
+  // 心跳检测
+  heartbeat: 3,
+  // 通知消息
+  notice: 4,
+};
+
+/// 跳转类型: 0商品 1提示词 2链接 3组件指令
+export const JumpType = {
+  // 商品
+  commodity: 0,
+  // 提示词
+  prompt: 1,
+  // 链接
+  link: 2,
+  // 组件指令
+  command: 3,
+};
+
+/// 组件的名称
+export const CompName = {
+  // 快速预定卡片
+  quickBookingCard: "quickBookingCard",
+  // 服务工单卡片
+  callServiceCard: "callServiceCard",
+  // 意见反馈卡片
+  feedbackCard: "feedbackCard",
+  // 探索发现卡片
+  discoveryCard: "discoveryCard",
+  // 图片和商品卡片
+  pictureAndCommodityCard: "pictureAndCommodityCard",
+  // 输入车牌卡片
+  enterLicensePlateCard: "enterLicensePlateCard",
+  // 调查问卷卡片
+  callSurveyQuestionnaire: "callSurveyQuestionnaire",
+  // 打开地图卡片
+  mapCard: "mapCard",
+  // 回答卡片
+  longTextCard: "longTextCard",
+  longTextCardSnap: "longTextCardSnap",
+  longTextCardRoute: "longTextCardRoute",
+  longTextCardScenicSpot: "longTextCardScenicSpot",
+  // 生成合成图片
+  aigcPhotoGeneratorCard: "aigcPhotoGeneratorCard",
+};
+
+/// 发送的指令类型
+export const Command = {
+  // 通知消息
+  messageInit: "Command.init",
+  // 快速预定
+  quickBooking: "Command.quickBooking",
+  // 探索发现
+  discovery: "Command.discovery",
+  // 呼叫服务
+  callServiceCard: "Command.callServiceCard",
+  // 更多
+  more: "Command.more",
+  // 我的订单
+  myOrder: "Command.myOrder",
+  // 我的工单
+  myWorkOrder: "Command.myWorkOrder",
+  // 反馈意见
+  feedbackCard: "Command.feedbackCard",
+  // 生成合成图片
+  aigcPhotoGenerator: "Command.aigcPhotoGenerator",
+};
diff --git a/src/constants/base.ts b/src/constants/base.ts
deleted file mode 100644
index 22c4825..0000000
--- a/src/constants/base.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * 客户端配置管理模块
- *
- * 功能说明:
- * 所有配置从根目录的 client-configs.json 文件中读取
- */
-
-// 直接导入配置文件
-import rawConfigs from "../../client-configs.json" with { type: "json" };
-
-// 所有用户端的配置 - 处理后的配置
-export const CLIENT_CONFIGS = rawConfigs;
-
-// 获取当前用户端配置
-export const getCurrentConfig = () => CLIENT_CONFIGS.xiaoqi;
-export const clientId = getCurrentConfig().clientId;
-export const appId = getCurrentConfig().appId;
-
-/// 客户端类型
-export const ClientType = {
-  // 智念
-  ZHINIAN: "ZHINIAN",
-  // 小七
-  XIAOQI: "XIAOQI",
-  // 朵花
-  DUOHUA: "DUOHUA",
-  // 天沐
-  TIANMU: "TIANMU",
-  // 念念助手
-  NIANHELPER: "NIANHELPER",
-};
-
-/// 获取当前客户端类型
-export const currentClientType = () => {
-  switch (getCurrentConfig().name) {
-    case "念念":
-      return ClientType.ZHINIAN;
-    case "小七":
-      return ClientType.XIAOQI;
-    case "朵朵":
-      return ClientType.DUOHUA;
-    case "沐沐":
-      return ClientType.TIANMU;
-    case "念念助手":
-      return ClientType.NIANHELPER;
-    default:
-      return ClientType.ZHINIAN;
-  }
-};
-
-// 环境配置 - 智念客户端使用测试环境，其他客户端使用生产环境
-export const isZhiNian = currentClientType() === ClientType.ZHINIAN;
diff --git a/src/constants/longTextCard.ts b/src/constants/longTextCard.ts
new file mode 100644
index 0000000..c25e986
--- /dev/null
+++ b/src/constants/longTextCard.ts
@@ -0,0 +1,173 @@
+export const LONG_TEXT_KEYS = {
+  containerType: "container_type",
+  tag: "tag",
+  title: "title",
+  content: "content",
+  contentSummary: "content_summary",
+  guideConclusion: "guide_conclusion",
+  keyFacts: "key_facts",
+  sceneImage: "scene_image",
+  checklistOrSteps: "checklist_or_steps",
+  bestTimeOrPeople: "best_time_or_people",
+  avoidPitfalls: "avoid_pitfalls",
+  nextSuggestion: "next_suggestion",
+  poiDefinition: "poi_definition",
+  keyHighlights: "key_highlights",
+  heroImage: "hero_image",
+  backgroundStory: "background_story",
+  bestTime: "best_time",
+  visitSuggestion: "visit_suggestion",
+  routeSummary: "route_summary",
+  routeMeta: "route_meta",
+  routeSteps: "route_steps",
+  onsiteClues: "onsite_clues",
+  realtimeNotice: "realtime_notice",
+  routeWarning: "route_warning",
+  arrivalNextStep: "arrival_next_step",
+  photoConclusion: "photo_conclusion",
+  photoSpots: "photo_spots",
+  compositionTips: "composition_tips",
+  phoneSettings: "phone_settings",
+  lightReminder: "light_reminder",
+  sampleImage: "sample_image",
+  components: "components",
+  checklist: "checklist",
+  suggest: "suggest",
+  commodity: "commodity",
+  actionZone: "action_zone",
+};
+
+export const LONG_TEXT_FIELD_CONFIG = [
+  { key: LONG_TEXT_KEYS.containerType },
+  { key: LONG_TEXT_KEYS.tag },
+  { key: LONG_TEXT_KEYS.title },
+  { key: LONG_TEXT_KEYS.content },
+  { key: LONG_TEXT_KEYS.contentSummary },
+  { key: LONG_TEXT_KEYS.guideConclusion },
+  { key: LONG_TEXT_KEYS.keyFacts },
+  { key: LONG_TEXT_KEYS.sceneImage },
+  { key: LONG_TEXT_KEYS.checklistOrSteps },
+  { key: LONG_TEXT_KEYS.bestTimeOrPeople },
+  { key: LONG_TEXT_KEYS.avoidPitfalls },
+  { key: LONG_TEXT_KEYS.nextSuggestion },
+  { key: LONG_TEXT_KEYS.poiDefinition },
+  { key: LONG_TEXT_KEYS.keyHighlights },
+  { key: LONG_TEXT_KEYS.heroImage },
+  { key: LONG_TEXT_KEYS.backgroundStory },
+  { key: LONG_TEXT_KEYS.bestTime },
+  { key: LONG_TEXT_KEYS.visitSuggestion },
+  { key: LONG_TEXT_KEYS.routeSummary },
+  { key: LONG_TEXT_KEYS.routeMeta },
+  { key: LONG_TEXT_KEYS.routeSteps },
+  { key: LONG_TEXT_KEYS.onsiteClues },
+  { key: LONG_TEXT_KEYS.realtimeNotice },
+  { key: LONG_TEXT_KEYS.routeWarning },
+  { key: LONG_TEXT_KEYS.arrivalNextStep },
+  { key: LONG_TEXT_KEYS.photoConclusion },
+  { key: LONG_TEXT_KEYS.photoSpots },
+  { key: LONG_TEXT_KEYS.compositionTips },
+  { key: LONG_TEXT_KEYS.phoneSettings },
+  { key: LONG_TEXT_KEYS.lightReminder },
+  { key: LONG_TEXT_KEYS.sampleImage },
+  { key: LONG_TEXT_KEYS.components },
+  { key: LONG_TEXT_KEYS.checklist },
+  { key: LONG_TEXT_KEYS.suggest },
+  { key: LONG_TEXT_KEYS.commodity },
+  { key: LONG_TEXT_KEYS.actionZone },
+];
+
+export const LONG_TEXT_PREVIEW_KEYS = [
+  LONG_TEXT_KEYS.contentSummary,
+  LONG_TEXT_KEYS.title,
+  LONG_TEXT_KEYS.tag,
+];
+
+const CONFIGURED_KEYS = LONG_TEXT_FIELD_CONFIG.map((item) => item.key);
+
+export const createLongTextData = () => ({
+  values: {},
+  parsedValues: {},
+});
+
+const toText = (value) => {
+  if (value === undefined || value === null) return "";
+  return typeof value === "string" ? value : String(value);
+};
+
+const shouldParseJSON = (raw) => {
+  if (!raw || typeof raw !== "string") return false;
+  return /^[\s]*[\[{]/.test(raw);
+};
+
+const tryParseJSON = (raw) => {
+  if (!shouldParseJSON(raw)) {
+    return { ok: false, value: null };
+  }
+  try {
+    return { ok: true, value: JSON.parse(raw) };
+  } catch (e) {
+    return { ok: false, value: null };
+  }
+};
+
+export const appendLongTextChunk = (target, chunk = {}) => {
+  if (!target || !chunk.contentKey) return target;
+
+  const key = String(chunk.contentKey);
+  const value = toText(chunk.contentValue);
+
+  if (!target.values) target.values = {};
+  if (!target.parsedValues) target.parsedValues = {};
+
+  target.values[key] = (target.values[key] || "") + value;
+
+  const parsed = tryParseJSON(target.values[key]);
+  if (parsed.ok) {
+    target.parsedValues[key] = parsed.value;
+  } else {
+    delete target.parsedValues[key];
+  }
+
+  return target;
+};
+
+export const getLongTextValue = (data, key) => {
+  if (!data || !data.values || !key) return "";
+  return data.values[key] || "";
+};
+
+export const getLongTextParsedValue = (data, key, fallback = undefined) => {
+  if (!data || !data.parsedValues || !key) return fallback;
+  return Object.prototype.hasOwnProperty.call(data.parsedValues, key)
+    ? data.parsedValues[key]
+    : fallback;
+};
+
+export const getLongTextPreviewText = (data, keys = LONG_TEXT_PREVIEW_KEYS) => {
+  for (const key of keys) {
+    const value = getLongTextValue(data, key);
+    if (value) return value;
+  }
+  return "";
+};
+
+export const hasLongTextExtraSections = (data, previewKeys = LONG_TEXT_PREVIEW_KEYS) => {
+  if (!data || !data.values) return false;
+  return Object.keys(data.values).some((key) => !previewKeys.includes(key));
+};
+
+export const getLongTextSections = (data) => {
+  if (!data || !data.values) return [];
+
+  const extraKeys = Object.keys(data.values).filter(
+    (key) => !CONFIGURED_KEYS.includes(key),
+  );
+
+  return [...CONFIGURED_KEYS, ...extraKeys]
+    .filter((key) => Object.prototype.hasOwnProperty.call(data.values, key))
+    .map((key) => ({
+      contentKey: key,
+      contentValue: getLongTextValue(data, key),
+      parsedValue: getLongTextParsedValue(data, key, null),
+    }));
+};
diff --git a/src/constants/token.ts b/src/constants/token.ts
index 41ea5ff..69d0205 100644
--- a/src/constants/token.ts
+++ b/src/constants/token.ts
@@ -1,35 +1,3 @@
-import { currentClientType } from "@/constant/base";
-
-// 存储在本地的认证 token 键名
-const CLIENT_TYPE = currentClientType();
-const ACCESS_TOKEN = `${CLIENT_TYPE}_ACCESS_TOKEN`;
-const REFRESH_ACCESS_TOKEN = `${CLIENT_TYPE}_REFRESH_ACCESS_TOKEN`;
-
-// 设置本地存储的认证 token
-export const setAccessToken = (token) => {
-  return uni.setStorageSync(ACCESS_TOKEN, token);
-};
-
-// 设置本地存储的刷新 token
-export const setRefreshToken = (token) => {
-  return uni.setStorageSync(REFRESH_ACCESS_TOKEN, token);
-};
-
-// 获取本地存储的刷新 token
-export const getRefreshToken = () => {
-  return uni.getStorageSync(REFRESH_ACCESS_TOKEN);
-};
-
-// 获取本地存储的认证 token
-export const getAccessToken = () => {
-  return uni.getStorageSync(ACCESS_TOKEN);
-};
-
-// 移除本地存储的认证 token
-export const removeAccessToken = () => {
-  return uni.removeStorageSync(ACCESS_TOKEN);
-};
-
-export const removeRefreshToken = () => {
-  return uni.removeStorageSync(REFRESH_ACCESS_TOKEN);
-};
+export function getAccessToken() {
+  return localStorage.getItem("accessToken");
+}
diff --git a/src/hooks/useGoLogin.ts b/src/hooks/useGoLogin.ts
index 748644d..a99443b 100644
--- a/src/hooks/useGoLogin.ts
+++ b/src/hooks/useGoLogin.ts
@@ -1,115 +1,22 @@
-import { oauthToken, checkUserPhone } from "@/request/api/LoginApi";
-import {
-  authLogin,
-  refreshAuthLogin,
-  checkRefreshToken,
-} from "@/manager/LoginManager";
-import { clientId } from "@/constant/base";
-import {
-  getAccessToken,
-  removeAccessToken,
-  setAccessToken,
-} from "../constant/token";
-import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant";
+import { oauthToken, checkUserPhone } from "@/api/login";
 
 // 跳转登录
-export const goLogin = () => uni.navigateTo({ url: "/pages/login/index" });
+export const goLogin = () => {};
 
 // 登录成功后，返回上一页
-export const goBack = () => uni.navigateBack({ delta: 1 });
+export const goBack = () => {};
 
 // 检测token
-export const checkToken = () => {
-  const token = getAccessToken();
-  return new Promise((resolve) => {
-    if (!token) {
-      goLogin();
-      return;
-    }
-    resolve();
-  });
-};
+export const checkToken = () => {};
 
 // 登录逻辑
-export const onLogin = async (e) => {
-  console.info("onLogin code: ", e);
-
-  return new Promise(async (resolve, reject) => {
-    // 判断用户拒绝
-    if (e !== undefined && e && e.detail && e.detail.errno === 104) {
-      reject();
-      return;
-    }
-
-    await authLogin(e).then(async () => {
-      console.log("authLogin resolve success");
-      // 检查手机号是否绑定
-      const checkRes = await checkUserPhone();
-      if (checkRes.data) {
-        resolve();
-        return;
-      }
-
-      if (e === undefined) {
-        resolve();
-        return;
-      }
-
-      const { code } = e.detail;
-
-      // 绑定手机号
-      const params = { wechatPhoneCode: code, clientId: clientId };
-      const res = await bindUserPhone(params);
-      if (res.data) {
-        // 登录成功后，触发登录成功事件
-        uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
-        resolve();
-      } else {
-        console.log("绑定手机号失败");
-        removeAccessToken();
-        reject();
-      }
-    });
-  });
-};
+export const onLogin = async () => {};
 
 /// 检查手机号登录
-export const onCheckPhoneLogin = async () => {
-  return new Promise(async (resolve) => {
-    await refreshAuthLogin().then(async () => {
-      // 刷新成功后，检查手机号是否绑定
-      const access_token = getAccessToken();
-      const checkRes = await checkUserPhone({
-        token: access_token,
-      });
-
-      if (checkRes.data) {
-        // 登录成功后，触发登录成功事件
-        uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
-        resolve(false);
-      } else {
-        resolve(true);
-      }
-    });
-  });
-};
+export const onCheckPhoneLogin = async () => {};
 
 // apple登录
-export const onAppleLogin = async (e) => {
-  return new Promise(async (resolve) => {
-    await refreshAuthLogin()
-      .then(() => {
-        // 登录成功后，触发登录成功事件
-        uni.$emit(NOTICE_EVENT_LOGIN_SUCCESS);
-        resolve(true);
-      })
-      .catch(() => {
-        resolve(false);
-      });
-  });
-};
+export const onAppleLogin = async () => {};
 
 // 刷新 token
-export const refreshToken = async () => {
-  await checkRefreshToken();
-};
+export const refreshToken = async () => {};
diff --git a/src/pages/booking/styles/index.scss b/src/pages/booking/styles/index.scss
index d51d90b..58a8514 100644
--- a/src/pages/booking/styles/index.scss
+++ b/src/pages/booking/styles/index.scss
@@ -1,4 +1,4 @@
 .booking {
-  background: linear-gradient(180deg, $theme-color-100 0%, #f5f7fa 100%) 0 86px / 100%
+  background: linear-gradient(180deg, #e8fff1 0%, #f5f7fa 100%) 0 86px / 100%
     100px no-repeat;
 }
diff --git a/src/pages/goods/components/DateSelector/styles/index.scss b/src/pages/goods/components/DateSelector/styles/index.scss
index 414b9b0..7651dda 100644
--- a/src/pages/goods/components/DateSelector/styles/index.scss
+++ b/src/pages/goods/components/DateSelector/styles/index.scss
@@ -16,7 +16,7 @@
   top: -12rpx;
   left: 24rpx;
   font-size: 20rpx;
-  color: $uni-text-color-grey;
+  color: #333-grey;
   background-color: #fff;
   padding: 0 8rpx;
   z-index: 1;
@@ -41,7 +41,7 @@
 .date-text {
   font-size: 32rpx;
   font-weight: 500;
-  color: $uni-text-color;
+  color: #333;
 }
 
 .day-text {
diff --git a/src/pages/goods/components/GoodConfirm/demo.vue b/src/pages/goods/components/GoodConfirm/demo.vue
index 6ea4f56..9035238 100644
--- a/src/pages/goods/components/GoodConfirm/demo.vue
+++ b/src/pages/goods/components/GoodConfirm/demo.vue
@@ -1,17 +1,13 @@
 <template>
   <div class="demo-container">
     <div class="demo-header">
-      <spanclass="demo-title">GoodConfirm 组件演示</text>
+      <span class="demo-title">GoodConfirm 组件演示</span>
     </div>
 
     <div class="demo-section">
       <div class="section-title">基础用法</div>
       <button class="demo-btn" @click="showConfirm">显示商品确认弹窗</button>
-      <button
-        class="demo-btn"
-        @click="setQuantity(5)"
-        style="margin-left: 12px"
-      >
+      <button class="demo-btn" @click="setQuantity(5)" style="margin-left: 12px">
         设置5人测试横向滚动
       </button>
     </div>
@@ -22,42 +18,29 @@
         <text>Stepper数量: {{ quantity }}</text>
         <text>表单项数量: {{ userFormCount }}</text>
         <text>总价: ¥{{ totalPrice }}</text>
-        <spanclass="debug-info">实时quantity值: {{ quantity }}</text>
-        <spanclass="feature-highlight">✨ 支持横向滚动浏览多个游客信息</text>
-        <spanclass="feature-highlight"
-          >🗑️ 支持删除游客信息（至少保留一位）</text
-        >
+        <span class="debug-info">实时quantity值: {{ quantity }}</span>
+        <span class="feature-highlight">✨ 支持横向滚动浏览多个游客信息</span>
+        <span class="feature-highlight">🗑️ 支持删除游客信息（至少保留一位）</span>
       </div>
     </div>
 
     <div class="demo-section" v-if="lastOrderData">
       <div class="section-title">最后提交的数据</div>
       <div class="order-data">
-        <text>商品: {{ lastOrderData.goodsData.commodityName }}</text>
-        <text>数量: {{ lastOrderData.quantity }}</text>
-        <text>总价: ¥{{ lastOrderData.totalPrice }}</text>
-        <text>用户信息:</text>
+        <span>商品: {{ lastOrderData.goodsData.commodityName }}</span>
+        <span>数量: {{ lastOrderData.quantity }}</span>
+        <span>总价: ¥{{ lastOrderData.totalPrice }}</span>
+        <span>用户信息:</span>
         <div class="user-list">
-          <div
-            v-for="(user, index) in lastOrderData.userFormList"
-            :key="index"
-            class="user-item"
-          >
-            <text
-              >游客{{ index + 1 }}: {{ user.name || "未填写" }} -
-              {{ user.phone || "未填写" }}</text
-            >
+          <div v-for="(user, index) in lastOrderData.userFormList" :key="index" class="user-item">
+            <span>游客{{ index + 1 }}: {{ user.name || "未填写" }} -
+              {{ user.phone || "未填写" }}</span>
           </div>
         </div>
       </div>
     </div>
 
-    <GoodConfirm
-      ref="confirmRef"
-      :goodsData="goodsData"
-      @confirm="handleConfirm"
-      @close="handleClose"
-    />
+    <GoodConfirm ref="confirmRef" :goodsData="goodsData" @confirm="handleConfirm" @close="handleClose" />
   </div>
 </template>
 
diff --git a/src/pages/goods/components/GoodConfirm/styles/index.scss b/src/pages/goods/components/GoodConfirm/styles/index.scss
index 3312c53..ac3055a 100644
--- a/src/pages/goods/components/GoodConfirm/styles/index.scss
+++ b/src/pages/goods/components/GoodConfirm/styles/index.scss
@@ -15,7 +15,7 @@
   .header-title {
     font-size: 18px;
     font-weight: 600;
-    color: $uni-text-color;
+    color: #333;
     flex: 1;
     text-align: center;
   }
@@ -62,9 +62,9 @@
       justify-content: space-between;
 
       .goods-title {
-        font-size: $uni-font-size-lg;
+        font-size: 16px;
         font-weight: 500;
-        color: $uni-text-color;
+        color: #333;
         line-height: 22px;
         margin-bottom: 8px;
         display: -webkit-box;
@@ -79,7 +79,7 @@
         margin-bottom: 12px;
 
         .currency {
-          font-size: $uni-font-size-base;
+          font-size: 14px;
           color: #ff6b35;
           font-weight: 500;
         }
@@ -92,8 +92,8 @@
         }
 
         .price-desc {
-          font-size: $uni-font-size-base;
-          color: $uni-text-color-grey;
+          font-size: 14px;
+          color: #333-grey;
           font-weight: 400;
           margin-left: 12px;
         }
@@ -107,9 +107,9 @@
       }
 
       .service-title {
-        font-size: $uni-font-size-base;
+        font-size: 14px;
         font-weight: 500;
-        color: $uni-text-color;
+        color: #333;
       }
 
       .goods-service-item {
@@ -120,16 +120,16 @@
 
         .service-label,
         .service-value {
-          font-size: $uni-font-size-base;
+          font-size: 14px;
           font-weight: 500;
         }
 
         .service-label {
-          color: $uni-text-color;
+          color: #333;
         }
 
         .service-value {
-          color: $uni-text-color-grey;
+          color: #333-grey;
         }
       }
     }
@@ -166,8 +166,8 @@
   }
 
   .total-count {
-    font-size: $uni-font-size-sm;
-    color: $uni-text-color;
+    font-size: 12px;
+    color: #333;
   }
 
   .total-price {
@@ -178,7 +178,7 @@
 
     &::before {
       content: "¥";
-      font-size: $uni-font-size-sm;
+      font-size: 12px;
     }
   }
 
@@ -189,7 +189,7 @@
     color: #fff;
     border: none;
     border-radius: 24px;
-    font-size: $uni-font-size-lg;
+    font-size: 16px;
     font-weight: 600;
     display: flex;
     align-items: center;
diff --git a/src/pages/goods/components/GoodInfo/styles/index.scss b/src/pages/goods/components/GoodInfo/styles/index.scss
index e29522f..c1719f5 100644
--- a/src/pages/goods/components/GoodInfo/styles/index.scss
+++ b/src/pages/goods/components/GoodInfo/styles/index.scss
@@ -8,8 +8,8 @@
     margin-bottom: 12px;
 
     .title {
-      font-size: $uni-font-size-lg;
-      color: $uni-text-color;
+      font-size: 16px;
+      color: #333;
       font-weight: 600;
       line-height: 1.4;
       flex: 0 280px;
@@ -54,8 +54,8 @@
         border-radius: 6px;
 
         .facility-text {
-          font-size: $uni-font-size-sm;
-          color: $uni-text-color;
+          font-size: 12px;
+          color: #333;
           line-height: 1;
           white-space: nowrap;
           overflow: hidden;
diff --git a/src/pages/goods/styles/index.scss b/src/pages/goods/styles/index.scss
index 4e04098..67eaa1c 100644
--- a/src/pages/goods/styles/index.scss
+++ b/src/pages/goods/styles/index.scss
@@ -37,8 +37,8 @@ $button-color: #00a6ff;
         flex-shrink: 0;
 
         .module-title {
-          font-size: $uni-font-size-base;
-          color: $uni-text-color;
+          font-size: 14px;
+          color: #333;
           text-align: center;
           word-wrap: break-word;
           margin-left: 4px;
@@ -47,7 +47,7 @@ $button-color: #00a6ff;
 
       .module-desc {
         flex: 1;
-        font-size: $uni-font-size-sm;
+        font-size: 12px;
         color: #666;
         line-height: 1.5;
         margin-top: 4px;
diff --git a/src/pages/home/components/ActivityListComponent/index.vue b/src/pages/home/components/ActivityListComponent/index.vue
index a341489..70d41ad 100644
--- a/src/pages/home/components/ActivityListComponent/index.vue
+++ b/src/pages/home/components/ActivityListComponent/index.vue
@@ -14,7 +14,7 @@
 
 <script setup>
 import { ref } from "vue";
-import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 
 const commandModel = ref({
   icon: "",
diff --git a/src/pages/home/components/ActivityListComponent/styles/index.scss b/src/pages/home/components/ActivityListComponent/styles/index.scss
index 86bf593..2178be5 100644
--- a/src/pages/home/components/ActivityListComponent/styles/index.scss
+++ b/src/pages/home/components/ActivityListComponent/styles/index.scss
@@ -27,8 +27,8 @@
       right: 12px;
       bottom: 12px;
       background-color: #ffeb00;
-      color: $uni-text-color;
-      font-size: $uni-font-size-base;
+      color: #333;
+      font-size: 14px;
       font-weight: 500;
       padding: 4px 12px;
       border-radius: 20px;
diff --git a/src/pages/home/components/AnswerComponent/index.vue b/src/pages/home/components/AnswerComponent/index.vue
index a260a7b..5bf7448 100644
--- a/src/pages/home/components/AnswerComponent/index.vue
+++ b/src/pages/home/components/AnswerComponent/index.vue
@@ -31,14 +31,14 @@
 <script setup>
 import { defineProps, computed, watch, onBeforeUnmount } from "vue";
 
-import ChatMarkdown from "./ChatMarkdown/index.vue";
+import ChatMarkdown from "../ChatMarkdown/index.vue";
 import ChatLoading from "./ChatLoading/index.vue";
 import StreamManager from '@/utils/StreamManager.js';
 import {
   getLongTextPredivText,
   getLongTextValue,
   hasLongTextExtraSections,
-} from "@/utils/longTextCard";
+} from "@/constants/longTextCard";
 
 // 直接根据文字长度判断，超过约100个字符认为会溢出（约3行）
 const props = defineProps({
diff --git a/src/pages/home/components/AttachListComponent/index.vue b/src/pages/home/components/AttachListComponent/index.vue
index 5bf8cf4..da327a1 100644
--- a/src/pages/home/components/AttachListComponent/index.vue
+++ b/src/pages/home/components/AttachListComponent/index.vue
@@ -12,7 +12,7 @@ import { onMounted } from "vue";
 import {
   SCROLL_TO_BOTTOM,
   SEND_MESSAGE_CONTENT_TEXT,
-} from "@/constant/constant";
+} from "@/constants/constant";
 
 const props = defineProps({
   question: {
diff --git a/src/pages/home/components/AttachListComponent/styles/index.scss b/src/pages/home/components/AttachListComponent/styles/index.scss
index aa3d41d..00487d7 100644
--- a/src/pages/home/components/AttachListComponent/styles/index.scss
+++ b/src/pages/home/components/AttachListComponent/styles/index.scss
@@ -19,5 +19,5 @@
 
 .tag-text {
   color: #0ccd58;
-  font-size: $uni-font-size-base;
+  font-size: 14px;
 }
diff --git a/src/pages/home/components/ChatInputArea/styles/index.scss b/src/pages/home/components/ChatInputArea/styles/index.scss
index 006ab9b..b13dcba 100644
--- a/src/pages/home/components/ChatInputArea/styles/index.scss
+++ b/src/pages/home/components/ChatInputArea/styles/index.scss
@@ -33,8 +33,8 @@
   .hold-to-talk-button {
     width: 100%;
     height: 44px;
-    color: $uni-text-color;
-    font-size: $uni-font-size-lg;
+    color: #333;
+    font-size: 16px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -99,7 +99,7 @@
     width: 100%;
     max-height: 92px;
     min-height: 22px;
-    font-size: $uni-font-size-lg;
+    font-size: 16px;
     line-height: 22px;
     margin: 6px 0;
 
diff --git a/src/pages/home/components/ChatLongAnswer/index.vue b/src/pages/home/components/ChatLongAnswer/index.vue
index a20663c..4a8209e 100644
--- a/src/pages/home/components/ChatLongAnswer/index.vue
+++ b/src/pages/home/components/ChatLongAnswer/index.vue
@@ -44,7 +44,7 @@ import {
   LONG_TEXT_KEYS,
   getLongTextSections,
   getLongTextValue,
-} from "@/utils/longTextCard";
+} from "@/constants/longTextCard";
 
 const props = defineProps({
   answerText: {
diff --git a/src/pages/home/components/ChatMainList/index.vue b/src/pages/home/components/ChatMainList/index.vue
index 9fde39e..a466ea2 100644
--- a/src/pages/home/components/ChatMainList/index.vue
+++ b/src/pages/home/components/ChatMainList/index.vue
@@ -46,7 +46,7 @@
                 :finish="item.finish"
               /> -->
 
-              <LongTextGuideCardPrediv v-if="item.componentName && isLongTextCard(item.componentName)"
+              <LongTextGuideCardPreview v-if="item.componentName && isLongTextCard(item.componentName)"
                 :componentName="item.componentName" />
 
               <QuickBookingComponent v-if="
@@ -147,12 +147,12 @@ import {
   SEND_MESSAGE_COMMAND_TYPE,
   NOTICE_EVENT_LOGOUT,
   NOTICE_EVENT_LOGIN_SUCCESS,
-} from "@/constant/constant";
-import { MessageRole, MessageType, CompName, Command } from "@/model/ChatModel";
+} from "@/constants/constant";
+import { MessageRole, MessageType, CompName, Command } from "@/constants/ChatModel";
 
 import HomeWelcome from "../HomeWelcome/index.vue";
 import AiTabSwitch from "@/components/AiTabSwitch/index.vue";
-import Discovery from "../../Discovery/index.vue";
+import Discovery from "../Discovery/index.vue";
 import ChatGuide from "../ChatGuide/index.vue";
 
 import ChatTopNavBar from "../ChatTopNavBar/index.vue";
@@ -162,37 +162,36 @@ import ChatCardOther from "../ChatCardOther/index.vue";
 import ChatQuickAccess from "../ChatQuickAccess/index.vue";
 import ChatInputArea from "../ChatInputArea/index.vue";
 
-import QuickBookingComponent from "../../ChatModule/QuickBookingComponent/index.vue";
-import DiscoveryCardComponent from "../../ChatModule/DiscoveryCardComponent/index.vue";
-import ActivityListComponent from "../../ChatModule/ActivityListComponent/index.vue";
-import RecommendPostsComponent from "../../ChatModule/RecommendPostsComponent/index.vue";
-import AttachListComponent from "../../ChatModule/AttachListComponent/index.vue";
-import DetailCardCompontent from "../../ChatModule/DetailCardCompontent/index.vue";
-import OpenMapComponent from "../../ChatModule/OpenMapComponent/index.vue";
-import AnswerComponent from "../../ChatModule/AnswerComponent/index.vue";
-import GeneratorPhotoComponent from "../../ChatModule/GeneratorPhotoComponent/index.vue";
+import QuickBookingComponent from "../QuickBookingComponent/index.vue";
+import DiscoveryCardComponent from "../DiscoveryCardComponent/index.vue";
+import ActivityListComponent from "../ActivityListComponent/index.vue";
+import RecommendPostsComponent from "../RecommendPostsComponent/index.vue";
+import AttachListComponent from "../AttachListComponent/index.vue";
+import DetailCardCompontent from "../DetailCardCompontent/index.vue";
+import OpenMapComponent from "../OpenMapComponent/index.vue";
+import AnswerComponent from "../AnswerComponent/index.vue";
+import GeneratorPhotoComponent from "../GeneratorPhotoComponent/index.vue";
 
-import ZModuleC01 from "../../ChatModule/ZModuleC01/index.vue";
-import LongTextGuideCardPrediv from "../../ChatModule/LongTextGuideCardPrediv/index.vue";
+import LongTextGuideCardPreview from "../LongTextGuideCardPreview/index.vue";
 
 import CreateServiceOrder from "@/components/CreateServiceOrder/index.vue";
 import Feedback from "@/components/Feedback/index.vue";
 import AddCarCrad from "@/components/AddCarCrad/index.vue";
 import SurveyQuestionnaire from "@/components/SurveyQuestionnaire/index.vue";
-import { mainPageData } from "@/request/api/MainPageDataApi";
+import { mainPageData } from "@/api/home";
 import {
   conversationMsgList,
   recentConversation,
-} from "@/request/api/ConversationApi";
+} from "@/api/home";
 import WebSocketManager from "@/utils/WebSocketManager";
-import { IdUtils } from "@/utils";
+import { IdUtils } from "@/utils/IdUtils";
 import {
   appendLongTextChunk,
   createLongTextData,
-} from "@/utils/longTextCard";
+} from "@/constants/longTextCard";
 import { checkToken } from "@/hooks/useGoLogin";
 import { useAppStore } from "@/store";
-import { getAccessToken } from "@/constant/token";
+import { getAccessToken } from "@/constants/token";
 
 const emit = defineEmits(["showDrawer"]);
 const appStore = useAppStore();
diff --git a/src/pages/home/components/ChatMoreTips/index.vue b/src/pages/home/components/ChatMoreTips/index.vue
index 4dbbdd8..28848b9 100644
--- a/src/pages/home/components/ChatMoreTips/index.vue
+++ b/src/pages/home/components/ChatMoreTips/index.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script setup>
-import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constants/constant";
 import { defineProps } from "vue";
 
 defineProps({
diff --git a/src/pages/home/components/ChatQuickAccess/index.vue b/src/pages/home/components/ChatQuickAccess/index.vue
index ae59f8c..2fa1044 100644
--- a/src/pages/home/components/ChatQuickAccess/index.vue
+++ b/src/pages/home/components/ChatQuickAccess/index.vue
@@ -15,7 +15,7 @@
 <script setup>
 import { ref } from "vue";
 import { Command } from "@/model/ChatModel";
-import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 import { checkToken } from "@/hooks/useGoLogin";
 
 const itemList = ref([
diff --git a/src/pages/home/components/ChatTopNavBar/index.vue b/src/pages/home/components/ChatTopNavBar/index.vue
index 309a4a6..4fccd24 100644
--- a/src/pages/home/components/ChatTopNavBar/index.vue
+++ b/src/pages/home/components/ChatTopNavBar/index.vue
@@ -25,7 +25,7 @@
 
 <script setup>
 import { ref, defineProps, computed, defineExpose } from "vue";
-import { getCurrentConfig } from "@/constant/base";
+import { getCurrentConfig } from "@/constants/base";
 import SpriteAnimator from "@/components/Sprite/SpriteAnimator.vue";
 
 const props = defineProps({
diff --git a/src/pages/home/components/ChatTopWelcome/index.vue b/src/pages/home/components/ChatTopWelcome/index.vue
index e1b82f0..29bcf54 100644
--- a/src/pages/home/components/ChatTopWelcome/index.vue
+++ b/src/pages/home/components/ChatTopWelcome/index.vue
@@ -18,7 +18,7 @@ v
 
 <script setup>
 import { defineProps, computed, getCurrentInstance, defineExpose } from "vue";
-import { getCurrentConfig } from "@/constant/base";
+import { getCurrentConfig } from "@/constants/base";
 import ChatMoreTips from "../ChatMoreTips/index.vue";
 import SpriteAnimator from "@/components/Sprite/SpriteAnimator.vue";
 
diff --git a/src/pages/discovery/components/CardSwiper/index.vue b/src/pages/home/components/Discovery/components/CardSwiper/index.vue
similarity index 100%
rename from src/pages/discovery/components/CardSwiper/index.vue
rename to src/pages/home/components/Discovery/components/CardSwiper/index.vue
diff --git a/src/pages/discovery/components/CardSwiper/styles/index.scss b/src/pages/home/components/Discovery/components/CardSwiper/styles/index.scss
similarity index 100%
rename from src/pages/discovery/components/CardSwiper/styles/index.scss
rename to src/pages/home/components/Discovery/components/CardSwiper/styles/index.scss
diff --git a/src/pages/discovery/components/FindTabs/images/selected_tabs_icon.png b/src/pages/home/components/Discovery/components/FindTabs/images/selected_tabs_icon.png
similarity index 100%
rename from src/pages/discovery/components/FindTabs/images/selected_tabs_icon.png
rename to src/pages/home/components/Discovery/components/FindTabs/images/selected_tabs_icon.png
diff --git a/src/pages/discovery/components/FindTabs/images/selected_tabs_icon_b.png b/src/pages/home/components/Discovery/components/FindTabs/images/selected_tabs_icon_b.png
similarity index 100%
rename from src/pages/discovery/components/FindTabs/images/selected_tabs_icon_b.png
rename to src/pages/home/components/Discovery/components/FindTabs/images/selected_tabs_icon_b.png
diff --git a/src/pages/discovery/components/FindTabs/index.vue b/src/pages/home/components/Discovery/components/FindTabs/index.vue
similarity index 98%
rename from src/pages/discovery/components/FindTabs/index.vue
rename to src/pages/home/components/Discovery/components/FindTabs/index.vue
index 20bb485..f384e40 100644
--- a/src/pages/discovery/components/FindTabs/index.vue
+++ b/src/pages/home/components/Discovery/components/FindTabs/index.vue
@@ -20,7 +20,7 @@
 
 <script setup>
 import { getCurrentInstance, nextTick, onMounted, ref, watch } from "vue";
-import { isZhiNian } from "@/constant/base";
+import { isZhiNian } from "@/constants/base";
 import indicatorSrc from "./images/selected_tabs_icon.png";
 import indicatorSrcB from "./images/selected_tabs_icon_b.png";
 
diff --git a/src/pages/discovery/components/FindTabs/styles/index.scss b/src/pages/home/components/Discovery/components/FindTabs/styles/index.scss
similarity index 100%
rename from src/pages/discovery/components/FindTabs/styles/index.scss
rename to src/pages/home/components/Discovery/components/FindTabs/styles/index.scss
diff --git a/src/pages/discovery/components/QuickQuestions/index.vue b/src/pages/home/components/Discovery/components/QuickQuestions/index.vue
similarity index 100%
rename from src/pages/discovery/components/QuickQuestions/index.vue
rename to src/pages/home/components/Discovery/components/QuickQuestions/index.vue
diff --git a/src/pages/discovery/components/QuickQuestions/styles/index.scss b/src/pages/home/components/Discovery/components/QuickQuestions/styles/index.scss
similarity index 100%
rename from src/pages/discovery/components/QuickQuestions/styles/index.scss
rename to src/pages/home/components/Discovery/components/QuickQuestions/styles/index.scss
diff --git a/src/pages/discovery/index.vue b/src/pages/home/components/Discovery/index.vue
similarity index 98%
rename from src/pages/discovery/index.vue
rename to src/pages/home/components/Discovery/index.vue
index 4cae6ca..1c6d648 100644
--- a/src/pages/discovery/index.vue
+++ b/src/pages/home/components/Discovery/index.vue
@@ -17,9 +17,9 @@
 
 <script setup>
 import { onMounted, ref } from "vue";
-import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE, SWITCH_TO_COMPANION_TAB } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE, SWITCH_TO_COMPANION_TAB } from "@/constants/constant";
 import { navigateTo } from "@/router";
-import { getAccessToken } from "@/constant/token";
+import { getAccessToken } from "@/constants/token";
 
 import FindTabs from "./components/FindTabs/index.vue";
 import CardSwiper from "./components/CardSwiper/index.vue";
diff --git a/src/pages/home/components/DiscoveryCardComponent/index.vue b/src/pages/home/components/DiscoveryCardComponent/index.vue
index 977ccf8..613b642 100644
--- a/src/pages/home/components/DiscoveryCardComponent/index.vue
+++ b/src/pages/home/components/DiscoveryCardComponent/index.vue
@@ -8,8 +8,8 @@
 
 <script setup>
 import { ref, onMounted, nextTick } from "vue";
-import { SCROLL_TO_BOTTOM } from "@/constant/constant";
-import { discoveryCradComponent } from "@/request/api/MainPageDataApi";
+import { SCROLL_TO_BOTTOM } from "@/constants/constant";
+import { discoveryCradComponent } from "@/api/home";
 import RecommendPostsList from "../RecommendPostsList/index.vue";
 
 const themeDTOList = ref([]);
diff --git a/src/pages/home/components/DiscoveryCradContentList/index.vue b/src/pages/home/components/DiscoveryCradContentList/index.vue
index 1295243..fdc20f8 100644
--- a/src/pages/home/components/DiscoveryCradContentList/index.vue
+++ b/src/pages/home/components/DiscoveryCradContentList/index.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script setup>
-import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 import { defineProps } from "vue";
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 
diff --git a/src/pages/home/components/DiscoveryCradContentList/styles/index.scss b/src/pages/home/components/DiscoveryCradContentList/styles/index.scss
index d514b5b..411e5d2 100644
--- a/src/pages/home/components/DiscoveryCradContentList/styles/index.scss
+++ b/src/pages/home/components/DiscoveryCradContentList/styles/index.scss
@@ -25,8 +25,8 @@
         padding: 12px;
         text-align: center;
         font-weight: 500;
-        font-size: $uni-font-size-sm;
-        color: $uni-text-color;
+        font-size: 12px;
+        color: #333;
       }
     }
   }
diff --git a/src/pages/home/components/DrawerSection/components/MineSetting/index.vue b/src/pages/home/components/DrawerSection/components/MineSetting/index.vue
index 472058c..b5f3635 100644
--- a/src/pages/home/components/DrawerSection/components/MineSetting/index.vue
+++ b/src/pages/home/components/DrawerSection/components/MineSetting/index.vue
@@ -32,8 +32,8 @@
 
 <script setup>
 import { ref, defineEmits, defineExpose } from "vue";
-import { getLoginUserPhone } from "@/request/api/LoginApi";
-import { NOTICE_EVENT_LOGOUT } from "@/constant/constant";
+import { getLoginUserPhone } from "@/api/login";
+import { NOTICE_EVENT_LOGOUT } from "@/constants/constant";
 import { useAppStore } from "@/store";
 
 const appStore = useAppStore();
@@ -88,22 +88,7 @@ const handleMenuClick = (item) => {
 };
 
 // 退出登录
-const handleLogout = () => {
-  uni.showModal({
-    title: "温馨提示",
-    content: "确定要退出登录吗？",
-    success: (res) => {
-      if (res.confirm) {
-        uni.clearStorageSync();
-        emits("close");
-        uni.$emit(NOTICE_EVENT_LOGOUT);
-        uni.showToast({
-          title: "退出登录成功",
-        });
-      }
-    },
-  });
-};
+const handleLogout = () => { };
 
 defineExpose({ getLoginUserPhoneInfo });
 </script>
diff --git a/src/pages/home/components/DrawerSection/components/MineSetting/styles/index.scss b/src/pages/home/components/DrawerSection/components/MineSetting/styles/index.scss
index 16d999e..657783d 100644
--- a/src/pages/home/components/DrawerSection/components/MineSetting/styles/index.scss
+++ b/src/pages/home/components/DrawerSection/components/MineSetting/styles/index.scss
@@ -32,7 +32,7 @@
 
 .label {
   font-size: 28rpx;
-  color: $uni-text-color;
+  color: #333;
 }
 
 .value {
@@ -59,7 +59,7 @@
   height: 42px;
   margin-top: 40px;
   background-color: #fff;
-  color: $uni-text-color;
+  color: #333;
   border-radius: 8rpx;
   border: none;
 }
diff --git a/src/pages/home/components/DrawerSection/styles/index.scss b/src/pages/home/components/DrawerSection/styles/index.scss
index b494117..b19f15c 100644
--- a/src/pages/home/components/DrawerSection/styles/index.scss
+++ b/src/pages/home/components/DrawerSection/styles/index.scss
@@ -15,7 +15,7 @@
   .title {
     font-size: 18px;
     text-align: center;
-    color: $uni-text-color;
+    color: #333;
   }
 
   .close-icon {
diff --git a/src/pages/home/components/GeneratorPhotoComponent/index.vue b/src/pages/home/components/GeneratorPhotoComponent/index.vue
index bbd351d..7840965 100644
--- a/src/pages/home/components/GeneratorPhotoComponent/index.vue
+++ b/src/pages/home/components/GeneratorPhotoComponent/index.vue
@@ -35,8 +35,8 @@
 import { defineProps, nextTick, onMounted, computed } from "vue";
 import {
   SCROLL_TO_BOTTOM,
-} from "@/constant/constant";
-import { getAccessToken } from "@/constant/token";
+} from "@/constants/constant";
+import { getAccessToken } from "@/constants/token";
 import { navigateTo } from "@/router";
 
 
diff --git a/src/pages/home/components/GeneratorPhotoComponent/styles/index.scss b/src/pages/home/components/GeneratorPhotoComponent/styles/index.scss
index 16030bb..19c1d57 100644
--- a/src/pages/home/components/GeneratorPhotoComponent/styles/index.scss
+++ b/src/pages/home/components/GeneratorPhotoComponent/styles/index.scss
@@ -4,7 +4,7 @@
 }
 
 .content {
-  background: linear-gradient(180deg, $theme-color-100 0%, #0ccd58 100%);
+  background: linear-gradient(180deg, #e8fff1 0%, #0ccd58 100%);
   border-radius: 24px 24px 24px 24px;
   border: 1px solid #ffffff;
   position: relative;
@@ -23,8 +23,8 @@
 .btn-bg-sub {
   background: #0ccd58;
   box-shadow:
-    inset 0px 0px 41px 0px $theme-color-50,
-    inset 0px 0px 15px 0px $theme-color-100;
+    inset 0px 0px 41px 0px #f0f8f3,
+    inset 0px 0px 15px 0px #e8fff1;
 }
 
 /* 左上角标签容器 */
diff --git a/src/pages/home/components/HomeWelcome/index.vue b/src/pages/home/components/HomeWelcome/index.vue
index ad30033..48a77c9 100644
--- a/src/pages/home/components/HomeWelcome/index.vue
+++ b/src/pages/home/components/HomeWelcome/index.vue
@@ -20,7 +20,7 @@ import { onMounted, ref } from "vue";
 import { defineProps, computed } from "vue";
 import SpriteAnimator from "@/components/Sprite/SpriteAnimator.vue";
 import NoticeMessage from "../NoticeMessage/index.vue";
-import { getLocalWeather } from "@/request/api/MainPageDataApi";
+import { getLocalWeather } from "@/api/home";
 
 const weatherText = ref('');
 
diff --git a/src/pages/home/components/LongTextGuideCardPreview/guide.vue b/src/pages/home/components/LongTextGuideCardPreview/guide.vue
index f4fbb3c..39316df 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/guide.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/guide.vue
@@ -79,7 +79,7 @@
 
 <script setup>
 import TopNavBar from "@/components/TopNavBar/index.vue";
-import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constants/constant";
 
 const products = [
   {
diff --git a/src/pages/home/components/LongTextGuideCardPreview/photo.vue b/src/pages/home/components/LongTextGuideCardPreview/photo.vue
index 723b0cd..1aa525c 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/photo.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/photo.vue
@@ -76,8 +76,8 @@
 
 <script setup>
 import TopNavBar from "@/components/TopNavBar/index.vue";
-import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
-import { getAccessToken } from "@/constant/token";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constants/constant";
+import { getAccessToken } from "@/constants/token";
 import { navigateTo } from "@/router";
 
 const photo = {
diff --git a/src/pages/home/components/LongTextGuideCardPreview/poi.vue b/src/pages/home/components/LongTextGuideCardPreview/poi.vue
index 6be2ef5..0c5167f 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/poi.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/poi.vue
@@ -69,7 +69,7 @@
 
 <script setup>
 import TopNavBar from "@/components/TopNavBar/index.vue";
-import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constants/constant";
 
 const faq = ["古桥有什么传说", "最佳观赏时间", "旁边还有什么景点"];
 
diff --git a/src/pages/home/components/LongTextGuideCardPreview/route.vue b/src/pages/home/components/LongTextGuideCardPreview/route.vue
index b6b627b..f748849 100644
--- a/src/pages/home/components/LongTextGuideCardPreview/route.vue
+++ b/src/pages/home/components/LongTextGuideCardPreview/route.vue
@@ -94,7 +94,7 @@
 
 <script setup>
 import TopNavBar from "@/components/TopNavBar/index.vue";
-import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constants/constant";
 
 const steps = [
   {
diff --git a/src/pages/home/components/MoreService/index.vue b/src/pages/home/components/MoreService/index.vue
index 3200067..d1da3fe 100644
--- a/src/pages/home/components/MoreService/index.vue
+++ b/src/pages/home/components/MoreService/index.vue
@@ -30,8 +30,8 @@
 
 <script setup>
 import { ref } from "vue";
-import { Command } from "@/model/ChatModel";
-import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { Command } from "@/constants/ChatModel";
+import { SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 import { checkToken } from "@/hooks/useGoLogin";
 
 const popup = ref(null);
diff --git a/src/pages/home/components/NoticeMessage/index.vue b/src/pages/home/components/NoticeMessage/index.vue
index c212ed9..1f0b57a 100644
--- a/src/pages/home/components/NoticeMessage/index.vue
+++ b/src/pages/home/components/NoticeMessage/index.vue
@@ -37,8 +37,8 @@
 
 <script setup>
 import { computed, onMounted, ref } from "vue";
-import { getTimeNoticeList } from "@/request/api/MainPageDataApi";
-import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constant/constant";
+import { getTimeNoticeList } from "@/api/home";
+import { NOTICE_EVENT_LOGIN_SUCCESS } from "@/constants/constant";
 
 const props = defineProps({
   tipsMessage: {
diff --git a/src/pages/home/components/QuickBookingCalender/styles/index.scss b/src/pages/home/components/QuickBookingCalender/styles/index.scss
index 68aeb45..32bc4fa 100644
--- a/src/pages/home/components/QuickBookingCalender/styles/index.scss
+++ b/src/pages/home/components/QuickBookingCalender/styles/index.scss
@@ -24,7 +24,7 @@
 
 .label {
   font-size: 24rpx;
-  color: $uni-text-color-grey;
+  color: #333-grey;
 }
 .date {
   font-size: 28rpx;
diff --git a/src/pages/home/components/QuickBookingComponent/index.vue b/src/pages/home/components/QuickBookingComponent/index.vue
index 74cbb15..e186c47 100644
--- a/src/pages/home/components/QuickBookingComponent/index.vue
+++ b/src/pages/home/components/QuickBookingComponent/index.vue
@@ -12,8 +12,8 @@ import QuickBookingCalender from "../QuickBookingCalender/index.vue";
 import QuickBookingContentList from "../QuickBookingContentList/index.vue";
 import { ref, nextTick } from "vue";
 import { onMounted } from "vue";
-import { quickBookingComponent } from "@/request/api/MainPageDataApi";
-import { SCROLL_TO_BOTTOM } from "@/constant/constant";
+import { quickBookingComponent } from "@/api/home";
+import { SCROLL_TO_BOTTOM } from "@/constants/constant";
 
 const selectedDate = ref({});
 
diff --git a/src/pages/home/components/QuickBookingContentList/styles/index.scss b/src/pages/home/components/QuickBookingContentList/styles/index.scss
index b619782..a616717 100644
--- a/src/pages/home/components/QuickBookingContentList/styles/index.scss
+++ b/src/pages/home/components/QuickBookingContentList/styles/index.scss
@@ -25,7 +25,7 @@
         left: 8px;
         background: #ffe7b2;
         color: #b97a00;
-        font-size: $uni-font-size-sm;
+        font-size: 12px;
         padding: 2px 8px;
         border-radius: 4px;
         z-index: 2;
@@ -59,7 +59,7 @@
       }
 
       .card-title {
-        font-size: $uni-font-size-lg;
+        font-size: 16px;
         font-weight: bold;
         color: #222;
         width: 100%;
@@ -112,7 +112,7 @@
 
         .card-price {
           color: #ff6600;
-          font-size: $uni-font-size-lg;
+          font-size: 16px;
           font-weight: bold;
         }
         .card-unit {
diff --git a/src/pages/home/components/RecommendPostsList/index.vue b/src/pages/home/components/RecommendPostsList/index.vue
index c34e2ab..9b095b0 100644
--- a/src/pages/home/components/RecommendPostsList/index.vue
+++ b/src/pages/home/components/RecommendPostsList/index.vue
@@ -23,7 +23,7 @@
 
 <script setup>
 import { defineProps } from "vue";
-import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT, SEND_MESSAGE_COMMAND_TYPE } from "@/constants/constant";
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 
 const props = defineProps({
diff --git a/src/pages/login/components/AgreePopup/styles/index.scss b/src/pages/login/components/AgreePopup/styles/index.scss
index ca8c20a..a9004f0 100644
--- a/src/pages/login/components/AgreePopup/styles/index.scss
+++ b/src/pages/login/components/AgreePopup/styles/index.scss
@@ -14,7 +14,7 @@
     .popup-title {
       font-size: 18px;
       font-weight: 600;
-      color: $uni-text-color;
+      color: #333;
       text-align: center;
       line-height: 24px;
     }
@@ -65,8 +65,8 @@
       align-items: center;
       justify-content: center;
       color: #ffffff;
-      border-radius: $uni-border-radius-50px;
-      font-size: $uni-font-size-lg;
+      border-radius: 50px;
+      font-size: 16px;
       font-weight: 500;
       transition: all 0.3s ease;
 
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 97f0069..9055286 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -56,7 +56,7 @@ import {
 import CheckBox from "@/components/CheckBox/index.vue";
 import AgreePopup from "./components/AgreePopup/index.vue";
 import { zniconsMap } from "@/static/fonts/znicons";
-import { getCurrentConfig } from "@/constant/base";
+import { getCurrentConfig } from "@/constants/base";
 
 // 是否需要微信手机号授权登录
 const needWxAuthLogin = ref(false);
diff --git a/src/pages/order/order/components/NoticeInfo/styles/index.scss b/src/pages/order/order/components/NoticeInfo/styles/index.scss
index 8cd882a..73c6e1b 100644
--- a/src/pages/order/order/components/NoticeInfo/styles/index.scss
+++ b/src/pages/order/order/components/NoticeInfo/styles/index.scss
@@ -7,7 +7,7 @@
 .notice-title {
   display: flex;
   align-items: center;
-  font-size: $uni-font-size-lg;
+  font-size: 16px;
   font-weight: 500;
-  color: $uni-text-color;
+  color: #333;
 }
diff --git a/src/pages/order/order/components/Tabs/styles/index.scss b/src/pages/order/order/components/Tabs/styles/index.scss
index 385205c..2f1f06a 100644
--- a/src/pages/order/order/components/Tabs/styles/index.scss
+++ b/src/pages/order/order/components/Tabs/styles/index.scss
@@ -21,7 +21,7 @@
 }
 
 .tab-text {
-  font-size: $uni-font-size-base;
+  font-size: 14px;
   color: #666;
   font-weight: 400;
   transition: all 0.3s ease;
@@ -29,14 +29,14 @@
 }
 
 .tab-text-active {
-  color: $uni-text-color;
-  font-size: $uni-font-size-lg;
+  color: #333;
+  font-size: 16px;
   font-weight: 600;
 }
 
 .tab-item-active {
   .tab-text {
-    color: $uni-text-color;
+    color: #333;
     font-weight: 600;
   }
 }
@@ -48,7 +48,8 @@
   min-height: 3px; /* 确保最小高度 */
   background-color: #007aff;
   border-radius: 10px;
-  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+  transition:
+    left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
     width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   z-index: 1;
   transform: translateZ(0); /* 启用硬件加速 */
diff --git a/src/pages/order/order/styles/detail.scss b/src/pages/order/order/styles/detail.scss
index 973ef3e..40a6564 100644
--- a/src/pages/order/order/styles/detail.scss
+++ b/src/pages/order/order/styles/detail.scss
@@ -1,4 +1,4 @@
 .order-detail-wrapper {
-  background: linear-gradient(180deg, $theme-color-100 0%, #f5f7fa 100%);
+  background: linear-gradient(180deg, #e8fff1 0%, #f5f7fa 100%);
   padding: 0 12px 40px;
 }
diff --git a/src/pages/quick/components/Tabs/styles/index.scss b/src/pages/quick/components/Tabs/styles/index.scss
index 496cb7b..28e6e6a 100644
--- a/src/pages/quick/components/Tabs/styles/index.scss
+++ b/src/pages/quick/components/Tabs/styles/index.scss
@@ -1,5 +1,5 @@
 .tab-wrapper {
-  background-color: $theme-color-100;
+  background-color: #e8fff1;
   height: 48px;
   overflow-x: auto;
   /* 支持横向滚动 */
diff --git a/src/pages/service/order/components/OrderCard/index.vue b/src/pages/service/order/components/OrderCard/index.vue
index 2e8eff2..b925a29 100644
--- a/src/pages/service/order/components/OrderCard/index.vue
+++ b/src/pages/service/order/components/OrderCard/index.vue
@@ -2,10 +2,7 @@
   <div class="order-card bg-white border-box p-12 rounded-12 m-12">
     <!-- 卡片头部 -->
     <div class="border-box flex flex-items-center pb-12">
-      <img
-        class="icon mr-4"
-        src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png"
-      />
+      <img class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
       <span class="font-size-14 color-525866 line-height-20">工单</span>
       <span class="font-size-12 color-525866 line-height-20 ml-auto">{{
         isCancelWork ? "已取消" : workOrderStatus(orderData.workOrderStatus)
@@ -25,54 +22,34 @@
         </div>
       </div>
 
-      <img
-        v-if="orderData.contentImgUrl"
-        class="right rounded-6"
-        :src="orderData.contentImgUrl"
-        mode="aspectFill"
-      />
+      <img v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
     </div>
 
     <!-- 服务人员 -->
-    <div
-      v-if="orderData.processMemberName && orderData.processMemberPhone"
-      class="service-user border-box p-8 flex flex-items-center flex-justify-between mb-12"
-    >
+    <div v-if="orderData.processMemberName && orderData.processMemberPhone"
+      class="service-user border-box p-8 flex flex-items-center flex-justify-between mb-12">
       <div class="font-size-12 line-height-16">
         服务人员：{{ orderData.processMemberName }}
       </div>
-      <uni-icons
-        class="ml-auto mr-4"
-        type="phone-filled"
-        size="14"
-        color="#436799"
-      />
-      <span class="font-size-12 line-height-16" @click="callService"
-        >拨打电话</span
-      >
+      <uni-icons class="ml-auto mr-4" type="phone-filled" size="14" color="#436799" />
+      <span class="font-size-12 line-height-16" @click="callService">拨打电话</span>
     </div>
 
     <!-- 取消操作 -->
-    <div
-      v-if="
-        !isCancelWork &&
-        orderData.workOrderStatus !== '2' &&
-        orderData.workOrderStatus !== '3'
-      "
-      class="flex flex-items-center flex-justify-between"
-    >
-      <span
-        class="cancel border-box border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
-        @click="cancelCall"
-        >取消呼叫</span
-      >
+    <div v-if="
+      !isCancelWork &&
+      orderData.workOrderStatus !== '2' &&
+      orderData.workOrderStatus !== '3'
+    " class="flex flex-items-center flex-justify-between">
+      <span class="cancel border-box border rounded-6 font-size-12 line-height-16 color-525866 ml-auto"
+        @click="cancelCall">取消呼叫</span>
     </div>
   </div>
 </template>
 
 <script setup>
 import { defineProps } from "vue";
-import { closeWorkOrder } from "@/request/api/WorkOrderApi";
+import { closeWorkOrder } from "@/api/WorkOrder";
 import { ref } from "vue";
 const isCancelWork = ref(false);
 
diff --git a/src/pages/service/order/index.vue b/src/pages/service/order/index.vue
index 9d293a1..f38a820 100644
--- a/src/pages/service/order/index.vue
+++ b/src/pages/service/order/index.vue
@@ -1,36 +1,21 @@
 <template>
-  <z-paging
-    :bg-color="
-      'linear-gradient(180deg, ' +
-      $theme -
-      color -
-      100 +
-      ' 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat'
-    "
-    ref="paging"
-    v-model="dataList"
-    use-virtual-list
-    :force-close-inner-list="true"
-    cell-height-mode="dynamic"
-    safe-area-inset-bottom
-    @query="queryList"
-  >
+  <z-paging :bg-color="'linear-gradient(180deg, ' +
+    $theme -
+    color -
+    100 +
+    ' 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat'
+    " ref="paging" v-model="dataList" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic"
+    safe-area-inset-bottom @query="queryList">
     <template #top>
       <TopNavBar title="呼叫服务" />
     </template>
 
     <template #empty>
-      <CustomEmpty
-        emptyIcon="https://oss.nianxx.cn/mp/static/version_101/order/service_empty.png"
-        statusspan="您暂无呼叫服务"
-      />
+      <CustomEmpty emptyIcon="https://oss.nianxx.cn/mp/static/version_101/order/service_empty.png"
+        statusspan="您暂无呼叫服务" />
     </template>
 
-    <OrderCard
-      v-for="(item, index) in dataList"
-      :key="item.id || index"
-      :orderData="item"
-    />
+    <OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item" />
   </z-paging>
 </template>
 
@@ -39,7 +24,7 @@ import { ref } from "vue";
 import TopNavBar from "@/components/TopNavBar/index.vue";
 import CustomEmpty from "@/components/CustomEmpty/index.vue";
 import OrderCard from "./components/OrderCard/index.vue";
-import { userWorkOrderList } from "@/request/api/WorkOrderApi";
+import { userWorkOrderList } from "@/api/WorkOrder";
 
 const dataList = ref([]);
 const paging = ref(null);
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index d6dece4..cc61df7 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -1,13 +1,13 @@
 import { defineStore } from "pinia";
-import { devUrl, wssDevUrl } from "../../request/base/baseUrl";
 
 export const useAppStore = defineStore("app", {
   state() {
     return {
       sceneId: "", // 分身场景id
-      serverConfig: { // 服务器配置
-        baseUrl: devUrl, // 服务器基础地址
-        wssUrl: wssDevUrl, // 服务器ws地址
+      serverConfig: {
+        // 服务器配置
+        baseUrl: import.meta.env.VITE_API_BASE_URL, // 服务器基础地址
+        wssUrl: import.meta.env.VITE_SOCKET_BASE_URL, // 服务器ws地址
       },
     };
   },
diff --git a/src/utils/CallbackUtils.ts b/src/utils/CallbackUtils.ts
new file mode 100644
index 0000000..4661ffd
--- /dev/null
+++ b/src/utils/CallbackUtils.ts
@@ -0,0 +1,35 @@
+/**
+ * 回调函数安全调用工具类
+ * 提供安全的回调函数调用机制
+ */
+export class CallbackUtils {
+  /**
+   * 安全调用回调函数
+   * @param {Object} callbacks - 回调函数对象
+   * @param {string} callbackName - 回调函数名称
+   * @param {...any} args - 传递给回调函数的参数
+   */
+  static safeCall(callbacks, callbackName, ...args) {
+    if (callbacks && typeof callbacks[callbackName] === "function") {
+      try {
+        callbacks[callbackName](...args);
+      } catch (error) {
+        console.error(`回调函数 ${callbackName} 执行出错:`, error);
+      }
+    } else {
+      console.warn(`回调函数 ${callbackName} 不可用`);
+    }
+  }
+
+  /**
+   * 批量安全调用回调函数
+   * @param {Object} callbacks - 回调函数对象
+   * @param {Array} callbackConfigs - 回调配置数组 [{name, args}, ...]
+   */
+  static safeBatchCall(callbacks, callbackConfigs) {
+    callbackConfigs.forEach((config) => {
+      const { name, args = [] } = config;
+      this.safeCall(callbacks, name, ...args);
+    });
+  }
+}
diff --git a/src/utils/IdUtils.ts b/src/utils/IdUtils.ts
new file mode 100644
index 0000000..00aa49a
--- /dev/null
+++ b/src/utils/IdUtils.ts
@@ -0,0 +1,23 @@
+/**
+ * 工具函数集合
+ * 包含打字机效果、ID生成、回调安全调用等通用工具函数
+ */
+
+/**
+ * ID生成工具类
+ * 提供各种ID生成功能
+ */
+export class IdUtils {
+  /**
+   * 生成消息ID
+   * @returns {string} 消息ID
+   */
+  static generateMessageId() {
+    const timestamp = new Date().getTime();
+    const chars = "abcdefghijklmnopqrstuvwxyz";
+    const randomStr = Array.from({ length: 4 }, () =>
+      chars.charAt(Math.floor(Math.random() * chars.length)),
+    ).join("");
+    return "mid" + randomStr + timestamp;
+  }
+}
diff --git a/src/utils/MessageUtils.ts b/src/utils/MessageUtils.ts
new file mode 100644
index 0000000..ef7f415
--- /dev/null
+++ b/src/utils/MessageUtils.ts
@@ -0,0 +1,116 @@
+/**
+ * 消息处理工具类
+ * 提供消息相关的工具函数
+ */
+export class MessageUtils {
+  /**
+   * 验证消息格式
+   * @param {any} message - 消息对象
+   * @returns {boolean} 是否为有效消息格式
+   */
+  static validateMessage(message) {
+    return message && typeof message === "object" && message.type;
+  }
+
+  /**
+   * 格式化消息
+   * @param {string} type - 消息类型
+   * @param {any} content - 消息内容
+   * @param {Object} options - 额外选项
+   * @returns {Object} 格式化后的消息对象
+   */
+  static formatMessage(type, content, options = {}) {
+    return {
+      type,
+      content,
+      timestamp: Date.now(),
+      ...options,
+    };
+  }
+
+  /**
+   * 检查是否为完整消息
+   * @param {any} message - 消息对象
+   * @returns {boolean} 是否为完整消息
+   */
+  static isCompleteMessage(message) {
+    return message && message.isComplete === true;
+  }
+
+  /**
+   * 检查消息是否为心跳响应
+   * @param {any} messageData - 消息数据
+   * @returns {boolean} 是否为心跳响应
+   */
+  static isPongMessage(messageData) {
+    if (typeof messageData === "string") {
+      return (
+        messageData === "pong" || messageData.toLowerCase().includes("pong")
+      );
+    }
+    if (typeof messageData === "object" && messageData !== null) {
+      return messageData.type === "pong";
+    }
+    return false;
+  }
+
+  /**
+   * 安全解析JSON消息
+   * @param {string} messageStr - 消息字符串
+   * @returns {Object|null} 解析后的对象或null
+   */
+  static safeParseJSON(messageStr) {
+    try {
+      return JSON.parse(messageStr);
+    } catch (error) {
+      console.warn("JSON解析失败:", messageStr);
+      return null;
+    }
+  }
+
+  /**
+   * 创建打字机消息对象
+   * @param {string} content - 消息内容
+   * @param {boolean} isComplete - 是否完成
+   * @param {string} type - 消息类型
+   * @returns {Object} 消息对象
+   */
+  static createTypewriterMessage(
+    content,
+    isComplete = false,
+    type = "typewriter",
+  ) {
+    return {
+      type,
+      content,
+      isComplete,
+      timestamp: Date.now(),
+    };
+  }
+
+  /**
+   * 创建加载消息对象
+   * @param {string} content - 加载内容
+   * @returns {Object} 加载消息对象
+   */
+  static createLoadingMessage(content = "加载中...") {
+    return {
+      type: "loading",
+      content,
+      timestamp: Date.now(),
+    };
+  }
+
+  /**
+   * 创建错误消息对象
+   * @param {string} error - 错误信息
+   * @returns {Object} 错误消息对象
+   */
+  static createErrorMessage(error) {
+    return {
+      type: "error",
+      content: error.message || error || "未知错误",
+      timestamp: Date.now(),
+    };
+  }
+}
diff --git a/src/utils/TimerUtils.ts b/src/utils/TimerUtils.ts
new file mode 100644
index 0000000..3c6e0f4
--- /dev/null
+++ b/src/utils/TimerUtils.ts
@@ -0,0 +1,74 @@
+/**
+ * 定时器管理工具类
+ * 提供定时器的统一管理
+ */
+export class TimerUtils {
+  /**
+   * 安全清除定时器
+   * @param {number|null} timerId - 定时器ID
+   * @param {string} type - 定时器类型 'timeout' | 'interval'
+   * @returns {null} 返回null便于重置变量
+   */
+  static safeClear(timerId, type = "timeout") {
+    if (timerId) {
+      if (type === "interval") {
+        clearInterval(timerId);
+      } else {
+        clearTimeout(timerId);
+      }
+    }
+    return null;
+  }
+
+  /**
+   * 清除定时器（别名方法）
+   * @param {number|null} timerId - 定时器ID
+   * @param {string} type - 定时器类型 'timeout' | 'interval'
+   * @returns {null} 返回null便于重置变量
+   */
+  static clearTimer(timerId, type = "timeout") {
+    return this.safeClear(timerId, type);
+  }
+
+  /**
+   * 创建可取消的延时执行
+   * @param {Function} callback - 回调函数
+   * @param {number} delay - 延时时间
+   * @returns {Object} 包含cancel方法的对象
+   */
+  static createCancelableTimeout(callback, delay) {
+    let timerId = setTimeout(callback, delay);
+    return {
+      cancel() {
+        if (timerId) {
+          clearTimeout(timerId);
+          timerId = null;
+        }
+      },
+      isActive() {
+        return timerId !== null;
+      },
+    };
+  }
+
+  /**
+   * 创建可取消的定时执行
+   * @param {Function} callback - 回调函数
+   * @param {number} interval - 间隔时间
+   * @returns {Object} 包含cancel方法的对象
+   */
+  static createCancelableInterval(callback, interval) {
+    let timerId = setInterval(callback, interval);
+    return {
+      cancel() {
+        if (timerId) {
+          clearInterval(timerId);
+          timerId = null;
+        }
+      },
+      isActive() {
+        return timerId !== null;
+      },
+    };
+  }
+}
diff --git a/src/utils/WebSocketManager.ts b/src/utils/WebSocketManager.ts
new file mode 100644
index 0000000..70ed1e2
--- /dev/null
+++ b/src/utils/WebSocketManager.ts
@@ -0,0 +1,624 @@
+/**
+ * 简化的WebSocket管理器
+ * 专门负责WebSocket连接和消息传输，不包含打字机逻辑
+ */
+
+import { IdUtils } from "./IdUtils";
+import { CallbackUtils } from "./CallbackUtils";
+import { MessageUtils } from "./MessageUtils";
+import { TimerUtils } from "./TimerUtils";
+
+export class WebSocketManager {
+  constructor(options = {}) {
+    // 基础配置
+    console.log("WebSocketManager构造函数接收到的options:", options);
+    this.wsUrl = options.wsUrl || "";
+    console.log("WebSocketManager设置的wsUrl:", this.wsUrl);
+    this.protocols = options.protocols || [];
+    this.reconnectInterval = options.reconnectInterval || 3000;
+    this.maxReconnectAttempts = options.maxReconnectAttempts || 5;
+    this.heartbeatInterval = options.heartbeatInterval || 30000;
+
+    // WebSocket 实例
+    this.ws = null;
+    this.reconnectAttempts = 0;
+    this.isConnecting = false;
+    this.connectionState = false;
+
+    // 计时器
+    this.heartbeatTimer = null;
+    this.reconnectTimer = null;
+
+    // 回调函数
+    this.callbacks = {
+      // 支持两套回调命名：onConnect/onDisconnect 与 onOpen/onClose（兼容调用方）
+      onConnect: options.onConnect || options.onOpen || (() => {}),
+      onDisconnect: options.onDisconnect || options.onClose || (() => {}),
+      onError: options.onError || (() => {}),
+      onMessage: options.onMessage || (() => {}),
+      getConversationId: options.getConversationId || (() => ""),
+      getAgentId: options.getAgentId || (() => ""),
+    };
+
+    // 消息队列
+    this.messageQueue = [];
+    this.isProcessingQueue = false;
+
+    // 性能统计
+    this.stats = {
+      messagesReceived: 0,
+      messagesSent: 0,
+      messagesDropped: 0,
+      reconnectCount: 0,
+      connectionStartTime: null,
+      lastMessageTime: null,
+    };
+  }
+
+  /**
+   * 安全调用回调函数
+   */
+  _safeCallCallback(callbackName, ...args) {
+    CallbackUtils.safeCall(this.callbacks, callbackName, ...args);
+  }
+
+  /**
+   * 初始化连接
+   */
+  async init(wsUrl) {
+    if (wsUrl) {
+      this.wsUrl = wsUrl;
+    }
+
+    if (!this.wsUrl) {
+      throw new Error("WebSocket URL is required");
+    }
+
+    await this.connect();
+  }
+
+  /**
+   * 建立WebSocket连接
+   */
+  async connect() {
+    if (this.isConnecting || this.connectionState) {
+      console.log("WebSocket已在连接中或已连接，跳过连接");
+      return;
+    }
+
+    console.log("开始建立WebSocket连接:", this.wsUrl);
+    this.isConnecting = true;
+
+    try {
+      // 在小程序环境中使用 uni.connectSocket
+      if (typeof uni !== "undefined" && uni.connectSocket) {
+        try {
+          this.ws = uni.connectSocket({
+            url: this.wsUrl,
+            protocols: this.protocols,
+            success: () => {
+              console.log("uni.connectSocket调用成功");
+            },
+            fail: (error) => {
+              console.error("uni.connectSocket调用失败:", error);
+              this.isConnecting = false;
+              this.connectionState = false;
+              this._safeCallCallback("onError", {
+                type: "CONNECTION_ERROR",
+                message: "uni.connectSocket调用失败",
+                originalError: error,
+              });
+              this.scheduleReconnect();
+              return;
+            },
+          });
+
+          // 确保ws对象存在且有相应方法
+          if (this.ws && typeof this.ws.onOpen === "function") {
+            this.ws.onOpen(this.handleOpen.bind(this));
+            this.ws.onMessage(this.handleMessage.bind(this));
+            this.ws.onClose(this.handleClose.bind(this));
+            this.ws.onError(this.handleError.bind(this));
+          } else {
+            console.error("uni.connectSocket返回的对象无效");
+            this.isConnecting = false;
+            this.connectionState = false;
+            this._safeCallCallback("onError", {
+              type: "CONNECTION_ERROR",
+              message: "uni.connectSocket返回的SocketTask对象无效",
+              originalError: null,
+            });
+            this.scheduleReconnect();
+            return;
+          }
+        } catch (error) {
+          console.error("创建uni.connectSocket时发生异常:", error);
+          this.isConnecting = false;
+          this.connectionState = false;
+          this._safeCallCallback("onError", {
+            type: "CONNECTION_ERROR",
+            message: "创建WebSocket连接时发生异常",
+            originalError: error,
+          });
+          this.scheduleReconnect();
+          return;
+        }
+      } else {
+        // 在其他环境中使用标准 WebSocket
+        console.log("使用标准WebSocket创建连接");
+        this.ws = new WebSocket(this.wsUrl, this.protocols);
+
+        this.ws.onopen = this.handleOpen.bind(this);
+        this.ws.onmessage = this.handleMessage.bind(this);
+        this.ws.onclose = this.handleClose.bind(this);
+        this.ws.onerror = this.handleError.bind(this);
+      }
+
+      console.log("WebSocket实例创建成功，等待连接...");
+    } catch (error) {
+      console.error("WebSocket连接创建失败:", error);
+      this.isConnecting = false;
+      this.connectionState = false;
+      this._safeCallCallback("onError", {
+        type: "CONNECTION_CREATE_ERROR",
+        message: "WebSocket连接创建失败",
+        originalError: error,
+      });
+      this.scheduleReconnect();
+    }
+  }
+
+  /**
+   * 连接成功处理
+   */
+  handleOpen(event) {
+    console.log("WebSocket连接已建立");
+    this.isConnecting = false;
+    this.connectionState = true;
+    this.reconnectAttempts = 0;
+    this.stats.connectionStartTime = Date.now();
+
+    this.startHeartbeat();
+
+    // 安全调用 onConnect 回调
+    this._safeCallCallback("onConnect", event);
+
+    // 处理队列中的消息
+    this._processMessageQueue();
+  }
+
+  /**
+   * 处理消息队列
+   */
+  _processMessageQueue() {
+    while (this.messageQueue.length > 0) {
+      const queuedMessage = this.messageQueue.shift();
+
+      // 检查重试次数
+      if (queuedMessage.retryCount >= 3) {
+        console.warn("消息重试次数超限，丢弃消息:", queuedMessage);
+        this.stats.messagesDropped++;
+        continue;
+      }
+
+      queuedMessage.retryCount = (queuedMessage.retryCount || 0) + 1;
+      this.sendMessage(queuedMessage);
+    }
+  }
+
+  /**
+   * 消息接收处理
+   */
+  handleMessage(event) {
+    try {
+      // 在小程序环境中，消息数据可能在 event.data 中
+      const messageData = event.data || event;
+
+      // 处理心跳响应和其他非JSON消息 - 在JSON解析前检查
+      if (typeof messageData === "string") {
+        // 处理心跳响应
+        if (MessageUtils.isPongMessage(messageData)) {
+          // console.log("收到心跳响应:", messageData);
+          return;
+        }
+
+        // 尝试解析JSON，如果失败则忽略该消息
+        const data = MessageUtils.safeParseJSON(messageData);
+        if (data) {
+          this.stats.messagesReceived++;
+          this.stats.lastMessageTime = Date.now();
+          console.log("收到WebSocket消息:", data);
+
+          // 心跳响应 - 兼容对象格式
+          if (MessageUtils.isPongMessage(data)) {
+            return;
+          }
+
+          // 直接传递消息给回调处理
+          this._safeCallCallback("onMessage", data);
+        } else {
+          console.warn("收到非JSON格式消息，已忽略:", messageData);
+          return;
+        }
+      } else {
+        // 处理对象格式的消息
+        const data = messageData;
+        this.stats.messagesReceived++;
+        this.stats.lastMessageTime = Date.now();
+        console.log("收到WebSocket消息:", data);
+
+        // 心跳响应 - 兼容对象格式
+        if (MessageUtils.isPongMessage(data)) {
+          return;
+        }
+
+        // 直接传递消息给回调处理
+        this._safeCallCallback("onMessage", data);
+      }
+    } catch (error) {
+      console.error("消息处理错误:", error, "原始消息:", event);
+      // 不抛出错误，避免影响其他消息处理
+    }
+  }
+
+  /**
+   * 连接关闭处理
+   */
+  handleClose(event) {
+    console.log("WebSocket连接已关闭:", event.code, event.reason);
+    this.connectionState = false;
+    this.isConnecting = false;
+
+    this.stopHeartbeat();
+
+    // 安全调用 onDisconnect 回调
+    this._safeCallCallback("onDisconnect", event);
+
+    // 非正常关闭时尝试重连
+    if (
+      event.code !== 1000 &&
+      this.reconnectAttempts < this.maxReconnectAttempts
+    ) {
+      this.scheduleReconnect();
+    }
+  }
+
+  /**
+   * 错误处理
+   */
+  handleError(error) {
+    const errorDetails = {
+      error,
+      wsUrl: this.wsUrl,
+      readyState: this.ws ? this.ws.readyState : "WebSocket实例不存在",
+      isConnecting: this.isConnecting,
+      connectionState: this.connectionState,
+      reconnectAttempts: this.reconnectAttempts,
+      timestamp: new Date().toISOString(),
+    };
+
+    console.error("WebSocket错误详情:", errorDetails);
+
+    // 重置连接状态
+    this.connectionState = false;
+    this.isConnecting = false;
+
+    // 构造结构化错误信息
+    const structuredError = {
+      type: "WEBSOCKET_ERROR",
+      message: error?.message || "未知WebSocket错误",
+      originalError: error,
+      details: errorDetails,
+    };
+
+    // 安全调用 onError 回调
+    this._safeCallCallback("onError", structuredError);
+
+    // 如果不是正在重连中，尝试重连
+    if (
+      !this.reconnectTimer &&
+      this.reconnectAttempts < this.maxReconnectAttempts
+    ) {
+      console.log("错误后尝试重连");
+      this.scheduleReconnect();
+    }
+  }
+
+  /**
+   * 发送消息
+   */
+  sendMessage(message) {
+    const messageData = {
+      ...message,
+      timestamp: Date.now(),
+      retryCount:
+        typeof message.retryCount === "number" ? message.retryCount : 0,
+    };
+
+    if (this.connectionState) {
+      try {
+        const messageStr = JSON.stringify(messageData);
+
+        // 在小程序环境中使用不同的发送方法
+        if (typeof uni !== "undefined" && this.ws && this.ws.send) {
+          // uni-app 小程序环境
+          this.ws.send({
+            data: messageStr,
+            success: () => {
+              this.stats.messagesSent++;
+              //console.log("消息发送成功:", messageData);
+            },
+            fail: (error) => {
+              console.error("发送消息失败:", error);
+              this._safeCallCallback("onError", error);
+
+              // 发送失败时加入重试队列
+              this.messageQueue.push(messageData);
+            },
+          });
+        } else if (this.ws && this.ws.send) {
+          // 标准 WebSocket 环境
+          this.ws.send(messageStr);
+          this.stats.messagesSent++;
+          //console.log("消息发送成功:", messageData);
+        }
+
+        return true;
+      } catch (error) {
+        console.error("发送消息失败:", error);
+        this._safeCallCallback("onError", error);
+
+        // 发送失败时加入重试队列
+        this.messageQueue.push(messageData);
+        return false;
+      }
+    } else {
+      // 连接未建立时加入队列
+      this.messageQueue.push(messageData);
+      this.connect(); // 尝试连接
+      return false;
+    }
+  }
+
+  /**
+   * 开始心跳
+   */
+  startHeartbeat() {
+    this.stopHeartbeat();
+
+    this.heartbeatTimer = setInterval(() => {
+      if (this.connectionState && this.ws) {
+        try {
+          // 使用标准消息格式发送心跳 (messageType=3)
+          const heartbeatMessage = {
+            conversationId: this.callbacks.getConversationId
+              ? this.callbacks.getConversationId()
+              : "",
+            agentId: this.callbacks.getAgentId
+              ? this.callbacks.getAgentId()
+              : "",
+            messageType: "3", // 心跳检测
+            messageContent: "heartbeat",
+            messageId: IdUtils.generateMessageId(),
+          };
+
+          this.sendMessage(heartbeatMessage);
+          // console.log("心跳消息已发送:", heartbeatMessage);
+        } catch (error) {
+          console.error("发送心跳失败:", error);
+          this.handleError(error);
+        }
+      }
+    }, this.heartbeatInterval);
+  }
+
+  /**
+   * 停止心跳
+   */
+  stopHeartbeat() {
+    TimerUtils.clearTimer(this.heartbeatTimer, "interval");
+    this.heartbeatTimer = null;
+  }
+
+  /**
+   * 安排重连
+   */
+  scheduleReconnect() {
+    // 清理之前的重连定时器
+    if (this.reconnectTimer) {
+      TimerUtils.clearTimer(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
+
+    if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+      console.error(`达到最大重连次数(${this.maxReconnectAttempts})，停止重连`);
+      this.connectionState = false;
+      this.isConnecting = false;
+
+      // 使用更温和的错误处理，避免抛出异常
+      const errorInfo = {
+        type: "CONNECTION_FAILED",
+        message: `连接失败，已达到最大重连次数(${this.maxReconnectAttempts})`,
+        attempts: this.reconnectAttempts,
+        maxAttempts: this.maxReconnectAttempts,
+      };
+
+      console.warn("WebSocket连接最终失败:", errorInfo);
+      this._safeCallCallback("onError", errorInfo);
+      return;
+    }
+
+    this.reconnectAttempts++;
+    this.stats.reconnectCount++;
+
+    // 使用指数退避策略
+    const backoffDelay = Math.min(
+      this.reconnectInterval * Math.pow(1.5, this.reconnectAttempts - 1),
+      30000, // 最大延迟30秒
+    );
+
+    console.log(
+      `${backoffDelay}ms后进行第${this.reconnectAttempts}/${this.maxReconnectAttempts}次重连`,
+    );
+
+    this.reconnectTimer = setTimeout(() => {
+      this.reconnectTimer = null;
+      this.connect().catch((error) => {
+        console.error("重连过程中发生错误:", error);
+        // 继续尝试重连
+        this.scheduleReconnect();
+      });
+    }, backoffDelay);
+  }
+
+  /**
+   * 重置连接状态
+   */
+  resetConnectionState() {
+    this.connectionState = false;
+    this.isConnecting = false;
+    this.reconnectAttempts = 0;
+
+    // 清理定时器
+    this.stopHeartbeat();
+    if (this.reconnectTimer) {
+      TimerUtils.clearTimer(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
+
+    console.log("连接状态已重置");
+  }
+
+  /**
+   * 检查是否已连接
+   */
+  isConnected() {
+    return (
+      this.connectionState &&
+      this.ws &&
+      (this.ws.readyState === 1 ||
+        (typeof WebSocket !== "undefined" &&
+          this.ws.readyState === WebSocket.OPEN))
+    );
+  }
+
+  /**
+   * 手动重连
+   */
+  async reconnect() {
+    console.log("手动触发重连");
+
+    // 先关闭现有连接
+    this.close();
+
+    // 重置连接状态
+    this.resetConnectionState();
+
+    // 重新连接
+    try {
+      await this.connect();
+      return true;
+    } catch (error) {
+      console.error("手动重连失败:", error);
+      return false;
+    }
+  }
+
+  /**
+   * 获取连接状态
+   */
+  getConnectionState() {
+    return {
+      isConnected: this.isConnected(),
+      readyState: this.ws ? this.ws.readyState : -1,
+      reconnectAttempts: this.reconnectAttempts,
+      maxReconnectAttempts: this.maxReconnectAttempts,
+      isConnecting: this.isConnecting,
+      hasReconnectTimer: !!this.reconnectTimer,
+    };
+  }
+
+  /**
+   * 获取统计信息
+   */
+  getStats() {
+    const now = Date.now();
+    const connectionTime = this.stats.connectionStartTime
+      ? now - this.stats.connectionStartTime
+      : 0;
+
+    return {
+      ...this.stats,
+      connectionTime,
+      queueLength: this.messageQueue.length,
+      isConnected: this.connectionState,
+    };
+  }
+
+  /**
+   * 重置统计信息
+   */
+  resetStats() {
+    this.stats = {
+      messagesReceived: 0,
+      messagesSent: 0,
+      messagesDropped: 0,
+      reconnectCount: 0,
+      connectionStartTime: Date.now(),
+      lastMessageTime: null,
+    };
+    console.log("统计信息已重置");
+  }
+
+  /**
+   * 关闭连接
+   */
+  close() {
+    this.stopHeartbeat();
+    this.resetConnectionState();
+
+    // 清理重连定时器
+    TimerUtils.clearTimer(this.reconnectTimer);
+    this.reconnectTimer = null;
+
+    if (this.ws) {
+      // 在小程序环境中使用不同的关闭方法
+      if (typeof uni !== "undefined" && this.ws.close) {
+        // uni-app 小程序环境
+        this.ws.close({
+          code: 1000,
+          reason: "正常关闭",
+          success: () => {
+            console.log("WebSocket连接已关闭");
+          },
+          fail: (error) => {
+            console.error("关闭WebSocket连接失败:", error);
+          },
+        });
+      } else if (this.ws.close) {
+        // 标准 WebSocket 环境
+        this.ws.close(1000, "正常关闭");
+      }
+      this.ws = null;
+    }
+
+    this.connectionState = false;
+    this.isConnecting = false;
+    this.messageQueue = [];
+  }
+
+  /**
+   * 销毁实例
+   */
+  destroy() {
+    // 输出最终统计信息
+    console.log("WebSocketManager销毁前统计:", this.getStats());
+
+    this.close();
+    this.callbacks = {};
+
+    console.log("WebSocketManager实例已销毁");
+  }
+}
+
+export default WebSocketManager;