style: 残留归位最终收尾 - 全部 AI 色类名换令牌类

Author: Aparencia

client/src/features/assistant/components/BedtimeRoutine.tsx

@@ -85,7 +85,7 @@ export function BedtimeRoutine({ open, onClose, topDeckId }: Props) {
             exit={{ opacity: 0, y: -12 }}
             transition={{ duration: 0.4 }}
           >
-            <div className="flex items-center gap-2 text-indigo-400">
+            <div className="flex items-center gap-2 text-brand-400">
               <Moon className="w-5 h-5" strokeWidth={1.5} />
               <span className="text-b1 font-semibold text-text-primary">睡前仪式 · 第一步</span>
             </div>
@@ -123,7 +123,7 @@ export function BedtimeRoutine({ open, onClose, topDeckId }: Props) {
             exit={{ opacity: 0, y: -12 }}
             transition={{ duration: 0.4 }}
           >
-            <div className="flex items-center gap-2 text-indigo-400">
+            <div className="flex items-center gap-2 text-brand-400">
               <Check className="w-5 h-5" strokeWidth={1.5} />
               <span className="text-b1 font-semibold text-text-primary">睡前仪式 · 完成</span>
             </div>

client/src/features/classroom/components/SessionQAPanel.tsx

@@ -99,7 +99,7 @@ export default function SessionQAPanel({ transcript, className }: SessionQAPanel
             <div className="px-4 py-3">
               <div className="mb-2 flex items-center justify-between">
                 <h3 className="flex items-center gap-2 text-b3 font-semibold text-text-primary">
-                  <MessageCircleQuestion className="w-4 h-4 text-cyan-500" strokeWidth={1.5} />
+                  <MessageCircleQuestion className="w-4 h-4 text-cyber" strokeWidth={1.5} />
                   问这节课
                 </h3>
                 <button
@@ -117,7 +117,7 @@ export default function SessionQAPanel({ transcript, className }: SessionQAPanel
                   onChange={(e) => setQuestion(e.target.value)}
                   onKeyDown={(e) => { if (e.key === 'Enter') void handleAsk(); }}
                   placeholder="例如：老师刚才讲的那个定理怎么推导的？"
-                  className="min-w-0 flex-1 rounded-kb-lg border border-border/30 bg-bg-elevated/40 px-3 py-2 text-b3 text-text-primary placeholder:text-text-tertiary focus:border-cyan-400/50 focus:outline-none"
+                  className="min-w-0 flex-1 rounded-kb-lg border border-border/30 bg-bg-elevated/40 px-3 py-2 text-b3 text-text-primary placeholder:text-text-tertiary focus:border-cyber/50 focus:outline-none"
                   aria-label="课堂问题输入"
                 />
                 <button
@@ -126,7 +126,7 @@ export default function SessionQAPanel({ transcript, className }: SessionQAPanel
                   className={cn(
                     'flex items-center gap-1.5 rounded-kb-lg px-3 py-2 text-b3 font-medium transition-all active:scale-95',
                     canAsk
-                      ? 'bg-cyan-600 text-white hover:bg-cyan-500'
+                      ? 'bg-cyber text-text-inverse hover:bg-cyber/90'
                       : 'bg-bg-tertiary/40 text-text-tertiary cursor-not-allowed',
                   )}
                   aria-label="提问"
@@ -141,15 +141,15 @@ export default function SessionQAPanel({ transcript, className }: SessionQAPanel
                 <motion.div
                   initial={{ opacity: 0, y: 8 }}
                   animate={{ opacity: 1, y: 0 }}
-                  className="mt-3 rounded-kb-lg border border-cyan-500/15 bg-cyan-500/[0.04] p-3"
+                  className="mt-3 rounded-kb-lg border border-cyber/15 bg-cyber/[0.04] p-3"
                 >
                   <p className="text-b3 text-text-primary leading-relaxed">{answer}</p>
                   {references.length > 0 && (
                     <ul className="mt-2 space-y-1 border-t border-border/20 pt-2">
                       {references.map((ref, i) => (
                         <li key={i} className="flex items-start gap-1.5 text-c1 text-text-tertiary">
-                          <Quote className="mt-0.5 w-3 h-3 flex-shrink-0 text-cyan-500/60" strokeWidth={1.5} />
-                          <span className="tabular-nums text-cyan-500/80">{ref.time}</span>
+                          <Quote className="mt-0.5 w-3 h-3 flex-shrink-0 text-cyber/60" strokeWidth={1.5} />
+                          <span className="tabular-nums text-cyber/80">{ref.time}</span>
                           <span className="line-clamp-2">{ref.text}</span>
                         </li>
                       ))}

client/src/features/inbox/types.ts

@@ -21,9 +21,9 @@ export interface InboxItem {
 
 /** 来源元信息（UI 徽章与筛选共用） */
 export const SOURCE_META: Record<InboxItem['source'], { label: string; badge: string }> = {
-  clipboard: { label: '剪贴板', badge: 'bg-cyan-500/15 text-cyan-400' },
+  clipboard: { label: '剪贴板', badge: 'bg-cyber/15 text-cyber' },
   inspiration: { label: '灵感', badge: 'bg-amber-500/15 text-amber-400' },
-  import: { label: '导入', badge: 'bg-violet-500/15 text-violet-400' },
+  import: { label: '导入', badge: 'bg-cyber/15 text-cyber' },
 };
 
 /** 状态元信息 */

client/src/features/planner/types.ts

@@ -43,6 +43,6 @@ export const PLAN_MODULE_META: Record<PlanModule, { label: string; route: string
   pomodoro:    { label: '深潜',       route: '/pomodoro',    badge: 'bg-orange-500/15 text-orange-400' },
   notes:       { label: '结礁',       route: '/notes',       badge: 'bg-blue-500/15 text-blue-400' },
   flashcards:  { label: '呼吸',       route: '/flashcards',  badge: 'bg-emerald-500/15 text-emerald-400' },
-  feynman:     { label: '浮出水面',   route: '/feynman',     badge: 'bg-violet-500/15 text-violet-400' },
-  inspiration: { label: '灵感',       route: '/inspiration', badge: 'bg-pink-500/15 text-pink-400' },
+  feynman:     { label: '浮出水面',   route: '/feynman',     badge: 'bg-cyber/15 text-cyber' },
+  inspiration: { label: '灵感',       route: '/inspiration', badge: 'bg-amber/15 text-amber' },
 };

client/src/features/retention/components/DepthMeter.tsx

@@ -38,7 +38,7 @@ export function DepthMeter() {
           累计深度
         </span>
         {/* 浅色模式使用深蓝青色，保证在白底上可读 */}
-        <span className="text-sm font-semibold text-cyan-600 dark:text-cyan-300">{depthLabel}</span>
+        <span className="text-sm font-semibold text-cyber dark:text-cyber">{depthLabel}</span>
       </div>
 
       {/* 当前分层 / Current zone —— 浅色模式文字颜色加深 */}

client/src/features/retention/components/LearningProfile.tsx

@@ -53,7 +53,7 @@ export function LearningProfile({
           {unlockedTags.map((tag) => (
             <span
               key={tag.key}
-              className="px-2 py-0.5 rounded-full text-[10px] font-medium bg-cyan-100 dark:bg-cyan-400/10 text-cyan-700 dark:text-cyan-300 border border-cyan-200 dark:border-cyan-300/20"
+              className="px-2 py-0.5 rounded-full text-[10px] font-medium bg-cyber/10 text-cyber border-cyber/30"
               title={tag.description}
             >
               {tag.title}
@@ -75,14 +75,14 @@ export function LearningProfile({
                 'flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg text-[11px] font-medium transition-colors',
                 /* 浅色模式在线时使用更深紫色，确保白底可读 */
                 isOnline
-                  ? 'text-violet-600 dark:text-violet-300 bg-violet-100 dark:bg-violet-400/10 hover:bg-violet-200 dark:hover:bg-violet-400/20'
+                  ? 'text-cyber dark:text-cyber bg-cyber dark:bg-cyber/10 hover:bg-cyber dark:hover:bg-cyber/20'
                   : 'text-gray-400 dark:text-white/30 bg-gray-100 dark:bg-white/5 cursor-not-allowed',
               )}
               title={isOnline ? 'AI 深度分析' : '需要网络连接'}
             >
               {aiLoading ? (
                 /* 加载动画边框颜色在浅色模式下使用深紫 */
-                <span className="w-3 h-3 border border-violet-400/50 dark:border-violet-300/50 border-t-violet-600 dark:border-t-violet-300 rounded-full animate-spin" />
+                <span className="w-3 h-3 border border-cyber/50 dark:border-cyber/50 border-t-cyber dark:border-t-cyber rounded-full animate-spin" />
               ) : isOnline ? (
                 <Sparkles className="w-3 h-3" />
               ) : (

client/src/features/retention/components/SocialProofBanner.tsx

@@ -37,7 +37,7 @@ export default function SocialProofBanner() {
       transition={{ duration: 0.5, delay: 0.35 }}
       className="mt-rhythm-md inline-flex items-center gap-2 rounded-kb-full border border-border/15 bg-bg-elevated/30 px-4 py-1.5 backdrop-blur-sm"
     >
-      <Waves className="w-3.5 h-3.5 text-cyan-400/80" strokeWidth={1.5} />
+      <Waves className="w-3.5 h-3.5 text-cyber/80" strokeWidth={1.5} />
       <span className="text-c1 text-text-tertiary">
         今日 <span className="text-text-secondary font-medium">{stats.activeUsers}</span> 位潜航员在学，累计
         <span className="text-text-secondary font-medium"> {minutes}</span> · 你也在这片海里

client/src/features/retention/components/StreakBubble.tsx

@@ -79,7 +79,7 @@ export function StreakBubble({ streakState }: StreakBubbleProps) {
                   <div
                     className={cn(
                       'w-5 h-5 rounded-full flex items-center justify-center text-[9px]',
-                      day.isActive && 'bg-cyan-400/30 text-cyan-200 shadow-[0_0_6px_rgba(34,211,238,0.3)]',
+                      day.isActive && 'bg-cyber/30 text-cyber shadow-[0_0_6px_rgba(74,155,217,0.3)]',
                       day.isRestDay && !day.isActive && 'bg-blue-400/10 text-blue-300/50 border border-blue-300/20 border-dashed',
                       !day.isActive && !day.isRestDay && 'bg-white/5 text-white/20',
                       day.isToday && 'ring-1 ring-white/30',

client/src/features/settling/pages/SettlingPage.tsx

@@ -137,8 +137,8 @@ export default function SettlingPage() {
   const updateConcept = (i: number, patch: Partial<ConceptCandidate>) =>
     setConcepts((cs) => cs.map((c, j) => (j === i ? { ...c, ...patch } : c)));
 
-  const cardInput = 'w-full rounded-md border border-white/10 bg-white/5 px-3 py-2 text-sm text-slate-200 placeholder-slate-500 outline-none focus:border-cyan-400/60';
-  const primaryBtn = 'rounded-md bg-cyan-500/20 px-5 py-2 text-sm text-cyan-200 hover:bg-cyan-500/30';
+  const cardInput = 'w-full rounded-md border border-white/10 bg-white/5 px-3 py-2 text-sm text-slate-200 placeholder-slate-500 outline-none focus:border-cyber/60';
+  const primaryBtn = 'rounded-md bg-cyber/20 px-5 py-2 text-sm text-cyber hover:bg-cyber/30';
   const ghostBtn = 'rounded-md px-4 py-2 text-sm text-slate-400 hover:text-slate-200';
 
   /** 概念卡编辑（AI 候选可改可删可增） / Editable concept cards */
@@ -164,7 +164,7 @@ export default function SettlingPage() {
         </div>
       ))}
       <button onClick={() => setConcepts((cs) => [...cs, emptyConcept()])}
-        className="rounded-md border border-dashed border-white/15 py-2 text-sm text-slate-400 hover:border-cyan-400/50 hover:text-cyan-300">
+        className="rounded-md border border-dashed border-white/15 py-2 text-sm text-slate-400 hover:border-cyber/50 hover:text-cyber">
         ＋ 添加概念
       </button>
     </div>
@@ -175,7 +175,7 @@ export default function SettlingPage() {
       <div className="flex gap-2">
         {SOURCE_TABS.map((t) => (
           <button key={t.id} onClick={() => { setTab(t.id); setError(null); }}
-            className={`rounded-full px-4 py-1.5 text-sm transition-colors ${tab === t.id ? 'bg-cyan-500/20 text-cyan-300' : 'text-slate-400 hover:bg-white/5 hover:text-slate-200'}`}>
+            className={`rounded-full px-4 py-1.5 text-sm transition-colors ${tab === t.id ? 'bg-cyber/20 text-cyber' : 'text-slate-400 hover:bg-white/5 hover:text-slate-200'}`}>
             {t.label}
           </button>
         ))}
@@ -192,7 +192,7 @@ export default function SettlingPage() {
       {tab === 'pdf' && (
         <div onDragOver={(e) => { e.preventDefault(); setIsDragging(true); }}
           onDragLeave={() => setIsDragging(false)} onDrop={handleDropPdf}
-          className={`flex flex-col items-center justify-center gap-3 rounded-lg border border-dashed px-6 py-14 text-center transition-colors ${isDragging ? 'border-cyan-400/70 bg-cyan-500/10' : 'border-white/15 bg-white/[0.02]'}`}>
+          className={`flex flex-col items-center justify-center gap-3 rounded-lg border border-dashed px-6 py-14 text-center transition-colors ${isDragging ? 'border-cyber/70 bg-cyber/10' : 'border-white/15 bg-white/[0.02]'}`}>
           <p className="text-sm text-slate-300">拖拽 PDF 到此处，或</p>
           <button onClick={handlePickPdf} className={primaryBtn}>选择 PDF 文件</button>
           <p className="text-xs text-slate-500">仅提取文本层；图片型扫描件可手动粘贴内容</p>
@@ -228,7 +228,7 @@ export default function SettlingPage() {
       <div className="mt-2 flex justify-end gap-3">
         <button onClick={() => setStep('source')} className={ghostBtn}>返回</button>
         <button onClick={handleSettle} disabled={concepts.length === 0 || isSettling}
-          className="rounded-md bg-cyan-500/25 px-6 py-2 text-sm text-cyan-100 hover:bg-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-40">
+          className="rounded-md bg-cyber/25 px-6 py-2 text-sm text-cyber hover:bg-cyber/40 disabled:cursor-not-allowed disabled:opacity-40">
           {isSettling ? '正在安放…' : '安放入世界'}
         </button>
       </div>

client/src/features/sop/pages/SopListPage.tsx

@@ -23,7 +23,7 @@ import type { SopRunRow, SopTemplate } from '../types';
 
 const RUN_STATUS_META: Record<SopRunRow['status'], { label: string; cls: string }> = {
   running: { label: '进行中', cls: 'bg-emerald-500/15 text-emerald-400' },
-  awaiting_module: { label: '模块中', cls: 'bg-violet-500/15 text-violet-400' },
+  awaiting_module: { label: '模块中', cls: 'bg-cyber/15 text-cyber' },
   completed: { label: '已完成', cls: 'bg-blue-500/15 text-blue-400' },
   aborted: { label: '已中止', cls: 'bg-rose-500/15 text-rose-400' },
 };