feat: 调整Markdown渲染样式，确保内容自动换行并优化代码块显示

components/markdown-viewer/markdown-viewer.vue

@@ -54,9 +54,21 @@ export default {
     renderedContent() {
       if (!this.content) return '';
       try {
-        // 添加自定义样式
+        // 添加自定义样式，确保内容自动换行
-        const styleTag = this.customStyle ? 
+        const styleTag = `<style>
-          `<style>${this.customStyle}</style>` : '';
+          * {
+            max-width: 99% !important;
+            word-break: break-word !important;
+            overflow-wrap: break-word !important;
+          }
+          pre, code {
+            white-space: pre-wrap !important;
+            word-wrap: break-word !important;
+            word-break: break-word !important;
+            overflow-wrap: break-word !important;
+          }
+          ${this.customStyle || ''}
+        </style>`;
         
         // 渲染Markdown为HTML
         const htmlContent = marked(this.content);
@@ -77,5 +89,25 @@ export default {
 
 .markdown-container {
   padding: 20rpx;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: break-word;
+}
+
+/* 全局样式，确保所有元素都能自动换行 */
+.markdown-container >>> * {
+  max-width: 99% !important;
+  white-space: normal !important;
+  word-break: break-word !important;
+  overflow-wrap: break-word !important;
+}
+
+/* 特别处理代码块 */
+.markdown-container >>> pre,
+.markdown-container >>> code {
+  white-space: pre-wrap !important;
+  word-break: break-word !important;
+  overflow-wrap: break-word !important;
+  max-width: 99% !important;
 }
 </style>