style: AI 色类名残留清零完成 - KnowledgeGalaxy/CoralReefCalendar 归位

Author: Aparencia

client/src/components/ui/KnowledgeGalaxy.tsx

@@ -20,7 +20,7 @@ import { useReducedMotion } from '@/hooks/useReducedMotion';
 export interface StarPoint {
   id: string;
   title: string;
-  color: 'brand' | 'accent' | 'purple'; // 橙=独立闪卡、青=笔记关联、紫=费曼关联
+  color: 'brand' | 'accent' | 'purple'; // 橙=独立闪卡、青=笔记关联、琥珀=费曼关联
 }
 
 export interface KnowledgeGalaxyProps {
@@ -31,13 +31,13 @@ export interface KnowledgeGalaxyProps {
 const colorMap = {
   brand: 'bg-brand-400',
   accent: 'bg-accent-400',
-  purple: 'bg-purple-400',
+  purple: 'bg-amber',
 };
 
 const glowColorMap = {
   brand: '0 0 8px 2px rgba(251, 146, 60, 0.6)',
   accent: '0 0 8px 2px rgba(34, 211, 238, 0.6)',
-  purple: '0 0 8px 2px rgba(192, 132, 252, 0.6)',
+  purple: '0 0 8px 2px color-mix(in srgb, var(--kb-amber) 60%, transparent)',
 };
 
 /** 用确定性哈希为每个星点生成稳定的随机值 */

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

@@ -32,8 +32,8 @@ function getCoralStyle(checked: boolean, isToday: boolean) {
   if (isToday) {
     return {
       bg: 'bg-bg-tertiary/40',
-      glow: 'ring-1 ring-cyan-400/40 ring-offset-1 ring-offset-transparent',
-      text: 'text-cyan-300/80',
+      glow: 'ring-1 ring-cyber/40 ring-offset-1 ring-offset-transparent',
+      text: 'text-cyber/80',
     };
   }
   return {
@@ -51,14 +51,14 @@ export default function CoralReefCalendar({ days, month, year }: Props) {
 
   return (
     <motion.div
-      className="rounded-[var(--kb-radius-lg)] border border-cyan-400/15 bg-bg-elevated/30 backdrop-blur-sm p-3 overflow-hidden"
+      className="rounded-[var(--kb-radius-lg)] border border-cyber/15 bg-bg-elevated/30 backdrop-blur-sm p-3 overflow-hidden"
       whileHover={{ scale: 1.01 }}
       transition={{ duration: 0.4, ease: 'easeOut' }}
       aria-label={`${year}年${month + 1}月打卡日历`}
     >
       {/* 标题 */}
       <div className="flex items-center justify-between mb-2">
-        <h3 className="text-[10px] font-medium text-cyan-200/70">
+        <h3 className="text-[10px] font-medium text-cyber/70">
           {year}年{month + 1}月 珊瑚礁
         </h3>
         <span className="text-[9px] text-brand-400/60">
@@ -69,7 +69,7 @@ export default function CoralReefCalendar({ days, month, year }: Props) {
       {/* 星期头 */}
       <div className="grid grid-cols-7 gap-0.5 mb-1">
         {weeks.map((w) => (
-          <div key={w} className="text-center text-[7px] text-cyan-300/30 font-medium">{w}</div>
+          <div key={w} className="text-center text-[7px] text-cyber/30 font-medium">{w}</div>
         ))}
       </div>