diff --git a/src/pages/index/components/chat/ChatCardOther/index.vue b/src/pages/index/components/chat/ChatCardOther/index.vue
index ab3f85f..315d209 100644
--- a/src/pages/index/components/chat/ChatCardOther/index.vue
+++ b/src/pages/index/components/chat/ChatCardOther/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="chat-other">
+  <view class="chat-other pl-20">
     <text>{{ text }}</text>
     <slot></slot>
   </view>
diff --git a/src/pages/index/components/chat/ChatCardOther/styles/index.scss b/src/pages/index/components/chat/ChatCardOther/styles/index.scss
index 6d3c9ef..ff593d0 100644
--- a/src/pages/index/components/chat/ChatCardOther/styles/index.scss
+++ b/src/pages/index/components/chat/ChatCardOther/styles/index.scss
@@ -5,6 +5,7 @@
   flex-direction: column;
   max-width: 100%; // ✅ 限制最大宽度
   overflow-x: hidden; // ✅ 防止横向撑开
+  padding-left: 20px;
 
   text {
     font-size: $uni-font-size-base;
diff --git a/src/pages/index/components/chat/ChatMoreTips/styles/index.scss b/src/pages/index/components/chat/ChatMoreTips/styles/index.scss
index 870f1c5..f42f31c 100644
--- a/src/pages/index/components/chat/ChatMoreTips/styles/index.scss
+++ b/src/pages/index/components/chat/ChatMoreTips/styles/index.scss
@@ -7,7 +7,7 @@
     overflow-x: auto;
     white-space: nowrap;
     -webkit-overflow-scrolling: touch;
-    padding: 8px 16px;
+    padding: 8px 0;
     box-sizing: border-box;
   }
 
@@ -22,6 +22,9 @@
     flex-shrink: 0;
     white-space: nowrap;
     position: relative;
+    &:first-child {
+      margin-left: 0;
+    }
 
     .more-tips-item-title {
       color: #00a6ff;
diff --git a/src/static/scss/padding.scss b/src/static/scss/padding.scss
index 988e645..0bdd3fa 100644
--- a/src/static/scss/padding.scss
+++ b/src/static/scss/padding.scss
@@ -22,3 +22,19 @@
 .pl-12 {
   padding-left: 12px;
 }
+
+.pl-16 {
+  padding-left: 16px;
+}
+
+.pr-16 {
+  padding-right: 16px;
+}
+
+.pl-20 {
+  padding-left: 20px;
+}
+
+.pr-20 {
+  padding-right: 20px;
+}