feat: v1.3.0 差异化重构——星图点亮体系

P0 修复：
- 详情页正文渲染（content 分段），71 条知识不再空白
- 问答页去登录墙：游客每日 3 次（IP 限流），登录后每日 5 次
- 修正问答配额为真正的每日重置语义

点亮闭环：
- KnowledgeLit 模型 + 服务端判题（POST /:id/quiz，答案不下发）
- /api/knowledge/stats 星域统计 + 点亮进度 + streak + litIds
- AI 批量生成 71 条读后检测题（scripts/generate-quiz.js）

设计系统 2.0：
- 70 个统一线性图标替换全部 emoji 图标
- 主题 token mixin 化，修复 H5 暗色级联 bug，MP 跟随系统（darkmode）
- 首页星域导航（进度环）、我的页学习者档案、星域列表页重写
- 硬编码色清理，误植 map 页移除

服务端加固：
- trust proxy 真实 IP、错误信息脱敏、ask 独立限流、无效 ObjectId 404
- seo.js ESM→CJS（修复容器启动）、AI 导师"维度精灵"人格化

client/src/App.vue

@@ -8,39 +8,44 @@
 import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
 
 onLaunch(() => {
-  console.log('[AI维度] App launched')
   initTheme()
 })
 
-onShow(() => {
-  console.log('[AI维度] App shown')
-})
-
-onHide(() => {
-  console.log('[AI维度] App hidden')
-})
+onShow(() => {})
+onHide(() => {})
 
+// 主题：'auto'（默认，跟随系统）| 'light' | 'dark'
 function initTheme() {
-  const theme = uni.getStorageSync('theme') || 'light'
+  const theme = uni.getStorageSync('theme') || 'auto'
   applyTheme(theme)
+  // auto 模式下监听系统切换（H5）
+  if (theme === 'auto' && typeof window !== 'undefined' && window.matchMedia) {
+    const mq = window.matchMedia('(prefers-color-scheme: dark)')
+    const onChange = () => applyTheme('auto')
+    if (mq.addEventListener) mq.addEventListener('change', onChange)
+    else if (mq.addListener) mq.addListener(onChange)
+  }
+}
+
+function resolveTheme(theme) {
+  if (theme !== 'auto') return theme
+  if (typeof window !== 'undefined' && window.matchMedia) {
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+  }
+  return 'light'
 }
 
 function applyTheme(theme) {
+  const resolved = resolveTheme(theme)
   try {
     // H5 环境：操作 document class
     const root = document.documentElement
-    if (theme === 'dark') {
-      root.classList.add('theme-dark')
-      root.classList.remove('theme-light')
-    } else {
-      root.classList.remove('theme-dark')
-      root.classList.add('theme-light')
-    }
+    root.classList.remove('theme-dark', 'theme-light')
+    root.classList.add(resolved === 'dark' ? 'theme-dark' : 'theme-light')
   } catch (e) {
-    // 小程序环境：document 不存在
+    // 小程序环境：document 不存在，深色由 manifest darkmode + CSS 媒体查询接管
   }
-  // 小程序 tabBar 原生组件同步切换
-  applyTabBarTheme(theme)
+  applyTabBarTheme(resolved)
 }
 
 function applyTabBarTheme(theme) {
@@ -48,202 +53,34 @@ function applyTabBarTheme(theme) {
     if (theme === 'dark') {
       uni.setTabBarStyle({
         color: 'rgba(255,255,255,0.35)',
-        selectedColor: '#a78bfa',
-        backgroundColor: '#0d0d1a',
+        selectedColor: '#a2b2ff',
+        backgroundColor: '#181828',
         borderStyle: 'black'
       })
     } else {
       uni.setTabBarStyle({
         color: 'rgba(0,0,0,0.3)',
-        selectedColor: '#6366f1',
+        selectedColor: '#5b5ff8',
         backgroundColor: '#ffffff',
         borderStyle: 'white'
       })
     }
   } catch (e) {
-    // H5 环境 setTabBarStyle 可能不支持
+    // 非 tabBar 页面或不支持时忽略
   }
 }
 </script>
 
-<style>
+<style lang="scss">
 /* ============================================
    宇之然AI维度 — 全局主题
-   默认：亮色模式（蓝紫主题）  |  .theme-dark：暗色模式
+   变量 mixin 唯一出处：styles/theme.scss
    ============================================ */
 
