style: rgba 旧色清零 - 全部辉光/渐变归位生物发光光谱

Author: Aparencia

client/src/components/ui/KnowledgeGalaxy.tsx

@@ -36,7 +36,7 @@ const colorMap = {
 
 const glowColorMap = {
   brand: '0 0 8px 2px rgba(251, 146, 60, 0.6)',
-  accent: '0 0 8px 2px rgba(34, 211, 238, 0.6)',
+  accent: '0 0 8px 2px rgba(111, 180, 232, 0.6)',
   purple: '0 0 8px 2px color-mix(in srgb, var(--kb-amber) 60%, transparent)',
 };
 

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

@@ -26,10 +26,10 @@ interface DashboardCardProps {
 
 const ACCENT_GLOW: Record<NonNullable<DashboardCardProps['accent']>, string> = {
   pomodoro: 'hover:shadow-[0_0_24px_-6px_rgba(249,115,22,0.45)]',
-  note: 'hover:shadow-[0_0_24px_-6px_rgba(59,130,246,0.45)]',
+  note: 'hover:shadow-[0_0_24px_-6px_rgba(74,155,217,0.45)]',
   flashcard: 'hover:shadow-[0_0_24px_-6px_rgba(16,185,129,0.45)]',
-  feynman: 'hover:shadow-[0_0_24px_-6px_rgba(139,92,246,0.45)]',
-  brand: 'hover:shadow-[0_0_24px_-6px_rgba(99,102,241,0.45)]',
+  feynman: 'hover:shadow-[0_0_24px_-6px_rgba(74,155,217,0.45)]',
+  brand: 'hover:shadow-[0_0_24px_-6px_rgba(64,171,146,0.45)]',
   default: 'hover:shadow-[0_0_24px_-6px_rgba(255,255,255,0.25)]',
 };
 

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

@@ -93,7 +93,7 @@ export default function BubbleStreak({ streakDays, todayChecked, loading }: Prop
       </div>
 
       {/* 有色弥散阴影 */}
-      <div className="absolute inset-0 pointer-events-none rounded-[var(--kb-radius-lg)] shadow-[inset_0_0_30px_rgba(34,211,238,0.03)]" />
+      <div className="absolute inset-0 pointer-events-none rounded-[var(--kb-radius-lg)] shadow-[inset_0_0_30px_rgba(111,180,232,0.03)]" />
     </motion.div>
   );
 }

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

@@ -25,8 +25,8 @@ function Jellyfish() {
       <defs>
         <radialGradient id="jelly-bell" cx="50%" cy="40%" r="60%">
           <stop offset="0%" stopColor="rgba(99,179,237,0.55)" />
-          <stop offset="70%" stopColor="rgba(59,130,246,0.28)" />
-          <stop offset="100%" stopColor="rgba(59,130,246,0.05)" />
+          <stop offset="70%" stopColor="rgba(74,155,217,0.28)" />
+          <stop offset="100%" stopColor="rgba(74,155,217,0.05)" />
         </radialGradient>
       </defs>
       {/* 外层光晕 */}
@@ -55,8 +55,8 @@ function AuroraBand() {
     <svg viewBox="0 0 176 176" className="w-full h-full" style={breathStyle} aria-hidden>
       <defs>
         <linearGradient id="aurora-grad" x1="0%" y1="0%" x2="100%" y2="0%">
-          <stop offset="0%" stopColor="rgba(129,140,248,0.05)" />
-          <stop offset="40%" stopColor="rgba(129,140,248,0.45)" />
+          <stop offset="0%" stopColor="rgba(111,180,232,0.05)" />
+          <stop offset="40%" stopColor="rgba(111,180,232,0.45)" />
           <stop offset="60%" stopColor="rgba(52,211,153,0.4)" />
           <stop offset="100%" stopColor="rgba(52,211,153,0.05)" />
         </linearGradient>

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

@@ -126,7 +126,7 @@ export function ClosingCeremony({ goal, masteryMark, streakDays, durationMs, onC
       <button
         type="button"
         onClick={onClose}
-        className="flex items-center gap-1.5 px-5 py-2.5 rounded-kb-full bg-focus text-white text-sm font-medium hover:bg-focus/90 active:scale-95 transition-all duration-200 shadow-[0_0_12px_rgba(59,130,246,0.35)]"
+        className="flex items-center gap-1.5 px-5 py-2.5 rounded-kb-full bg-focus text-white text-sm font-medium hover:bg-focus/90 active:scale-95 transition-all duration-200 shadow-[0_0_12px_rgba(74,155,217,0.35)]"
       >
         <Sparkles className="w-4 h-4" strokeWidth={2} />
         开始学习

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

@@ -81,7 +81,7 @@ export function RitualComplete({ goal, masteryMark, streakDays, onEnter }: Props
       <button
         type="button"
         onClick={onEnter}
-        className="flex items-center gap-1.5 px-5 py-2.5 rounded-kb-full bg-focus text-white text-sm font-medium hover:bg-focus/90 active:scale-95 transition-all duration-200 shadow-[0_0_12px_rgba(59,130,246,0.35)]"
+        className="flex items-center gap-1.5 px-5 py-2.5 rounded-kb-full bg-focus text-white text-sm font-medium hover:bg-focus/90 active:scale-95 transition-all duration-200 shadow-[0_0_12px_rgba(74,155,217,0.35)]"
       >
         <Sparkles className="w-4 h-4" strokeWidth={2} />
         进入学习

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

@@ -49,7 +49,7 @@ export function RitualFooter({ totalSteps, stepIndex, isLast, cycleLit, requireC
           'text-white transition-all duration-500 active:scale-95',
           dimmed
             ? 'bg-focus/40 animate-breathe' // 首圈未满：半透明呼吸态（仍可点击）
-            : 'bg-focus hover:bg-focus/90 shadow-[0_0_12px_rgba(59,130,246,0.35)]',
+            : 'bg-focus hover:bg-focus/90 shadow-[0_0_12px_rgba(74,155,217,0.35)]',
         )}
       >
         {isLast ? '开始学习' : '下一步'}

client/src/features/dashboard/styles/dashboard-nebula.css

@@ -8,19 +8,19 @@
 /* ── 双主题变量 ── */
 :root {
   /* 浅色 · 晨曦星云：淡蓝/金 */
-  --kb-nebula-core-a: rgba(59, 130, 246, 0.06);
+  --kb-nebula-core-a: rgba(74, 155, 217, 0.06);
   --kb-nebula-core-b: rgba(245, 158, 11, 0.05);
-  --kb-nebula-core-c: rgba(6, 182, 212, 0.04);
-  --kb-nebula-star: rgba(59, 130, 246, 0.35);
+  --kb-nebula-core-c: rgba(74, 155, 217, 0.04);
+  --kb-nebula-star: rgba(74, 155, 217, 0.35);
   --kb-nebula-star-soft: rgba(255, 255, 255, 0.5);
 }
 
 [data-theme="dark"] {
   /* 深色 · 深空星云：靛蓝/赛博青 */
-  --kb-nebula-core-a: rgba(99, 102, 241, 0.08);
-  --kb-nebula-core-b: rgba(6, 182, 212, 0.06);
-  --kb-nebula-core-c: rgba(139, 92, 246, 0.04);
-  --kb-nebula-star: rgba(99, 102, 241, 0.4);
+  --kb-nebula-core-a: rgba(64, 171, 146, 0.08);
+  --kb-nebula-core-b: rgba(74, 155, 217, 0.06);
+  --kb-nebula-core-c: rgba(232, 184, 75, 0.04);
+  --kb-nebula-star: rgba(64, 171, 146, 0.4);
   --kb-nebula-star-soft: rgba(255, 255, 255, 0.35);
 }
 

client/src/features/dashboard/styles/dashboard.css

@@ -90,9 +90,9 @@
   inset: 0;
   pointer-events: none;
   background:
-    radial-gradient(ellipse 420px 260px at 18% 82%, rgba(99, 102, 241, 0.10), transparent 70%),
+    radial-gradient(ellipse 420px 260px at 18% 82%, rgba(64, 171, 146, 0.10), transparent 70%),
     radial-gradient(ellipse 360px 220px at 72% 78%, rgba(20, 184, 166, 0.08), transparent 70%),
-    radial-gradient(ellipse 300px 200px at 88% 60%, rgba(139, 92, 246, 0.07), transparent 70%),
+    radial-gradient(ellipse 300px 200px at 88% 60%, rgba(232, 184, 75, 0.07), transparent 70%),
     radial-gradient(ellipse 260px 180px at 8% 55%, rgba(56, 189, 248, 0.06), transparent 70%);
   animation: kb-seafloor-drift 26s ease-in-out infinite alternate;
   will-change: transform;

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

@@ -223,7 +223,7 @@ export default function SocraticDialogue({
           className={cn(
             'flex items-end gap-2 p-3 rounded-2xl',
             'border border-border/40 bg-bg-elevated/80 backdrop-blur-sm',
-            'focus-within:border-brand-400/50 focus-within:shadow-[0_0_16px_rgba(59,130,246,0.08)]',
+            'focus-within:border-brand-400/50 focus-within:shadow-[0_0_16px_rgba(74,155,217,0.08)]',
             'transition-all duration-300',
           )}
           initial={{ opacity: 0, y: 10 }}