diff --git a/src/views/deepNine.vue b/src/views/deepNine.vue
index 0fecb5d..a6b080f 100644
--- a/src/views/deepNine.vue
+++ b/src/views/deepNine.vue
@@ -1557,10 +1557,10 @@ watch(
                   "",
                   50
                 );
-                const ac31 = result22.data.DXTSC;
-                const ac32 = result22.data.DXTSC2;
-                const ac33 = result22.data.ZJQSSC1;
-                const ac3 = `<p>${result23.data.DXTSC}</p><p>${result23.data.DXTSC2}</p><p>${result23.data.ZJQSSC1}</p>`;
+                const ac31 = result22.data.dXTSC;
+                const ac32 = result22.data.dXTSC2;
+                const ac33 = result22.data.zJQSSC1;
+                const ac3 = `<p>${result23.data.dXTSC}</p><p>${result23.data.dXTSC2}</p><p>${result23.data.zJQSSC1}</p>`;
                 const ac3Arr=[];
                 if(ac31!=""){
                   ac3Arr.push("")
diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index 8d4a4de..0c525a7 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -105,21 +105,24 @@ const isDropdownOpen = ref(false);
 
 // 模型选项数据
 const modelOptions = [
-  { 
-    label: "夺宝奇兵大模型", 
-    value: "AIchat", 
-    image: "https://d31zlh4on95l9h.cloudfront.net/images/0389f08c458c20b715be7acebf7a8eb2.png"
+  {
+    label: "夺宝奇兵大模型",
+    value: "AIchat",
+    image:
+      "https://d31zlh4on95l9h.cloudfront.net/images/0389f08c458c20b715be7acebf7a8eb2.png",
   },
-  { 
-    label: "AI情绪大模型", 
-    value: "AiEmotion", 
-    image: "https://d31zlh4on95l9h.cloudfront.net/images/aed3597ea187c5af6c88d5a5c67fc9c1.png"
+  {
+    label: "AI情绪大模型",
+    value: "AiEmotion",
+    image:
+      "https://d31zlh4on95l9h.cloudfront.net/images/aed3597ea187c5af6c88d5a5c67fc9c1.png",
+  },
+  {
+    label: "深度九大模型",
+    value: "deepNine",
+    image:
+      "https://d31zlh4on95l9h.cloudfront.net/images/35bf808538183be0062e4647570a9abd.png",
   },
-  { 
-    label: "深度九大模型", 
-    value: "deepNine", 
-    image: "https://d31zlh4on95l9h.cloudfront.net/images/35bf808538183be0062e4647570a9abd.png"
-  }
 ];
 
 // 监听activeTab变化，同步到activeTabMobile
@@ -136,31 +139,35 @@ const toggleDropdown = () => {
 const selectOption = (value) => {
   activeTabMobile.value = value;
   isDropdownOpen.value = false;
-  
+
   const tabIndexMap = {
-    "AIchat": 0,
-    "AiEmotion": 1,
-    "deepNine": 2
+    AIchat: 0,
+    AiEmotion: 1,
+    deepNine: 2,
   };
   setActiveTab(value, tabIndexMap[value]);
 };
 
 // 获取当前选中选项的标签
 const getSelectedOptionLabel = () => {
-  const option = modelOptions.find(opt => opt.value === activeTabMobile.value);
+  const option = modelOptions.find(
+    (opt) => opt.value === activeTabMobile.value
+  );
   return option ? option.label : "请选择模型";
 };
 
 // 获取当前选中选项的图片
 const getSelectedOptionImage = () => {
-  const option = modelOptions.find(opt => opt.value === activeTabMobile.value);
+  const option = modelOptions.find(
+    (opt) => opt.value === activeTabMobile.value
+  );
   return option ? option.image : "";
 };
 
 // 点击外部关闭下拉菜单
 onMounted(() => {
-  document.addEventListener('click', (e) => {
-    const container = document.querySelector('.custom-select-container');
+  document.addEventListener("click", (e) => {
+    const container = document.querySelector(".custom-select-container");
     if (container && !container.contains(e.target) && isDropdownOpen.value) {
       isDropdownOpen.value = false;
     }
@@ -170,9 +177,9 @@ onMounted(() => {
 // 手机端选择器变化处理（保留原函数以兼容其他地方可能的调用）
 const handleMobileTabChange = (value) => {
   const tabIndexMap = {
-    "AIchat": 0,
-    "AiEmotion": 1,
-    "deepNine": 2
+    AIchat: 0,
+    AiEmotion: 1,
+    deepNine: 2,
   };
   setActiveTab(value, tabIndexMap[value]);
 };
@@ -388,7 +395,6 @@ const sendMessage = async () => {
     // 获取深度九大模型的 store
     const deepNineStore = useDeepNineStore();
 
-
     // 添加消息到深度九大模型的 store 中
     const messageContent = message.value;
     message.value = ""; // 清空输入框
@@ -846,8 +852,8 @@ watch(
           activeTab.value == "AIchat"
             ? 1
             : activeTab.value == "AiEmotion"
-              ? 2
-              : 3;
+            ? 2
+            : 3;
         const result = historyRecordRef.value.getHistoryList({
           model: model,
           token: localStorage.getItem("localToken"),
@@ -1409,37 +1415,72 @@ onUnmounted(() => {
 <template>
   <div class="homepage" id="testId">
     <!-- 历史记录组件 -->
-    <HistoryRecord ref="historyRecordRef" :current-type="activeTab" @selectRecord="handleHistorySelect"
-      :isMobile="isMobile" @showAnnouncement="showAnnouncement" @showFeedback="showFeedback" />
-
-    <div v-if="isMobile && !historyRecordRef?.isCollapsed" class="zhezhao" @click="expandHistory"></div>
-
-    <el-container v-if="!dataStore.isFeedback" class="main-container" :class="{
-      collapsed: !isMobile && historyRecordRef?.isCollapsed,
-      unCollapsed: !isMobile && !historyRecordRef?.isCollapsed,
-    }">
+    <HistoryRecord
+      ref="historyRecordRef"
+      :current-type="activeTab"
+      @selectRecord="handleHistorySelect"
+      :isMobile="isMobile"
+      @showAnnouncement="showAnnouncement"
+      @showFeedback="showFeedback"
+    />
+
+    <div
+      v-if="isMobile && !historyRecordRef?.isCollapsed"
+      class="zhezhao"
+      @click="expandHistory"
+    ></div>
+
+    <el-container
+      v-if="!dataStore.isFeedback"
+      class="main-container"
+      :class="{
+        collapsed: !isMobile && historyRecordRef?.isCollapsed,
+        unCollapsed: !isMobile && !historyRecordRef?.isCollapsed,
+      }"
+    >
       <!-- AI小财神头部： logo  次数  公告 -->
       <el-header class="homepage-head">
         <!-- logo -->
         <div class="homepage-logo" v-if="isMobile">
-          <img class="expand" @click="expandHistory"
-            src="https://d31zlh4on95l9h.cloudfront.net/images/37fe3d79a8a700f6c674c9f0e7af066b.png" alt="icon" />
+          <img
+            class="expand"
+            @click="expandHistory"
+            src="https://d31zlh4on95l9h.cloudfront.net/images/37fe3d79a8a700f6c674c9f0e7af066b.png"
+            alt="icon"
+          />
           <img :src="logo" alt="图片加载失败" class="logo1" />
           <!-- <img :src="madeInHL" alt="图片加载失败" class="logo2" /> -->
         </div>
 
         <div class="homepage-right-group" v-if="isMobile">
-          <div class="count-badge" @click="showCount" :class="{'deepnine-model': activeTab === 'deepNine'}">
-            <img v-if="activeTab !== 'deepNine'" src="https://d31zlh4on95l9h.cloudfront.net/images/74e20c65c9ef2526477c63ad68698a50.png"
-              class="action-btn" />
-            <img v-else src="https://d31zlh4on95l9h.cloudfront.net/images/4621e0d1463a13c6654fe39215ee64c2.png"
-              class="action-btn" />
+          <div
+            class="count-badge"
+            @click="showCount"
+            :class="{ 'deepnine-model': activeTab === 'deepNine' }"
+          >
+            <img
+              v-if="activeTab !== 'deepNine'"
+              src="https://d31zlh4on95l9h.cloudfront.net/images/74e20c65c9ef2526477c63ad68698a50.png"
+              class="action-btn"
+            />
+            <img
+              v-else
+              src="https://d31zlh4on95l9h.cloudfront.net/images/4621e0d1463a13c6654fe39215ee64c2.png"
+              class="action-btn"
+            />
             <div class="count-number">{{ UserCount }}</div>
-            <div class="clickGetCount">{{ activeTab === 'deepNine' ? '深度九专属Token' : '点击获取Token' }}</div>
+            <div class="clickGetCount">
+              {{
+                activeTab === "deepNine" ? "深度九专属Token" : "点击获取Token"
+              }}
+            </div>
           </div>
           <div class="backToHomeBtn" @click="backToHome()">
-            <img src="https://d31zlh4on95l9h.cloudfront.net/images/9272c00f21a2724c3a76e375949ee1de.png" alt="返回首页"
-              class="backImg" />
+            <img
+              src="https://d31zlh4on95l9h.cloudfront.net/images/9272c00f21a2724c3a76e375949ee1de.png"
+              alt="返回首页"
+              class="backImg"
+            />
             <div class="backContent">返回首页</div>
           </div>
           <!-- <img
@@ -1459,65 +1500,130 @@ onUnmounted(() => {
       <el-main class="homepage-body">
         <div class="main-wrapper">
           <section class="tab-section">
-            <div class="tab-container" :class="{
-              pcTabContainer: !isMobile,
-            }">
+            <div
+              class="tab-container"
+              :class="{
+                pcTabContainer: !isMobile,
+              }"
+            >
               <div class="tab-items-container">
-                <div v-for="(tab, index) in tabs" :key="tab.name" @click="setActiveTab(tab.name, index)" :class="[
-                  'tab-item',
-                  { active: activeIndex === index && !isAnnouncementVisible },
-                ]">
+                <div
+                  v-for="(tab, index) in tabs"
+                  :key="tab.name"
+                  @click="setActiveTab(tab.name, index)"
+                  :class="[
+                    'tab-item',
+                    { active: activeIndex === index && !isAnnouncementVisible },
+                  ]"
+                >
                   <span>{{ tab.label }}</span>
                 </div>
               </div>
               <div v-if="!isMobile" class="pc-count-badge">
                 <div class="pc-countBtn" @click="showCount">
-                  <div class="pc-action-btn" :class="{'dbqb-model': activeTab === 'dbqb', 'emotion-model': activeTab === 'emotion', 'deepnine-model': activeTab === 'deepNine'}">
+                  <div
+                    class="pc-action-btn"
+                    :class="{
+                      'dbqb-model': activeTab === 'dbqb',
+                      'emotion-model': activeTab === 'emotion',
+                      'deepnine-model': activeTab === 'deepNine',
+                    }"
+                  >
                     <div class="pc-count-number">{{ UserCount }}</div>
                   </div>
-                  <div class="pc-clickGetCount">{{ activeTab === 'deepNine' ? '深度九专属Token' : '点击获取Token' }}</div>
+                  <div class="pc-clickGetCount">
+                    {{
+                      activeTab === "deepNine"
+                        ? "深度九专属Token"
+                        : "点击获取Token"
+                    }}
+                  </div>
                 </div>
                 <div class="pc-backToHomeBtn" @click="backToHome()">
-                  <img src="https://d31zlh4on95l9h.cloudfront.net/images/9272c00f21a2724c3a76e375949ee1de.png"
-                    alt="返回首页" class="pc-backImg" />
+                  <img
+                    src="https://d31zlh4on95l9h.cloudfront.net/images/9272c00f21a2724c3a76e375949ee1de.png"
+                    alt="返回首页"
+                    class="pc-backImg"
+                  />
                   <div class="pc-backContent">返回首页</div>
                 </div>
               </div>
             </div>
           </section>
           <!-- AIchat页面的独立滚动容器 -->
-          <div v-show="activeTab === 'AIchat'" class="tab-content" :class="{
-            pcTabContent: !isMobile,
-          }" ref="tabContentAIchat">
-            <component v-if="activeTab === 'AIchat'" :is="activeComponent" :messages="messages"
-              @updateMessage="updateMessage" @sendMessage="sendMessage" @ensureAIchat="ensureAIchat"
-              @enableInput="enableInput" />
+          <div
+            v-show="activeTab === 'AIchat'"
+            class="tab-content"
+            :class="{
+              pcTabContent: !isMobile,
+            }"
+            ref="tabContentAIchat"
+          >
+            <component
+              v-if="activeTab === 'AIchat'"
+              :is="activeComponent"
+              :messages="messages"
+              @updateMessage="updateMessage"
+              @sendMessage="sendMessage"
+              @ensureAIchat="ensureAIchat"
+              @enableInput="enableInput"
+            />
           </div>
 
           <!-- AiEmotion页面的独立滚动容器 -->
-          <div v-show="activeTab === 'AiEmotion'" class="tab-content" :class="{
-            pcTabContent: !isMobile,
-          }" ref="tabContentAiEmotion">
-            <component v-if="activeTab === 'AiEmotion'" :is="activeComponent" :messages="messages"
-              @updateMessage="updateMessage" @sendMessage="sendMessage" @ensureAIchat="ensureAIchat"
-              @enableInput="enableInput" @scrollToBottom="handleAiEmotionScrollToBottom" @showCount="showCount"
-              ref="aiEmotionRef" />
+          <div
+            v-show="activeTab === 'AiEmotion'"
+            class="tab-content"
+            :class="{
+              pcTabContent: !isMobile,
+            }"
+            ref="tabContentAiEmotion"
+          >
+            <component
+              v-if="activeTab === 'AiEmotion'"
+              :is="activeComponent"
+              :messages="messages"
+              @updateMessage="updateMessage"
+              @sendMessage="sendMessage"
+              @ensureAIchat="ensureAIchat"
+              @enableInput="enableInput"
+              @scrollToBottom="handleAiEmotionScrollToBottom"
+              @showCount="showCount"
+              ref="aiEmotionRef"
+            />
           </div>
           <!-- deepNine页面的独立滚动容器 -->
-          <div v-show="activeTab === 'deepNine'" class="tab-content" :class="{
-            pcTabContent: !isMobile,
-          }" ref="tabContentDeepNine">
-            <component v-if="activeTab === 'deepNine'" :is="activeComponent" :messages="messages"
-              @updateMessage="updateMessage" @sendMessage="sendMessage" @ensureAIchat="ensureAIchat"
-              @enableInput="enableInput" @scrollToBottom="handleDeepNineScrollToBottom" @showCount="showCount"
-              ref="deepNineRef" />
+          <div
+            v-show="activeTab === 'deepNine'"
+            class="tab-content"
+            :class="{
+              pcTabContent: !isMobile,
+            }"
+            ref="tabContentDeepNine"
+          >
+            <component
+              v-if="activeTab === 'deepNine'"
+              :is="activeComponent"
+              :messages="messages"
+              @updateMessage="updateMessage"
+              @sendMessage="sendMessage"
+              @ensureAIchat="ensureAIchat"
+              @enableInput="enableInput"
+              @scrollToBottom="handleDeepNineScrollToBottom"
+              @showCount="showCount"
+              ref="deepNineRef"
+            />
           </div>
         </div>
       </el-main>
       <!-- 尾部： 问题输入框 深度思考 多语言 语音播报 -->
-      <el-footer class="homepage-footer" :class="{
-        pcFooter: !isMobile,
-      }" id="input">
+      <el-footer
+        class="homepage-footer"
+        :class="{
+          pcFooter: !isMobile,
+        }"
+        id="input"
+      >
         <!-- 第一行按钮 -->
         <div class="footer-first-line">
           <div class="left-group">
@@ -1527,14 +1633,32 @@ onUnmounted(() => {
             <!-- PC端按钮 -->
             <template v-if="!isMobile">
               <!-- 夺宝奇兵大模型按钮 -->
-              <img :src="activeTab === 'AIchat' ? dbqbButton01 : dbqbButton02" @click="setActiveTab('AIchat', 0)"
-                class="action-btn model-btn" alt="夺宝奇兵大模型" />
+              <img
+                :src="activeTab === 'AIchat' ? dbqbButton01 : dbqbButton02"
+                @click="setActiveTab('AIchat', 0)"
+                class="action-btn model-btn"
+                alt="夺宝奇兵大模型"
+              />
               <!-- AI情绪大模型按钮 -->
-              <img :src="activeTab === 'AiEmotion' ? emotionButton01 : emotionButton02
-                " @click="setActiveTab('AiEmotion', 1)" class="action-btn model-btn" alt="AI情绪大模型" />
+              <img
+                :src="
+                  activeTab === 'AiEmotion' ? emotionButton01 : emotionButton02
+                "
+                @click="setActiveTab('AiEmotion', 1)"
+                class="action-btn model-btn"
+                alt="AI情绪大模型"
+              />
               <!-- 深度九大模型按钮 -->
-              <img :src="activeTab === 'deepNine' ? 'https://d31zlh4on95l9h.cloudfront.net/images/07349ebc846a6772b1ab8a47b54635ff.png' : 'https://d31zlh4on95l9h.cloudfront.net/images/29f0ad8e4e47f58952cc4a957ce9db10.png'
-                " @click="setActiveTab('deepNine', 2)" class="action-btn model-btn" alt="深度九大模型" />
+              <img
+                :src="
+                  activeTab === 'deepNine'
+                    ? 'https://d31zlh4on95l9h.cloudfront.net/images/07349ebc846a6772b1ab8a47b54635ff.png'
+                    : 'https://d31zlh4on95l9h.cloudfront.net/images/29f0ad8e4e47f58952cc4a957ce9db10.png'
+                "
+                @click="setActiveTab('deepNine', 2)"
+                class="action-btn model-btn"
+                alt="深度九大模型"
+              />
             </template>
 
             <!-- 手机端下拉选择 - 自定义组件 -->
@@ -1545,16 +1669,25 @@ onUnmounted(() => {
                     <img :src="getSelectedOptionImage()" class="option-image" />
                     <span>{{ getSelectedOptionLabel() }}</span>
                   </div>
-                  <div class="dropdown-arrow" :class="{ 'arrow-up': isDropdownOpen }">
-                    <img src="https://d31zlh4on95l9h.cloudfront.net/images/5f96dfcbff643cbbcf0f2790dbb4e54a.png" style="width: 24px;height: 24px;object-fit: contain;" alt="箭头">
+                  <div
+                    class="dropdown-arrow"
+                    :class="{ 'arrow-up': isDropdownOpen }"
+                  >
+                    <img
+                      src="https://d31zlh4on95l9h.cloudfront.net/images/5f96dfcbff643cbbcf0f2790dbb4e54a.png"
+                      style="width: 24px; height: 24px; object-fit: contain"
+                      alt="箭头"
+                    />
                   </div>
                 </div>
                 <div class="custom-select-dropdown" v-if="isDropdownOpen">
-                  <div 
-                    v-for="option in modelOptions" 
-                    :key="option.value" 
-                    class="custom-select-option" 
-                    :class="{ 'option-selected': activeTabMobile === option.value }"
+                  <div
+                    v-for="option in modelOptions"
+                    :key="option.value"
+                    class="custom-select-option"
+                    :class="{
+                      'option-selected': activeTabMobile === option.value,
+                    }"
                     @click="selectOption(option.value)"
                   >
                     <div class="select-option-with-image">
@@ -1581,45 +1714,81 @@ onUnmounted(() => {
         <div class="footer-second-line">
           <!-- <img :src="msgBtn" class="msg-icon" /> -->
           <div class="input-container">
-            <el-input type="textarea" v-model="message" @focus="onFocus" @blur="onBlur"
-              :autosize="{ minRows: 1, maxRows: 4 }" class="msg-input" @keydown.enter.exact.prevent="
+            <el-input
+              type="textarea"
+              v-model="message"
+              @focus="onFocus"
+              @blur="onBlur"
+              :autosize="{ minRows: 1, maxRows: 4 }"
+              class="msg-input"
+              @keydown.enter.exact.prevent="
                 isLoading || isInputDisabled ? null : sendMessage()
-                " :disabled="isInputDisabled" resize="none" :class="{ input: !message && !inputing }"
-              @compositionstart="inputing = true" @compositionend="inputing = false">
+              "
+              :disabled="isInputDisabled"
+              resize="none"
+              :class="{ input: !message && !inputing }"
+              @compositionstart="inputing = true"
+              @compositionend="inputing = false"
+            >
             </el-input>
-            <img :src="isInputDisabled
-                ? 'https://d31zlh4on95l9h.cloudfront.net/images/aa192bcbc1682c97e1bc6fb422f2afff.png'
-                : 'https://d31zlh4on95l9h.cloudfront.net/images/e6ec2ae238ced85b74e0912e988f243e.png'
-              " @click="sendMessage" class="action-btn send-btn-inner" :style="{
+            <img
+              :src="
+                isInputDisabled
+                  ? 'https://d31zlh4on95l9h.cloudfront.net/images/aa192bcbc1682c97e1bc6fb422f2afff.png'
+                  : 'https://d31zlh4on95l9h.cloudfront.net/images/e6ec2ae238ced85b74e0912e988f243e.png'
+              "
+              @click="sendMessage"
+              class="action-btn send-btn-inner"
+              :style="{
                 opacity: isInputDisabled ? 0.5 : 1,
                 cursor: isInputDisabled ? 'not-allowed' : 'pointer',
-              }" />
+              }"
+            />
           </div>
         </div>
       </el-footer>
     </el-container>
-    <el-container v-else class="main-container" :class="{
-      collapsed: historyRecordRef?.isCollapsed && !isMobile,
-      unCollapsed: !historyRecordRef?.isCollapsed && !isMobile,
-    }">
+    <el-container
+      v-else
+      class="main-container"
+      :class="{
+        collapsed: historyRecordRef?.isCollapsed && !isMobile,
+        unCollapsed: !historyRecordRef?.isCollapsed && !isMobile,
+      }"
+    >
       <el-header class="homepage-head">
         <!-- logo -->
         <div class="homepage-logo">
-          <img src="https://d31zlh4on95l9h.cloudfront.net/images/4c91fce359a1c184772857594c38e3b4.png" alt="返回按钮"
-            class="backToHomeImg" @click="feedbackBack" />
+          <img
+            src="https://d31zlh4on95l9h.cloudfront.net/images/4c91fce359a1c184772857594c38e3b4.png"
+            alt="返回按钮"
+            class="backToHomeImg"
+            @click="feedbackBack"
+          />
           <!-- <img :src="madeInHL" alt="图片加载失败" class="logo2" /> -->
         </div>
 
         <div class="homepage-right-group">
           <div class="count-badge" @click="showCount">
-            <img src="https://d31zlh4on95l9h.cloudfront.net/images/74e20c65c9ef2526477c63ad68698a50.png"
-              class="action-btn" />
+            <img
+              v-if="activeTab !== 'deepNine'"
+              src="https://d31zlh4on95l9h.cloudfront.net/images/74e20c65c9ef2526477c63ad68698a50.png"
+              class="action-btn"
+            />
+            <img
+              v-else
+              src="https://d31zlh4on95l9h.cloudfront.net/images/4621e0d1463a13c6654fe39215ee64c2.png"
+              class="action-btn"
+            />
             <div class="count-number">{{ UserCount }}</div>
             <div class="clickGetCount">点击获取Token</div>
           </div>
           <div class="backToHomeBtn" @click="backToHome()">
-            <img src="https://d31zlh4on95l9h.cloudfront.net/images/9272c00f21a2724c3a76e375949ee1de.png" alt="返回首页"
-              class="backImg" />
+            <img
+              src="https://d31zlh4on95l9h.cloudfront.net/images/9272c00f21a2724c3a76e375949ee1de.png"
+              alt="返回首页"
+              class="backImg"
+            />
             <div class="backContent">返回首页</div>
           </div>
           <!-- <img
@@ -1647,7 +1816,12 @@ onUnmounted(() => {
       <div class="changeMsg">
         <div class="changeInfo">
           <div class="changeImg">
-            <img :src="userInfo.img" alt="头像" class="changeImgClass" @error="handleImageError" />
+            <img
+              :src="userInfo.img"
+              alt="头像"
+              class="changeImgClass"
+              @error="handleImageError"
+            />
           </div>
           <div class="changeContent">
             <div class="changeUsername">{{ userInfo.nickname }}</div>
@@ -1662,13 +1836,22 @@ onUnmounted(() => {
       <div class="changeLevel">
         <div class="changeLevelTitle">兑换Token</div>
         <div class="changeLevelContent">
-          <div class="changeLevelItems" v-for="item in changeLevelList" :key="item" :class="{
-            changeLevelItemsActive: item.position == activeLevel.position,
-          }" @click="chooseLevel(item)">
+          <div
+            class="changeLevelItems"
+            v-for="item in changeLevelList"
+            :key="item"
+            :class="{
+              changeLevelItemsActive: item.position == activeLevel.position,
+            }"
+            @click="chooseLevel(item)"
+          >
             <div class="changeLevelItem">
               <div class="changeLevelItemToken">
-                <img src="https://d31zlh4on95l9h.cloudfront.net/images/403ef762dd2f335df3b0c9e3fe488375.png" alt="token"
-                  class="changeLevelItemTokenImg" />
+                <img
+                  src="https://d31zlh4on95l9h.cloudfront.net/images/403ef762dd2f335df3b0c9e3fe488375.png"
+                  alt="token"
+                  class="changeLevelItemTokenImg"
+                />
                 {{ item.calculatedPosition }}
               </div>
               <div class="changeLevelItemToken">{{ item.position }} 金币</div>
@@ -1690,7 +1873,12 @@ onUnmounted(() => {
       <div class="changeMsg">
         <div class="changeInfo">
           <div class="changeImg">
-            <img :src="userInfo.img" alt="头像" class="changeImgClass" @error="handleImageError" />
+            <img
+              :src="userInfo.img"
+              alt="头像"
+              class="changeImgClass"
+              @error="handleImageError"
+            />
           </div>
           <div class="changeContent">
             <div class="changeJwcode">精网号：{{ userInfo.jwcode }}</div>
@@ -1707,13 +1895,22 @@ onUnmounted(() => {
         </div>
 
         <div class="changeLevelContent">
-          <div class="changeLevelItems" v-for="item in changeLevelList" :key="item" :class="{
-            changeLevelItemsActive: item.position == activeLevel.position,
-          }" @click="chooseLevel(item)">
+          <div
+            class="changeLevelItems"
+            v-for="item in changeLevelList"
+            :key="item"
+            :class="{
+              changeLevelItemsActive: item.position == activeLevel.position,
+            }"
+            @click="chooseLevel(item)"
+          >
             <div class="changeLevelItem">
               <div class="changeLevelItemToken">
-                <img src="https://d31zlh4on95l9h.cloudfront.net/images/403ef762dd2f335df3b0c9e3fe488375.png" alt="token"
-                  class="changeLevelItemTokenImg" />
+                <img
+                  src="https://d31zlh4on95l9h.cloudfront.net/images/403ef762dd2f335df3b0c9e3fe488375.png"
+                  alt="token"
+                  class="changeLevelItemTokenImg"
+                />
                 {{ item.calculatedPosition }}
               </div>
               <div class="changeLevelItemToken">{{ item.position }} 金币</div>
@@ -1730,7 +1927,11 @@ onUnmounted(() => {
       <div class="changeBtn" @click="changeToken">立即兑换</div>
     </el-dialog>
 
-    <el-dialog v-model="rechargeDialogVisible" :width="isMobile ? '60%' : '30%'" :show-close="false">
+    <el-dialog
+      v-model="rechargeDialogVisible"
+      :width="isMobile ? '60%' : '30%'"
+      :show-close="false"
+    >
       <div class="rechargeDialogTitle">温馨提示</div>
       <div class="rechargeDialogContent">
         尊敬的用户您好！您当前的金币余额不足，无法进行兑换，可充值金币后进行兑换。点击下方的“前往充值”可进行充值。
@@ -1738,13 +1939,21 @@ onUnmounted(() => {
       <div class="rechargeDialogBtnGroup">
         <div class="recharge" @click="goRecharge">前往充值</div>
 
-        <div class="rechargeDialogCancel" @click="rechargeDialogVisible = false">
+        <div
+          class="rechargeDialogCancel"
+          @click="rechargeDialogVisible = false"
+        >
           取消
         </div>
       </div>
     </el-dialog>
 
-    <el-dialog v-model="confirmDialogVisible" :width="isMobile ? '60%' : '30%'" :show-close="false" align-center="true">
+    <el-dialog
+      v-model="confirmDialogVisible"
+      :width="isMobile ? '60%' : '30%'"
+      :show-close="false"
+      align-center="true"
+    >
       <div class="confirmDialogTitle">兑换</div>
       <div class="confirmDialogContent">
         尊敬的用户您好！您确认要花费{{ activeLevel.position }}金币兑换{{
@@ -1759,25 +1968,42 @@ onUnmounted(() => {
       </div>
     </el-dialog>
 
-    <el-dialog v-model="changeSuccessDialogVisible" :width="isMobile ? '60%' : '30%'" :show-close="false"
-      class="changeSuccessDialog" align-center center>
+    <el-dialog
+      v-model="changeSuccessDialogVisible"
+      :width="isMobile ? '60%' : '30%'"
+      :show-close="false"
+      class="changeSuccessDialog"
+      align-center
+      center
+    >
       <div class="changeSuccessDialogTitle">
-        <img v-if="!isMobile" src="https://d31zlh4on95l9h.cloudfront.net/images/84edd341b2ddec464fc4475254f7a309.png"
-          style="scale: 0.7" alt="token图标" />
+        <img
+          v-if="!isMobile"
+          src="https://d31zlh4on95l9h.cloudfront.net/images/84edd341b2ddec464fc4475254f7a309.png"
+          style="scale: 0.7"
+          alt="token图标"
+        />
         兑换成功
       </div>
       <div class="changeSuccessDialogContent">
         尊敬的用户，恭喜您成功兑换：{{ activeLevel.calculatedPosition }} Token
       </div>
       <div class="changeSuccessDialogFooter">
-        <button class="confirmButton" @click="changeSuccessDialogVisible = false">
+        <button
+          class="confirmButton"
+          @click="changeSuccessDialogVisible = false"
+        >
           确定
         </button>
       </div>
     </el-dialog>
 
     <!-- Token规则提示框 -->
-    <div v-if="tokenRuleDialogVisible" class="tokenRuleDialog" @click="closeTokenRuleDialog">
+    <div
+      v-if="tokenRuleDialogVisible"
+      class="tokenRuleDialog"
+      @click="closeTokenRuleDialog"
+    >
       <div class="tokenRuleDialogContent" @click.stop>
         <div class="tokenRuleDialogClose" @click="closeTokenRuleDialog">
           <el-icon>
@@ -3024,7 +3250,7 @@ body {
   align-items: center;
   justify-content: space-between;
   padding: 8px 12px;
-  background: #3549B9;
+  background: #3549b9;
   color: white;
   border-radius: 4px;
   cursor: pointer;
@@ -3048,7 +3274,7 @@ body {
   width: 100%;
   max-height: 200px;
   overflow-y: auto;
-  background: #3549B9;
+  background: #3549b9;
   border-radius: 4px;
   box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
   z-index: 100;
@@ -3067,7 +3293,7 @@ body {
 }
 
 .option-selected {
-  background-color: #6A00FF;
+  background-color: #6a00ff;
   color: white;
   font-weight: 500;
 }