美化Ai输出的code，table等内容块的配色

frontend/src/views/pagetype/ai_chat/ChatMessageBubble.vue

@@ -463,9 +463,10 @@ onMounted(() => {
 }
 
 /* ===== Markdown 内容样式 ===== */
+/* ===== 代码块样式（浅色主题） ===== */
 .message-content :deep(pre) {
-  background: #1e1e2e;
-  color: #cdd6f4;
+  background: #f6f8fa;
+  color: #1f2937;
   padding: 12px 16px;
   overflow-x: auto;
   font-size: 13px;
@@ -479,16 +480,18 @@ onMounted(() => {
   margin: 8px 0;
   border-radius: 8px;
   overflow: hidden;
+  border: 1px solid #e5e7eb;
 }
 
 .message-content :deep(.code-block-header) {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background: #181825;
+  background: #eef1f5;
   padding: 6px 12px;
   font-size: 12px;
-  color: #a6adc8;
+  color: #6b7280;
+  border-bottom: 1px solid #e5e7eb;
 }
 
 .message-content :deep(.code-lang) {
@@ -503,7 +506,7 @@ onMounted(() => {
   justify-content: center;
   background: transparent;
   border: none;
-  color: #a6adc8;
+  color: #9ca3af;
   cursor: pointer;
   padding: 3px;
   border-radius: 4px;
@@ -512,12 +515,73 @@ onMounted(() => {
 }
 
 .message-content :deep(.code-copy-btn:hover) {
-  color: #cdd6f4;
-  background: rgba(255, 255, 255, 0.1);
+  color: #374151;
+  background: rgba(0, 0, 0, 0.06);
 }
 
 .message-content :deep(.code-copy-btn.copied) {
-  color: #a6e3a1;
+  color: #16a34a;
+}
+
+/* hljs 语法高亮（GitHub Light 色系） */
+.message-content :deep(.hljs-comment),
+.message-content :deep(.hljs-quote) {
+  color: #6a737d;
+  font-style: italic;
+}
+
+.message-content :deep(.hljs-keyword),
+.message-content :deep(.hljs-selector-tag) {
+  color: #d73a49;
+}
+
+.message-content :deep(.hljs-string),
+.message-content :deep(.hljs-addition) {
+  color: #032f62;
+}
+
+.message-content :deep(.hljs-number),
+.message-content :deep(.hljs-literal) {
+  color: #005cc5;
+}
+
+.message-content :deep(.hljs-built_in),
+.message-content :deep(.hljs-type) {
+  color: #e36209;
+}
+
+.message-content :deep(.hljs-function .hljs-title),
+.message-content :deep(.hljs-title) {
+  color: #6f42c1;
+}
+
+.message-content :deep(.hljs-attr),
+.message-content :deep(.hljs-attribute) {
+  color: #005cc5;
+}
+
+.message-content :deep(.hljs-name),
+.message-content :deep(.hljs-tag) {
+  color: #22863a;
+}
+
+.message-content :deep(.hljs-variable),
+.message-content :deep(.hljs-template-variable) {
+  color: #e36209;
+}
+
+.message-content :deep(.hljs-deletion) {
+  color: #b31d28;
+  background: #ffeef0;
+}
+
+.message-content :deep(.hljs-addition) {
+  color: #22863a;
+  background: #f0fff4;
+}
+
+.message-content :deep(.hljs-meta) {
+  color: #735c0f;
 }
 
 /* 内容块包裹器（table 等） */
@@ -525,7 +589,7 @@ onMounted(() => {
   position: relative;
   margin: 8px 0;
   border-radius: 8px;
-  overflow: hidden;
+  overflow-x: auto;
   border: 1px solid #e5e7eb;
 }
 
@@ -659,6 +723,32 @@ onMounted(() => {
   opacity: 0.85;
 }
 
+/* 内容块横向滚动条（代码块 / 表格） */
+.message-content :deep(pre::-webkit-scrollbar),
+.message-content :deep(.content-block-wrapper::-webkit-scrollbar) {
+  height: 10px;
+}
+
+.message-content :deep(pre::-webkit-scrollbar-track),
+.message-content :deep(.content-block-wrapper::-webkit-scrollbar-track) {
+  background: transparent;
+}
+
+.message-content :deep(pre::-webkit-scrollbar-thumb),
+.message-content :deep(.content-block-wrapper::-webkit-scrollbar-thumb) {
+  background: #c1c7ce;
+  border-radius: 5px;
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
+.message-content :deep(pre::-webkit-scrollbar-thumb:hover),
+.message-content :deep(.content-block-wrapper::-webkit-scrollbar-thumb:hover) {
+  background: #9ca3af;
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
 /* 移动端降级：始终显示操作栏 */
 @media (hover: none) {
   .message-toolbar {