Improve mobile reading layout and typography

Make classic text chapters easier to read on phones with responsive styles, collapsed sidebar groups, and less intrusive install prompts on doc pages.

Co-authored-by: Cursor <cursoragent@cursor.com>

.vitepress/config.mts

@@ -41,9 +41,22 @@ export default defineConfig({
     ['meta', { name: 'mobile-web-app-capable', content: 'yes' }],
     ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
     ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' }],
+    [
+      'meta',
+      {
+        name: 'viewport',
+        content: 'width=device-width, initial-scale=1.0, viewport-fit=cover',
+      },
+    ],
   ],
   themeConfig: {
     logo: { src: '/favicon.ico', width: 24, height: 24 },
+    sidebarMenuLabel: '目录',
+    returnToTopLabel: '回到顶部',
+    docFooter: {
+      prev: '上一篇',
+      next: '下一篇',
+    },
     nav: [
       { text: '首页', link: '/' },
       { text: '五行', link: '/金、木、水、火、土 - 五行/' },
@@ -52,7 +65,7 @@ export default defineConfig({
       { text: '中医', link: '/中医宝典/' },
     ],
     sidebar: generateSidebar(),
-    outline: { level: [2, 4] },
+    outline: { level: [2, 3], label: '本页目录' },
     search: {
       provider: 'local',
     },