fix: 优化界面展 及引用关系

apps/desktop/src/App.css

@@ -405,4 +405,84 @@
   .shadow-colored {
     box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.1), 0 4px 6px -2px rgba(59, 130, 246, 0.05);
   }
+
+  /* Markdown 和代码高亮样式 */
+  .prose {
+    color: #374151;
+    max-width: none;
+  }
+
+  .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
+    color: #111827;
+    font-weight: 600;
+  }
+
+  .prose p {
+    margin-bottom: 1rem;
+    line-height: 1.6;
+  }
+
+  .prose ul, .prose ol {
+    margin-bottom: 1rem;
+  }
+
+  .prose li {
+    margin-bottom: 0.25rem;
+  }
+
+  .prose blockquote {
+    border-left: 4px solid #e5e7eb;
+    padding-left: 1rem;
+    font-style: italic;
+    color: #6b7280;
+    margin: 1rem 0;
+  }
+
+  .prose code {
+    background-color: #f3f4f6;
+    padding: 0.125rem 0.25rem;
+    border-radius: 0.25rem;
+    font-size: 0.875rem;
+    font-family: 'Courier New', monospace;
+  }
+
+  .prose pre {
+    background-color: #f3f4f6;
+    padding: 1rem;
+    border-radius: 0.5rem;
+    overflow-x: auto;
+    margin: 1rem 0;
+  }
+
+  .prose pre code {
+    background-color: transparent;
+    padding: 0;
+  }
+
+  /* 简化的代码高亮样式 */
+  .hljs {
+    background: #f3f4f6 !important;
+    color: #374151 !important;
+  }
+
+  .hljs-keyword, .hljs-selector-tag, .hljs-title {
+    color: #7c3aed !important;
+  }
+
+  .hljs-string, .hljs-attr {
+    color: #059669 !important;
+  }
+
+  .hljs-comment, .hljs-quote {
+    color: #6b7280 !important;
+    font-style: italic;
+  }
+
+  .hljs-number, .hljs-literal {
+    color: #dc2626 !important;
+  }
+
+  .hljs-function, .hljs-class {
+    color: #2563eb !important;
+  }
 }