feat: 边距调整

src/pages/index/components/chat/ChatCardAi/styles/index.scss

@@ -6,7 +6,7 @@
 
   .chat-ai {
     margin: 6px 0;
-    padding: 0 20px; // 消息内容的内边距 左右20px
+    padding: 0 12px; // 消息内容的内边距 左右20px
     min-width: 100px;
     max-width: 100%; // ✅ 限制最大宽度
     overflow: hidden; // ✅ 超出内容被切掉

src/pages/index/components/chat/ChatCardMine/styles/index.scss

@@ -1,5 +1,5 @@
 .chat-mine {
-  margin: 6px 20px;
+  margin: 6px 12px;
   padding: 8px 16px;
   border-radius: 15px;
 

src/pages/index/components/chat/ChatCardOther/styles/index.scss

@@ -5,7 +5,7 @@
   flex-direction: column;
   max-width: 100%; // ✅ 限制最大宽度
   overflow-x: hidden; // ✅ 防止横向撑开
-  padding-left: 20px;
+  padding-left: 12px;
 
   text {
     font-size: $uni-font-size-base;

src/pages/index/components/chat/ChatInputArea/styles/index.scss

@@ -4,7 +4,7 @@
   border-radius: 24px;
   background-color: $uni-bg-color;
   box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
-  margin: 0 20px;
+  margin: 0 12px;
   margin-bottom: 8px;
 
   .input-container-voice {

src/pages/index/components/chat/ChatQuickAccess/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view
-    class="quick-access border-box flex flex-nowrap items-center ml-20 pt-8 pb-8"
+    class="quick-access border-box flex flex-nowrap items-center ml-12 pt-8 pb-8"
   >
     <view
       class="item border-box rounded-50 flex flex-row items-center"

src/pages/index/components/chat/ChatTopWelcome/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="welcome-content border-box p-20">
+  <view class="welcome-content border-box p-12">
     <view class="wrap rounded-20">
       <view
         class="flex flex-items-center flex-justify-between border-box pl-12 pr-12"

src/static/scss/margin.scss

@@ -19,6 +19,10 @@
   margin-bottom: 12px;
 }
 
+.ml-12 {
+  margin-left: 12px;
+}
+
 .ml-20 {
   margin-left: 20px;
 }