feat: 添加预览效果页面并优化交互效果

refactor: 优化代码健壮性和类型安全

style: 更新字体样式和全局CSS

fix: 修复IntersectionObserver潜在空引用问题

chore: 更新依赖和ESLint配置

build: 更新构建ID和路由配置

src/components/effects/seal-animation-enhanced.tsx

@@ -33,7 +33,7 @@ export function SealAnimationEnhanced({
   height = 300,
   particleCount = 150,
   colors = ['#C41E3A', '#D4A574', '#8B4513'],
-  sealText = '睿新',
+  sealText: _sealText = '睿新',
   animationStages = true,
   onStageChange,
   className = '',
@@ -41,7 +41,7 @@ export function SealAnimationEnhanced({
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const particlesRef = useRef<Particle[]>([]);
   const animationRef = useRef<number | null>(null);
-  const [currentStage, setCurrentStage] = useState<'idle' | 'dispersing' | 'reforming'>('idle');
+  const [_currentStage, setCurrentStage] = useState<'idle' | 'dispersing' | 'reforming'>('idle');
   const stageTimerRef = useRef<NodeJS.Timeout | null>(null);
 
   const createSealShape = useCallback((width: number, height: number) => {
@@ -64,7 +64,7 @@ export function SealAnimationEnhanced({
 
   const createParticle = useCallback(
     (x: number, y: number, targetX: number, targetY: number): Particle => {
-      const color = colors[Math.floor(Math.random() * colors.length)];
+      const color = colors[Math.floor(Math.random() * colors.length)] ?? '#C41E3A';
       const size = 2 + Math.random() * 3;
       const maxLife = 200 + Math.random() * 100;
 
@@ -88,16 +88,16 @@ export function SealAnimationEnhanced({
 
   useEffect(() => {
     const canvas = canvasRef.current;
-    if (!canvas) return;
+    if (!canvas) {return;}
 
     const ctx = canvas.getContext('2d');
-    if (!ctx) return;
+    if (!ctx) {return;}
 
     canvas.width = width;
     canvas.height = height;
 
     const sealPositions = createSealShape(width, height);
-    particlesRef.current = sealPositions.map((pos, i) =>
+    particlesRef.current = sealPositions.map((pos) =>
       createParticle(pos.x, pos.y, pos.x, pos.y)
     );