diff --git a/src/assets/style/chat.css b/src/assets/style/chat.css
index f95fee5..e33b8ae 100644
--- a/src/assets/style/chat.css
+++ b/src/assets/style/chat.css
@@ -175,6 +175,10 @@ img.avatarUrl-img[lazy="loading"] {
   padding: 11rem 14rem 11rem 14rem;
   box-sizing: border-box;
   width: 100%;
+  background: linear-gradient(359deg, #ffffffb3 1%, #f7f8ff 98%);
+  border-image: linear-gradient(180deg, #ffffff 3%, #ffffff 97%) 1;
+  backdrop-filter: blur(10px);
+  border-radius: 12rem !important;
   /* width: -moz-fit-content;
     width: -webkit-fit-content; */
 }
diff --git a/src/components/abstract.vue b/src/components/abstract.vue
index 2cef666..5c3f8d8 100644
--- a/src/components/abstract.vue
+++ b/src/components/abstract.vue
@@ -277,7 +277,7 @@ onActivated(async () => {
           font-weight: bold;
           line-height: 24rem;
           letter-spacing: 0rem;
-
+          padding-top: 8rem;
           font-variation-settings: 'opsz' auto;
           color: #17204d;
 
@@ -319,10 +319,11 @@ onActivated(async () => {
         font-family: PingFang SC;
         font-size: 14rem;
         font-weight: 500;
-        line-height: 19rem;
+        // line-height: 19rem;
         text-align: center;
         letter-spacing: 0rem;
-
+        display: flex;
+        align-items: center;
         color: #ffffff;
         padding: 4rem 12rem;
         height: 28rem;
diff --git a/src/components/chat-new.vue b/src/components/chat-new.vue
index 3d061ea..9b33ee8 100644
--- a/src/components/chat-new.vue
+++ b/src/components/chat-new.vue
@@ -677,13 +677,8 @@ watch(
     <div class="main-container" ref="mainContainerRef" @scroll.passive="onMainScroll">
       <div class="empty-tips opacity" v-if="nolist">{{ nolistTxt }}</div>
       <div class="historicRecords" v-if="historylist.length > 0">
-        <chatContent
-          :historylist="historylist"
-          :isHistory="true"
-          :isWX="isWX"
-          :tokenExist="tokenExist"
-          :lostChatInfoNum="lostChatInfoNum"
-        />
+        <chatContent :historylist="historylist" :isHistory="true" :isWX="isWX" :tokenExist="tokenExist"
+          :lostChatInfoNum="lostChatInfoNum" />
       </div>
       <div class="this-news-box opacity" v-if="historylist.length > 0">
         <div class="this-news-tips">以下是本次消息</div>
@@ -693,32 +688,26 @@ watch(
         <abstract @ready="onIntroReady" @businessClick="businessClick" />
         <hotQuestionNew @ready="onIntroReady" />
       </template>
-      <chatContent
-        :historylist="chatArr"
-        :isWX="isWX"
-        :tokenExist="tokenExist"
-        :lostChatInfoNum="lostChatInfoNum"
-        @handleAppraise="appraiseIsClose"
-      />
+      <chatContent :historylist="chatArr" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+        @handleAppraise="appraiseIsClose" />
     </div>
     <div class="chat-footer">
       <footer-bar v-if="tokenExist" :tokenExist="tokenExist" />
     </div>
     <bussinessHandle :businessHandleInfo="store.businessHandleInfo" ref="businessHandleRef" />
     <van-overlay :show="appraiseShow" z-index="10" class-name="appraise-popup-box" duration="0.2">
-      <appraise-popup
-        v-if="appraiseShow"
-        @handleAppraiseClose="appraiseIsClose"
-        :baseHandle="baseHandle"
-      ></appraise-popup>
+      <appraise-popup v-if="appraiseShow" @handleAppraiseClose="appraiseIsClose"
+        :baseHandle="baseHandle"></appraise-popup>
     </van-overlay>
   </div>
 </template>
 <style lang="scss" scoped>
 @import '@/assets/style/common.css';
+
 .van-overlay.appraise-popup-box {
   background: rgba(0, 0, 0, 0.5) !important;
 }
+
 .empty-tips {
   font-family: PingFangSC-Regular;
   font-size: 11rem;
@@ -727,6 +716,7 @@ watch(
   text-align: center;
   padding: 0 0 15rem 0;
 }
+
 .chat-new {
   width: 100vw;
   height: 100vh;
@@ -744,6 +734,8 @@ watch(
     flex-shrink: 0;
     margin: 12rem -12rem -12rem;
     background: #ffffff;
+    background: linear-gradient(180deg, #eaf0ff00 0%, #eaf0ff 18%, #eaf0ff 100%);
+    // padding: 16px 0px 0px 0px;
   }
 
   .main-container {
@@ -876,6 +868,7 @@ watch(
       }
 
       @keyframes typing-blink {
+
         0%,
         80%,
         100% {
diff --git a/src/components/footer-bar-btn.vue b/src/components/footer-bar-btn.vue
index 5e327d1..69d3f1b 100644
--- a/src/components/footer-bar-btn.vue
+++ b/src/components/footer-bar-btn.vue
@@ -110,7 +110,7 @@ onMounted(() => {
 
 <style scoped>
 .qipaomain {
-  background-color: #ebf1ff;
+  /* background-color: #ebf1ff; */
   overflow-x: auto;
   display: flex;
   padding: 0 16rem;
diff --git a/src/components/footer-bar-input.vue b/src/components/footer-bar-input.vue
index f196d27..0ce2de5 100644
--- a/src/components/footer-bar-input.vue
+++ b/src/components/footer-bar-input.vue
@@ -867,7 +867,7 @@ watch(sendMessage, (newValue, oldValue) => {
   background: transparent;
   border-radius: 2rem;
   font-family: SourceHanSansCN-Normal;
-  font-size: 12rem;
+  font-size: 16rem;
   color: #333;
   letter-spacing: 0;
   text-align: justify;