style(inspiration): 紫青渐变退役，AI 按钮统一磷光蓝渐变

Author: Aparencia

client/src/features/inspiration/components/InspirationCard.tsx

@@ -104,7 +104,7 @@ function OrbCollapsed({ item, batchMode, selected, onToggleSelect, onExpand, bre
             type="checkbox"
             checked={selected}
             onChange={() => {}}
-            className="w-3.5 h-3.5 rounded accent-purple-500 cursor-pointer"
+            className="w-3.5 h-3.5 rounded accent-brand-500 cursor-pointer"
           />
         </div>
       )}
@@ -187,7 +187,7 @@ function OrbExpanded({ item, onClose }: OrbExpandedProps) {
             onClick={handleSort} disabled={sortLoading}
             className={cn(
               'flex items-center gap-1 px-2 py-0.5 rounded-kb-md text-xs font-medium',
-              'bg-gradient-to-r from-purple-500 to-cyan-500 text-text-inverse',
+              'bg-gradient-to-r from-cyber to-brand-500 text-text-inverse',
               'disabled:opacity-60 disabled:cursor-not-allowed',
             )}
           >

client/src/features/inspiration/components/PulseAnimation.tsx

@@ -26,7 +26,7 @@ interface PulseAnimationProps {
 /** 圆环颜色插值：赛博青 → 琥珀 */
 function ringColor(index: number, total: number): string {
   const t = total <= 1 ? 0 : index / (total - 1);
-  // 青: rgba(34, 211, 238, 0.6)  →  琥珀: rgba(245, 158, 11, 0.4)
+  // 青: rgba(74, 155, 217, 0.6)  →  琥珀: rgba(245, 158, 11, 0.4)
   const r = Math.round(34 + (245 - 34) * t);
   const g = Math.round(211 + (158 - 211) * t);
   const b = Math.round(238 + (11 - 238) * t);
@@ -72,7 +72,7 @@ function ReducedMotion({ clickPoint }: { clickPoint: { x: number; y: number } })
           height: PULSE_RING_SIZE * 2,
           transform: 'translate(-50%, -50%)',
           borderRadius: '50%',
-          background: 'radial-gradient(circle, rgba(34,211,238,0.25) 0%, transparent 70%)',
+          background: 'radial-gradient(circle, rgba(74,155,217,0.25) 0%, transparent 70%)',
           animation: 'fadeIn 0.4s ease-out forwards',
         }}
       />
@@ -160,7 +160,7 @@ function PulseAnimation({
               height: 40,
               transform: 'translate(-50%, -50%)',
               borderRadius: '50%',
-              background: 'radial-gradient(circle, rgba(34, 211, 238, 0.15) 0%, transparent 70%)',
+              background: 'radial-gradient(circle, rgba(74, 155, 217, 0.15) 0%, transparent 70%)',
               pointerEvents: 'none',
             }}
           />
@@ -172,7 +172,7 @@ function PulseAnimation({
               top: clickPoint.y,
               width: 16,
               height: 16,
-              background: 'radial-gradient(circle, rgba(34, 211, 238, 0.9) 0%, rgba(34, 211, 238, 0.3) 70%)',
+              background: 'radial-gradient(circle, rgba(74, 155, 217, 0.9) 0%, rgba(74, 155, 217, 0.3) 70%)',
             }}
           />
         </>
@@ -187,7 +187,7 @@ function PulseAnimation({
             top: clickPoint.y,
             width: 60,
             height: 60,
-            background: 'radial-gradient(circle, rgba(34, 211, 238, 0.8) 0%, transparent 70%)',
+            background: 'radial-gradient(circle, rgba(74, 155, 217, 0.8) 0%, transparent 70%)',
           }}
         />
       )}

client/src/features/inspiration/components/SortPendingBanner.tsx

@@ -47,7 +47,7 @@ function SortPendingBanner({ pendingCount, onSortAll, onDismiss }: SortPendingBa
             whileHover={{ scale: 1.03 }}
             whileTap={{ scale: 0.97 }}
             onClick={onSortAll}
-            className="px-3 py-1 rounded-full text-xs font-medium bg-gradient-to-r from-cyan-500/20 to-amber-500/20 border border-cyan-400/30 text-text-secondary hover:text-text-primary transition-colors"
+            className="px-3 py-1 rounded-full text-xs font-medium bg-gradient-to-r from-cyber/20 to-amber/20 border border-cyber/30 text-text-secondary hover:text-text-primary transition-colors"
           >
             开始整理
           </motion.button>

client/src/features/inspiration/pages/InspirationPage.tsx

@@ -174,7 +174,7 @@ export default function InspirationPage() {
           onClick={enter}
           whileHover={{ scale: 1.05 }}
           whileTap={{ scale: 0.95 }}
-          className="ml-auto flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium bg-gradient-to-r from-accent-500 to-brand-500 text-text-inverse hover:from-accent-600 hover:to-brand-600 shadow-sm shadow-accent-500/20"
+          className="ml-auto flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium bg-gradient-to-r from-cyber to-brand-500 text-text-inverse hover:from-cyber/90 hover:to-brand-600 shadow-sm shadow-cyber/20"
         >
           <Sparkles className="w-3.5 h-3.5" />
           沉浸
@@ -278,8 +278,8 @@ export default function InspirationPage() {
                     disabled={selectedIds.size === 0 || batchProcessing}
                     className={cn(
                       'flex items-center gap-1 px-3 py-1 rounded-full text-xs font-medium',
-                      'bg-gradient-to-r from-accent-500 to-brand-500 text-text-inverse',
-                      'hover:from-accent-600 hover:to-brand-600 shadow-sm shadow-accent-500/20',
+                      'bg-gradient-to-r from-cyber to-brand-500 text-text-inverse',
+                      'hover:from-cyber/90 hover:to-brand-600 shadow-sm shadow-cyber/20',
                       'disabled:opacity-50 disabled:cursor-not-allowed',
                     )}
                   >
@@ -295,7 +295,7 @@ export default function InspirationPage() {
             {batchProcessing && total > 0 && (
               <div className="w-full h-1.5 rounded-full bg-bg-secondary overflow-hidden mt-1">
                 <motion.div
-                  className="h-full rounded-full bg-gradient-to-r from-accent-500 to-brand-500"
+                  className="h-full rounded-full bg-gradient-to-r from-cyber to-brand-500"
                   initial={{ width: 0 }}
                   animate={{ width: `${(progress / total) * 100}%` }}
                   transition={{ duration: 0.3 }}