docs: update README and improve documentation styling

- Redesign README with better visual hierarchy and styling
- Update documentation styles including line height and blockquote formatting
- Remove BOM character from ai-capability-dictionary.md
- Add Setting icon import to Layout.vue

docs/.vitepress/theme/Layout.vue

@@ -3,6 +3,7 @@ import DefaultTheme from 'vitepress/theme'
 import { useData } from 'vitepress'
 import TextType from './components/TextType.vue'
 import { onMounted, ref, watch } from 'vue'
+import { Setting } from '@element-plus/icons-vue'
 
 const { frontmatter } = useData()
 
@@ -21,7 +22,7 @@ const MAX_FONT_SIZE = 18
 const DEFAULT_FONT_SIZE = 13
 const MIN_LINE_HEIGHT = 1.25
 const MAX_LINE_HEIGHT = 1.8
-const DEFAULT_LINE_HEIGHT = 1.5
+const DEFAULT_LINE_HEIGHT = 1.65
 
 const fontSize = ref(DEFAULT_FONT_SIZE)
 const lineHeight = ref(DEFAULT_LINE_HEIGHT)

docs/.vitepress/theme/style.css

@@ -3,7 +3,7 @@
   /* 通过变量控制分组底部留白（默认 24px） */
   --vp-sidebar-nav-section-gap: 8px;
   --ev-doc-font-size: 13px;
-  --ev-doc-line-height: 1.5;
+  --ev-doc-line-height: 1.65;
 }
 
 .vp-doc {
@@ -18,10 +18,26 @@
   --el-font-line-height-primary: var(--ev-doc-line-height);
 }
 
+.vp-doc p,
+.vp-doc ul,
+.vp-doc ol {
+  line-height: var(--ev-doc-line-height) !important;
+}
+
 .vp-doc :where(p, ul, ol, table, blockquote, pre, details, figure) {
   margin: 10px 0;
 }
 
+.vp-doc blockquote {
+  font-size: 0.9em !important;
+  color: var(--vp-c-text-2);
+}
+
+.vp-doc blockquote p {
+  font-size: inherit !important;
+  line-height: 1.4 !important;
+}
+
 .vp-doc :where(li) {
   margin: 4px 0;
 }