fix：布局被压缩

src/layouts/MainLayout/MainLayout.module.less

@@ -6,6 +6,7 @@
   flex: 1 1;
   flex: 1 1;
   height: 100%;
   height: 100%;
   width: 100%;
   width: 100%;
+  max-width: calc(100vw - 120px);
   position: relative;
   position: relative;
   box-sizing: border-box;
   box-sizing: border-box;
   // padding: 0 12px;
   // padding: 0 12px;

src/pages/Chat/components/ChatItem/ChatAnswerBox.tsx

@@ -64,7 +64,7 @@ export const ChatAnswerBox: React.FC<ChatAnswerBoxProps> = ({ record, showIndex,
                 />
                 />
                 <div
                 <div
                   style={{ background: '#F7FAFD' }}
                   style={{ background: '#F7FAFD' }}
-                  className="rounded-[20px] box-border px-[16px] py-[12px] sm:px-[24px] sm:py-[20px] relative flex-1 min-w-0 sm:max-w-[700px] md:max-w-[900px] lg:max-w-[1200px]"
+                  className="rounded-[20px] box-border px-[16px] py-[12px] sm:px-[24px] sm:py-[20px] relative flex-1 min-w-0"
                 >
                 >
                   {item.answer?.length || item.cardList?.length
                   {item.answer?.length || item.cardList?.length
 ? (
 ? (