diff --git a/pages/deepMate/deepMate.vue b/pages/deepMate/deepMate.vue
index ec173f0..1b2db52 100644
--- a/pages/deepMate/deepMate.vue
+++ b/pages/deepMate/deepMate.vue
@@ -6,8 +6,11 @@
         <image src="https://d31zlh4on95l9h.cloudfront.net/images/f91e09b5987802185e7679055dafd272.svg" class="icon">
         </image>
       </view>
-      <view class="header-center">
-        <text class="title">DeepMate</text>
+      <view class="header-center"
+      >
+        <text class="title"
+        :style="{ paddingTop: safeAreaInsets?.top + 'px' }"
+        >DeepMate</text>
       </view>
       <view class="header-right">
         <image src="https://d31zlh4on95l9h.cloudfront.net/images/d7c4e74201213a25dd9574e908233928.svg" class="icon">
@@ -910,7 +913,7 @@ function getDataInfo() {
 .loading-dots {
   display: flex;
   align-items: center;
-  padding-top: 10rpx;
+  /* padding-top: 10rpx; */
 }
 
 .dot {
@@ -1145,9 +1148,9 @@ function getDataInfo() {
 .history-time { margin-top: 8rpx; font-size: 22rpx; color: #888888; }
 .empty-history { padding: 40rpx; color: #999999; text-align: center; }
 .thinking-process {
-  margin: 20rpx 0;
+  margin: 10rpx 0;
   border: 2rpx solid #e5e5e5;
-  border-radius: 2rpx;
+  border-radius: 20rpx;
   background-color: #f9f9f9;
 }
 
@@ -1157,6 +1160,7 @@ function getDataInfo() {
   padding: 20rpx 30rpx;
   cursor: pointer;
   background-color: #fff;
+  border-radius: 20rpx;
   border-bottom: 2rpx solid #e5e5e5;
 }