style(onboarding): 硬编码 AI 色板换令牌色（主色/琥珀/晨空蓝）

Author: Aparencia

client/src/components/onboarding/help/ModuleGuideTab.tsx

@@ -16,7 +16,7 @@ interface ModuleInfo {
 
 const MODULES: ModuleInfo[] = [
   {
-    color: 'bg-indigo-500',
+    color: 'bg-brand-500',
     name: '仪表盘',
     description: '学习数据的可视化中心，展示学习时长、效率趋势、模块使用分布等关键指标。',
     scenarios: '查看每日/周学习报告，了解学习进度与效率变化。',
@@ -44,19 +44,26 @@ const MODULES: ModuleInfo[] = [
     aiCapability: 'AI 自动从笔记生成记忆卡片，智能调整复习间隔。',
   },
   {
-    color: 'bg-cyan-500',
+    color: 'bg-cyber',
     name: '浮出水面（费曼）',
     description: '费曼学习法实践工具，用自己的话解释概念，发现知识盲区。',
     scenarios: '检验理解深度、考前自测、向他人讲解前准备。',
     aiCapability: 'AI 扮演听众，指出解释中的逻辑漏洞与遗漏。',
   },
   {
-    color: 'bg-purple-500',
+    color: 'bg-accent-500',
     name: '灵感',
     description: '灵感收集与知识关联网络，捕捉学习中的灵感瞬间，建立知识间联系。',
     scenarios: '头脑风暴、跨学科关联、创意记录。',
     aiCapability: 'AI 发现知识点间的隐含关联，推荐相关内容。',
   },
+  {
+    color: 'bg-lime-500',
+    name: '标准作业（SOP）',
+    description: '标准作业流程：把可复用的学习流程固化为模板，按步骤逐步执行并推进。',
+    scenarios: '固定学习流程（预习-听课-复习）、周复盘仪式、长任务拆解。',
+    aiCapability: 'AI 校验模板步骤完整性（lint），流程可导出/导入分享。',
+  },
 ];
 
 function ModuleCard({ module }: { module: ModuleInfo }) {

client/src/components/onboarding/help/QuickStartTab.tsx

@@ -7,12 +7,13 @@ import { Compass, RotateCw, MousePointerClick, ScrollText } from 'lucide-react';
 import { useOnboardingStore } from '../useOnboardingStore';
 
 const MODULES = [
-  { color: 'bg-indigo-500', name: '仪表盘', desc: '学习概览与数据统计' },
+  { color: 'bg-brand-500', name: '仪表盘', desc: '学习概览与数据统计' },
   { color: 'bg-rose-500', name: '深潜', desc: '番茄钟专注与休息提醒' },
   { color: 'bg-emerald-500', name: '结礁', desc: '学习笔记管理与富文本编辑' },
   { color: 'bg-amber-500', name: '反衰减呼吸', desc: '间隔重复记忆卡片' },
-  { color: 'bg-cyan-500', name: '浮出水面', desc: '费曼学习法输出练习' },
-  { color: 'bg-purple-500', name: '灵感', desc: '灵感收集与知识关联' },
+  { color: 'bg-amber', name: '浮出水面', desc: '费曼学习法输出练习' },
+  { color: 'bg-accent-500', name: '灵感', desc: '灵感收集与知识关联' },
+  { color: 'bg-lime-500', name: '标准作业', desc: 'SOP 流程模板与执行' },
 ];
 
 export function QuickStartTab() {
@@ -32,7 +33,7 @@ export function QuickStartTab() {
       {/* 3D 导航说明 */}
       <section>
         <h3 className="text-lg font-semibold text-white/90 mb-4 flex items-center gap-2">
-          <Compass className="w-5 h-5 text-indigo-400" />
+          <Compass className="w-5 h-5 text-brand-400" />
           3D 导航
         </h3>
         <div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
@@ -45,7 +46,7 @@ export function QuickStartTab() {
               key={item.label}
               className="flex items-start gap-3 p-3 rounded-xl bg-white/5 border border-white/10"
             >
-              <item.icon className="w-5 h-5 text-indigo-300 mt-0.5 shrink-0" />
+              <item.icon className="w-5 h-5 text-brand-300 mt-0.5 shrink-0" />
               <div>
                 <p className="text-sm font-medium text-white/80">{item.label}</p>
                 <p className="text-xs text-white/50">{item.desc}</p>
@@ -75,7 +76,7 @@ export function QuickStartTab() {
       <section className="pt-2">
         <button
           onClick={handleReplayGuide}
-          className="px-5 py-2.5 rounded-xl bg-indigo-500/20 hover:bg-indigo-500/30 border border-indigo-400/30 text-indigo-200 text-sm font-medium transition-colors"
+          className="px-5 py-2.5 rounded-xl bg-brand-500/20 hover:bg-brand-500/30 border border-brand-400/30 text-brand-200 text-sm font-medium transition-colors"
         >
           重新播放引导
         </button>

client/src/lib/3d/scenes/MobileNavGrid.tsx

@@ -8,21 +8,22 @@
  */
 import { useNavigate, useLocation } from 'react-router-dom';
 import { motion } from 'framer-motion';
-import { Timer, FileText, Layers, Lightbulb, Sparkles, Clapperboard, BarChart3, Orbit } from 'lucide-react';
+import { Timer, FileText, Layers, Lightbulb, Sparkles, Clapperboard, BarChart3, Orbit, ListChecks } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { soundPlayer } from '@/lib/audio/SoundPlayer';
 import { useIsNewbiePhase } from '@/features/onboarding/firstDive/useFirstDiveStore';
 import { getModuleSubtitle } from '@/features/onboarding/firstDive/moduleSubtitles';
 
 const modules = [
-  { id: 'dashboard', label: '首页', route: '/', icon: BarChart3, color: 'from-indigo-500/20 to-indigo-600/10', iconColor: 'text-indigo-400' },
+  { id: 'dashboard', label: '首页', route: '/', icon: BarChart3, color: 'from-brand-500/20 to-brand-600/10', iconColor: 'text-brand-400' },
   { id: 'pomodoro', label: '深潜', route: '/pomodoro', icon: Timer, color: 'from-orange-500/20 to-orange-600/10', iconColor: 'text-orange-400' },
-  { id: 'notes', label: '结礁', route: '/notes', icon: FileText, color: 'from-blue-500/20 to-blue-600/10', iconColor: 'text-blue-400' },
+  { id: 'notes', label: '结礁', route: '/notes', icon: FileText, color: 'from-accent-500/20 to-accent-600/10', iconColor: 'text-accent-400' },
   { id: 'flashcards', label: '闪卡', route: '/flashcards', icon: Layers, color: 'from-emerald-500/20 to-emerald-600/10', iconColor: 'text-emerald-400' },
-  { id: 'feynman', label: '费曼', route: '/feynman', icon: Lightbulb, color: 'from-violet-500/20 to-violet-600/10', iconColor: 'text-violet-400' },
+  { id: 'feynman', label: '费曼', route: '/feynman', icon: Lightbulb, color: 'from-amber/20 to-amber/10', iconColor: 'text-amber' },
   { id: 'inspiration', label: '萤火海沟', route: '/inspiration', icon: Sparkles, color: 'from-pink-500/20 to-pink-600/10', iconColor: 'text-pink-400' },
   { id: 'classroom', label: '回声定位', route: '/classroom', icon: Clapperboard, color: 'from-teal-500/20 to-teal-600/10', iconColor: 'text-teal-400' },
   { id: 'constellation', label: '星座大厅', route: '/constellation', icon: Orbit, color: 'from-amber-500/20 to-amber-600/10', iconColor: 'text-amber-400' },
+  { id: 'sop', label: '标准作业', route: '/sop', icon: ListChecks, color: 'from-lime-500/20 to-lime-600/10', iconColor: 'text-lime-400' },
 ];
 
 const containerVariants = {