style: 残留归位终极清理 - 幽灵令牌覆盖删除、3D/印章/标签色全面生物发光化

Author: Aparencia

client/src/components/onboarding/OnboardingCard.tsx

@@ -31,7 +31,7 @@ export function OnboardingCard({
       className={`
         backdrop-blur-2xl bg-white/10 dark:bg-black/30
         border border-white/20 ${rounded}
-        ${pulse ? 'ring-2 ring-indigo-400/50 animate-pulse' : ''}
+        ${pulse ? 'ring-2 ring-brand-400/50 animate-pulse' : ''}
         p-6 shadow-2xl
         ${className}
       `}

client/src/components/onboarding/onboardingConstants.ts

@@ -44,7 +44,7 @@ export const STEP_TEXTS = [
   // Step 5: Panorama
   {
     title: '全景总览',
-    description: '这是你的完整学习空间，包含 6 个功能模块。记住它们的位置，随时通过点击或快捷键进入。',
+    description: '这是你的完整学习空间，包含 7 个功能模块。记住它们的位置，随时通过点击或快捷键进入。',
   },
   // Step 6: Shortcuts
   {
@@ -64,12 +64,13 @@ export interface ModuleInfo {
 }
 
 export const MODULE_INFO: ModuleInfo[] = [
-  { id: 'dashboard', name: '首页', number: '①', color: '#6366F1', description: '数据仪表盘，总览学习进度与统计' },
-  { id: 'pomodoro', name: '深潜', number: '②', color: '#F97316', description: '番茄钟专注计时，沉浸式学习' },
-  { id: 'notes', name: '结礁', number: '③', color: '#3B82F6', description: '富文本笔记，知识结构化存储' },
-  { id: 'flashcards', name: '闪卡', number: '④', color: '#10B981', description: '间隔重复记忆卡片' },
-  { id: 'feynman', name: '反衰减呼吸', number: '⑤', color: '#8B5CF6', description: '费曼学习法，以教代学' },
-  { id: 'inspiration', name: '萤火海沟', number: '⑥', color: '#EC4899', description: '灵感收集与AI辅助思考' },
+  { id: 'dashboard', name: '首页', number: '①', color: '#40AB92', description: '数据仪表盘，总览学习进度与统计' },
+  { id: 'pomodoro', name: '深潜', number: '②', color: '#E8833A', description: '番茄钟专注计时，沉浸式学习' },
+  { id: 'notes', name: '结礁', number: '③', color: '#4A9BD9', description: '富文本笔记，知识结构化存储' },
+  { id: 'flashcards', name: '闪卡', number: '④', color: '#43C58B', description: '间隔重复记忆卡片' },
+  { id: 'feynman', name: '反衰减呼吸', number: '⑤', color: '#F0E3C8', description: '费曼学习法，以教代学' },
+  { id: 'inspiration', name: '萤火海沟', number: '⑥', color: '#E8B84B', description: '灵感收集与AI辅助思考' },
+  { id: 'sop', name: '标准作业', number: '⑦', color: '#B5D84E', description: '标准作业流程模板与执行' },
 ];
 
 /* ────────── 快捷键表格 ────────── */

client/src/features/constellation/pages/ConstellationPage.tsx

@@ -87,7 +87,7 @@ export default function ConstellationPage() {
         title="星座大厅"
         note="知识宇宙的多种打开方式"
         sealChar="座"
-        sealColor="#6366F1"
+        sealColor="#40AB92"
         compact
         className="mb-rhythm-sm"
       />

client/src/features/dashboard/components/DashboardWelcome.tsx

@@ -41,7 +41,7 @@ export function DashboardWelcome({ greetingText, streakDays, streakState }: Dash
 
         <motion.div className="mb-rhythm-md" {...fadeInUp}>
           <div className="flex items-start gap-3">
-            <ModuleRitualHeader sealChar="星" sealColor="#6366F1" compact />
+            <ModuleRitualHeader sealChar="星" sealColor="#40AB92" compact />
             <div>
               <h1 className="text-d2 font-semibold text-text-primary tracking-tight mb-2">
                 {greetingText}

client/src/features/dashboard/components/deep-sea/creatures/PearlGoal.tsx

@@ -33,12 +33,12 @@ export default function PearlGoal({ goals, loading }: Props) {
 
   return (
     <motion.div
-      className="rounded-[var(--kb-radius-lg)] border border-cyan-400/15 bg-bg-elevated/20 backdrop-blur-sm p-3"
+      className="rounded-[var(--kb-radius-lg)] border border-cyber/15 bg-bg-elevated/20 backdrop-blur-sm p-3"
       whileHover={{ scale: 1.01 }}
       transition={{ duration: 0.4, ease: 'easeOut' }}
       aria-label="目标进度"
     >
-      <h3 className="text-[10px] font-medium text-cyan-200/60 mb-3">深海珍珠 -- 本周目标</h3>
+      <h3 className="text-[10px] font-medium text-cyber/60 mb-3">深海珍珠 -- 本周目标</h3>
       <div className="flex items-end justify-around gap-3">
         {goals.map((goal, i) => {
           const ps = pearlStyle(goal.progressPercent);
@@ -73,7 +73,7 @@ export default function PearlGoal({ goals, loading }: Props) {
                 </span>
               </motion.div>
               {/* 标签 */}
-              <span className="text-[8px] text-cyan-200/50 text-center leading-tight max-w-[60px]">
+              <span className="text-[8px] text-cyber/50 text-center leading-tight max-w-[60px]">
                 {goal.title}
               </span>
               <span className="text-[7px] text-text-tertiary/40 tabular-nums">

client/src/features/dashboard/components/ritual/ClosingCeremony.tsx

@@ -105,15 +105,15 @@ export function ClosingCeremony({ goal, masteryMark, streakDays, durationMs, onC
       {/* D2 蔡格尼克悬念引擎：AI 回顾小问，制造未完成感 */}
       {suspenseQuestion && (
         <motion.div
-          className="w-full rounded-kb-lg border border-indigo-500/20 bg-indigo-500/5 px-4 py-3"
+          className="w-full rounded-kb-lg border border-brand-500/20 bg-brand-500/5 px-4 py-3"
           initial={{ opacity: 0, y: 6 }}
           animate={{ opacity: 1, y: 0 }}
           transition={{ delay: 0.3, duration: 0.5 }}
         >
           <div className="flex items-start gap-2">
-            <HelpCircle className="w-4 h-4 text-indigo-400 flex-shrink-0 mt-0.5" strokeWidth={1.5} />
+            <HelpCircle className="w-4 h-4 text-brand-400 flex-shrink-0 mt-0.5" strokeWidth={1.5} />
             <div className="flex flex-col gap-1">
-              <span className="text-[11px] text-indigo-400/70 font-medium tracking-wider uppercase">未解悬念</span>
+              <span className="text-[11px] text-brand-400/70 font-medium tracking-wider uppercase">未解悬念</span>
               <p className="text-sm text-text-primary leading-relaxed">{suspenseQuestion}</p>
               <p className="text-[11px] text-text-tertiary mt-0.5">
                 下次学习时回想一下这个问题，看看有没有新的理解

client/src/features/dashboard/components/views/TodayView.tsx

@@ -217,7 +217,7 @@ export function TodayView({
             title="知识预览"
             note="最近的学习足迹"
             sealChar="星"
-            sealColor="#6366F1"
+            sealColor="#40AB92"
             compact
           />
         </motion.div>

client/src/features/dashboard/pages/AnalyticsPage.tsx

@@ -343,7 +343,7 @@ function FlowChannelCard({ cells, insight }: { cells: import('../types/analytics
   return (
     <motion.div variants={cardVariants} className="rounded-[var(--kb-radius-xl)] border border-border/30 bg-bg-elevated/50 backdrop-blur-sm p-5">
       <h2 className="text-[13px] font-semibold text-text-primary mb-1 flex items-center gap-2">
-        <Waves className="w-4 h-4 text-cyan-500" strokeWidth={1.5} />
+        <Waves className="w-4 h-4 text-cyber" strokeWidth={1.5} />
         心流通道
         <span className="text-[10px] font-normal text-text-tertiary">挑战 × 能力匹配（近 30 天）</span>
       </h2>
@@ -378,7 +378,7 @@ function FlowChannelCard({ cells, insight }: { cells: import('../types/analytics
                     className={cn(
                       'flex h-[26px] flex-1 items-center justify-center rounded-[6px] text-[11px] font-medium tabular-nums transition-colors',
                       count === 0 && 'bg-bg-tertiary/15 text-text-tertiary/50',
-                      count > 0 && !isFlow && 'bg-cyan-500/15 text-cyan-400',
+                      count > 0 && !isFlow && 'bg-cyber/15 text-cyber',
                       count > 0 && isFlow && 'bg-emerald-500/25 text-emerald-300',
                     )}
                     style={count > 0 ? { opacity: 0.4 + ratio * 0.6 } : undefined}

client/src/features/feynman/components/DebatePanel.tsx

@@ -53,7 +53,7 @@ export default function DebatePanel({ topic, onClose }: DebatePanelProps) {
       {/* 头部 */}
       <div className="flex items-center justify-between px-4 py-3 border-b border-border/10">
         <div className="flex items-center gap-2">
-          <Swords className="w-4 h-4 text-violet-500" strokeWidth={1.5} />
+          <Swords className="w-4 h-4 text-cyber" strokeWidth={1.5} />
           <span className="text-[13px] font-semibold text-text-primary">AI 辩论对手</span>
           {isFallback && (
             <span className="rounded-full bg-amber-500/10 px-2 py-0.5 text-[10px] text-amber-400">降级</span>
@@ -67,7 +67,7 @@ export default function DebatePanel({ topic, onClose }: DebatePanelProps) {
       {/* 内容 */}
       <div className="flex-1 overflow-y-auto p-4 space-y-4">
         {/* 主题展示 */}
-        <div className="rounded-xl bg-violet-500/5 border border-violet-500/15 p-3">
+        <div className="rounded-xl bg-cyber/5 border border-cyber/15 p-3">
           <p className="text-[12px] text-text-tertiary mb-1">辩论主题</p>
           <p className="text-[14px] font-medium text-text-primary">{topic}</p>
         </div>
@@ -84,7 +84,7 @@ export default function DebatePanel({ topic, onClose }: DebatePanelProps) {
                   className={cn(
                     'rounded-xl border p-3 text-left transition-all',
                     debateType === dt.value
-                      ? 'border-violet-500/40 bg-violet-500/10'
+                      ? 'border-cyber/40 bg-cyber/10'
                       : 'border-border/20 bg-bg-elevated/30 hover:border-border/40',
                   )}
                 >
@@ -95,7 +95,7 @@ export default function DebatePanel({ topic, onClose }: DebatePanelProps) {
             </div>
             <button
               onClick={handleStartDebate}
-              className="w-full py-2.5 rounded-xl bg-violet-500 text-white text-[13px] font-medium hover:bg-violet-600 transition-colors"
+              className="w-full py-2.5 rounded-xl bg-cyber text-text-inverse text-[13px] font-medium hover:bg-cyber/90 transition-colors"
             >
               开始辩论
             </button>
@@ -133,16 +133,16 @@ export default function DebatePanel({ topic, onClose }: DebatePanelProps) {
                   className="space-y-2"
                 >
                   <div className="flex items-center gap-2">
-                    <span className="rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] text-violet-500 font-medium">
+                    <span className="rounded-full bg-cyber/10 px-2 py-0.5 text-[10px] text-cyber font-medium">
                       第 {round.roundNumber} 轮
                     </span>
                     {round.score !== undefined && (
                       <span className="text-[10px] text-text-tertiary">得分：{round.score}</span>
                     )}
                   </div>
                   {/* AI 论点 */}
-                  <div className="rounded-xl bg-violet-500/5 border border-violet-500/15 p-3">
-                    <p className="text-[11px] text-violet-500 font-medium mb-1">AI 论点</p>
+                  <div className="rounded-xl bg-cyber/5 border border-cyber/15 p-3">
+                    <p className="text-[11px] text-cyber font-medium mb-1">AI 论点</p>
                     <p className="text-[13px] text-text-primary leading-relaxed">{round.aiArgument}</p>
                   </div>
                   {/* 用户反驳 */}
@@ -165,7 +165,7 @@ export default function DebatePanel({ topic, onClose }: DebatePanelProps) {
 
             {loading && (
               <div className="flex items-center gap-2 text-text-tertiary py-2">
-                <div className="w-2 h-2 rounded-full bg-violet-500 animate-pulse" />
+                <div className="w-2 h-2 rounded-full bg-cyber animate-pulse" />
                 <span className="text-[12px]">AI 正在思考论点...</span>
               </div>
             )}
@@ -176,7 +176,7 @@ export default function DebatePanel({ topic, onClose }: DebatePanelProps) {
       {/* 输入区 */}
       {debateStarted && (
         <div className="border-t border-border/10 p-3">
-          <div className="flex items-end gap-2 rounded-xl border border-border/20 bg-bg-elevated/50 p-2 focus-within:border-violet-400/50 transition-colors">
+          <div className="flex items-end gap-2 rounded-xl border border-border/20 bg-bg-elevated/50 p-2 focus-within:border-cyber/50 transition-colors">
             <textarea
               value={userInput}
               onChange={e => setUserInput(e.target.value)}
@@ -191,7 +191,7 @@ export default function DebatePanel({ topic, onClose }: DebatePanelProps) {
               className={cn(
                 'p-2 rounded-lg transition-all',
                 userInput.trim() && !loading
-                  ? 'bg-violet-500 text-white hover:bg-violet-600'
+                  ? 'bg-cyber text-text-inverse hover:bg-cyber/90'
                   : 'bg-bg-tertiary text-text-tertiary cursor-not-allowed',
               )}
             >

client/src/features/feynman/hooks/useSocraticFlow.tsx

@@ -29,7 +29,7 @@ const DEFAULT_DEEPENING_ANGLES: DeepeningAngle[] = [
   { key: 'analogy', label: '类比联想', question: '这个概念像什么？能用生活中什么东西来比喻？', icon: null, color: 'text-blue-500 bg-blue-500/10' },
   { key: 'counter', label: '反例验证', question: '什么情况下这个概念不成立？有例外吗？', icon: null, color: 'text-amber-600 bg-amber-500/10 dark:text-amber-400' },
   { key: 'apply', label: '实际应用', question: '在实际生活或工作中，这个概念怎么用？', icon: null, color: 'text-emerald-600 bg-emerald-500/10 dark:text-emerald-400' },
-  { key: 'history', label: '历史脉络', question: '这个概念是怎么来的？谁发现的？为什么？', icon: null, color: 'text-cyan-600 bg-cyan-500/10 dark:text-cyan-400' },
+  { key: 'history', label: '历史脉络', question: '这个概念是怎么来的？谁发现的？为什么？', icon: null, color: 'text-cyber bg-cyber/10 dark:text-cyber' },
   { key: 'debate', label: '争议反思', question: '关于这个概念，有什么不同的看法或争论？', icon: null, color: 'text-orange-600 bg-orange-500/10 dark:text-orange-400' },
 ];
 
@@ -51,7 +51,7 @@ const FALLBACK_COLORS = [
   'text-blue-500 bg-blue-500/10',
   'text-amber-600 bg-amber-500/10 dark:text-amber-400',
   'text-emerald-600 bg-emerald-500/10 dark:text-emerald-400',
-  'text-cyan-600 bg-cyan-500/10 dark:text-cyan-400',
+  'text-cyber bg-cyber/10 dark:text-cyber',
   'text-orange-600 bg-orange-500/10 dark:text-orange-400',
 ];