-/* ---- 亮色模式（默认：浅底+色彩点缀，现代丰富） ---- */
-page, .theme-light {
-  /* 基础色 — 干净浅底 */
-  --bg-primary: #f5f5f7;
-  --bg-secondary: #ffffff;
-  --bg-tertiary: #e8e8ed;
-
-  /* 卡片 — 纯白微阴影 */
-  --glass-bg: #ffffff;
-  --glass-border: rgba(0, 0, 0, 0.08);
-  --glass-hover: #f8f8ff;
-  --glass-hover-border: rgba(99, 102, 241, 0.15);
-  --glass-strong: #ffffff;
-  --glass-dim-bg: rgba(99, 102, 241, 0.04);
-
-  /* 文字 — 清晰深色 */
-  --text-primary: #0d0d1a;
-  --text-secondary: rgba(13, 13, 26, 0.68);
-  --text-tertiary: rgba(13, 13, 26, 0.48);
-  --text-muted: rgba(13, 13, 26, 0.25);
-  --text-disabled: rgba(13, 13, 26, 0.15);
-
-  /* 品牌色 — Indigo 高饱和 */
-  --color-brand: #5b5ff8;
-  --color-brand-light: #7b87fd;
-  --color-brand-dark: #4f46e5;
-  --color-brand-bg: rgba(91, 95, 248, 0.08);
-  --color-brand-glow: rgba(91, 95, 248, 0.1);
-
-  /* 维度色 — 高饱和度，在浅色底上鲜艳 */
-  --dim1-color: #5b5ff8;
-  --dim1-bg: rgba(91, 95, 248, 0.2);
-  --dim1-icon-bg: rgba(91, 95, 248, 0.25);
-  --dim1-border: rgba(91, 95, 248, 0.3);
-  --dim1-glow: rgba(91, 95, 248, 0.08);
-
-  --dim2-color: #0095ba;
-  --dim2-bg: rgba(0, 149, 186, 0.2);
-  --dim2-icon-bg: rgba(0, 149, 186, 0.25);
-  --dim2-border: rgba(0, 149, 186, 0.3);
-  --dim2-glow: rgba(0, 149, 186, 0.08);
-
-  --dim3-color: #009b6a;
-  --dim3-bg: rgba(0, 155, 106, 0.2);
-  --dim3-icon-bg: rgba(0, 155, 106, 0.25);
-  --dim3-border: rgba(0, 155, 106, 0.3);
-  --dim3-glow: rgba(0, 155, 106, 0.08);
-
-  --dim4-color: #df7700;
-  --dim4-bg: rgba(223, 119, 0, 0.2);
-  --dim4-icon-bg: rgba(223, 119, 0, 0.25);
-  --dim4-border: rgba(223, 119, 0, 0.3);
-  --dim4-glow: rgba(223, 119, 0, 0.08);
-
-  --dim5-color: #e51c1c;
-  --dim5-bg: rgba(229, 28, 28, 0.2);
-  --dim5-icon-bg: rgba(229, 28, 28, 0.25);
-  --dim5-border: rgba(229, 28, 28, 0.3);
-  --dim5-glow: rgba(229, 28, 28, 0.08);
-
-  /* 功能色 */
-  --color-free: #009b6a;
-  --color-free-bg: rgba(0, 155, 106, 0.1);
-  --color-pro: #df7700;
-  --color-pro-bg: rgba(223, 119, 0, 0.1);
-  --color-vip: #e51c1c;
-  --color-vip-bg: rgba(229, 28, 28, 0.1);
-  --color-hot: #e51c1c;
-  --color-hot-bg: rgba(229, 28, 28, 0.12);
-  --color-new: #0095ba;
-  --color-new-bg: rgba(0, 149, 186, 0.12);
-  --color-pick: #5b5ff8;
-  --color-pick-bg: rgba(91, 95, 248, 0.12);
-
-  /* 圆角/间距/过渡 */
-  --radius-sm: 8px;
-  --radius-md: 12px;
-  --radius-lg: 16px;
-  --radius-xl: 20px;
-  --radius-full: 9999px;
-  --spacing-xs: 4px;
-  --spacing-sm: 8px;
-  --spacing-md: 12px;
-  --spacing-lg: 16px;
-  --spacing-xl: 20px;
-  --spacing-2xl: 24px;
-  --blur-bg: 20px;
-  --transition-fast: 0.2s ease;
-  --transition-normal: 0.3s ease;
-  --glow-brand: 0 0 20px rgba(99, 102, 241, 0.08);
-  --glow-brand-strong: 0 0 30px rgba(99, 102, 241, 0.12);
-
-  /* 亮色专属：卡片阴影 */
-  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
-  --card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
-}
-
-/* ---- 暗色模式 ---- */
-.theme-dark {
-  /* 基础色 */
-  --bg-primary: #14141e;
-  --bg-secondary: #181828;
-  --bg-tertiary: #1c1a34;
-
-  --glass-bg: rgba(255, 255, 255, 0.06);
-  --glass-border: rgba(255, 255, 255, 0.08);
-  --glass-hover: rgba(255, 255, 255, 0.1);
-  --glass-hover-border: rgba(255, 255, 255, 0.15);
-  --glass-strong: rgba(255, 255, 255, 0.12);
-  --glass-dim-bg: rgba(99, 102, 241, 0.06);
-
-  --text-primary: rgba(255, 255, 255, 0.95);
-  --text-secondary: rgba(255, 255, 255, 0.7);
-  --text-tertiary: rgba(255, 255, 255, 0.5);
-  --text-muted: rgba(255, 255, 255, 0.3);
-  --text-disabled: rgba(255, 255, 255, 0.15);
-
-  --color-brand: #7b87fd;
-  --color-brand-light: #a2b2ff;
-  --color-brand-dark: #5b5ff8;
-  --color-brand-bg: rgba(91, 95, 248, 0.12);
-  --color-brand-glow: rgba(91, 95, 248, 0.15);
-
-  --dim1-color: #a485ff;
-  --dim1-bg: rgba(164, 133, 255, 0.12);
-  --dim1-icon-bg: rgba(164, 133, 255, 0.2);
-  --dim1-border: rgba(164, 133, 255, 0.18);
-  --dim1-glow: rgba(164, 133, 255, 0.08);
-
-  --dim2-color: #5ba4ff;
-  --dim2-bg: rgba(91, 164, 255, 0.12);
-  --dim2-icon-bg: rgba(91, 164, 255, 0.2);
-  --dim2-border: rgba(91, 164, 255, 0.18);
-  --dim2-glow: rgba(91, 164, 255, 0.08);
-
-  --dim3-color: #2cda9b;
-  --dim3-bg: rgba(44, 218, 155, 0.12);
-  --dim3-icon-bg: rgba(44, 218, 155, 0.2);
-  --dim3-border: rgba(44, 218, 155, 0.18);
-  --dim3-glow: rgba(44, 218, 155, 0.08);
-
-  --dim4-color: #ffc020;
-  --dim4-bg: rgba(255, 192, 32, 0.12);
-  --dim4-icon-bg: rgba(255, 192, 32, 0.2);
-  --dim4-border: rgba(255, 192, 32, 0.18);
-  --dim4-glow: rgba(255, 192, 32, 0.08);
-
-  --dim5-color: #ff6c82;
-  --dim5-bg: rgba(255, 108, 130, 0.12);
-  --dim5-icon-bg: rgba(255, 108, 130, 0.2);
-  --dim5-border: rgba(255, 108, 130, 0.18);
-  --dim5-glow: rgba(255, 108, 130, 0.08);
-
-  --color-free: #2cda9b;
-  --color-free-bg: rgba(44, 218, 155, 0.12);
-  --color-pro: #ffc020;
-  --color-pro-bg: rgba(255, 192, 32, 0.12);
-  --color-vip: #ff6c82;
-  --color-vip-bg: rgba(255, 108, 130, 0.12);
-  --color-hot: #ff6c82;
-  --color-hot-bg: rgba(255, 108, 130, 0.15);
-  --color-new: #5ba4ff;
-  --color-new-bg: rgba(91, 164, 255, 0.15);
-  --color-pick: #a485ff;
-  --color-pick-bg: rgba(164, 133, 255, 0.15);
-
-  --glow-brand: 0 0 20px rgba(99, 102, 241, 0.1);
-  --glow-brand-strong: 0 0 30px rgba(99, 102, 241, 0.15);
-}
-
-/* 全局排版 */
+/* 小程序基础：浅色默认 */
 page {
+  @include theme-light-vars;
+
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
@@ -252,6 +89,19 @@ page {
   font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
 }
 
+/* H5：html 类切换主题（需覆盖 page 上的浅色定义，特异性更高） */
+/* #ifdef H5 */
+html.theme-light page { @include theme-light-vars; }
+html.theme-dark, html.theme-dark page { @include theme-dark-vars; }
+/* #endif */
+
+/* 小程序：跟随系统深色（需 manifest darkmode: true） */
+/* #ifdef MP-WEIXIN */
+@media (prefers-color-scheme: dark) {
+  page { @include theme-dark-vars; }
+}
+/* #endif */
+
 view {
   box-sizing: border-box;
 }
@@ -269,7 +119,6 @@ view {
   background: var(--bg-primary);
 }
 
-/* 页面副标题（统一） */
 .page-subtitle {
   display: block;
   font-size: 13px;
@@ -282,10 +131,8 @@ view {
   background: var(--glass-bg);
   border: 1px solid var(--glass-border);
   border-radius: var(--radius-lg);
-  backdrop-filter: blur(var(--blur-bg));
-  -webkit-backdrop-filter: blur(var(--blur-bg));
   box-shadow: var(--card-shadow, none);
-  transition: all var(--transition-normal);
+  transition: all 0.3s ease;
 }
 
 .gradient-brand {
@@ -298,4 +145,25 @@ view {
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }
-</style>
+
+/* 区块标题（统一） */
+.section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 24px 0 12px;
+
+  .section-title {
+    font-size: 16px;
+    font-weight: 700;
+    color: var(--text-primary);
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+  .section-more {
+    font-size: 12px;
+    color: var(--text-tertiary);
+  }
+}
+</style>