背景特效切换美化

src/components/Background/BackgroundCanvas.vue

@@ -168,6 +168,7 @@ onMounted(() => {
   })
   window.addEventListener('mousemove', onMouseMove, { passive: true })
   document.addEventListener('visibilitychange', onVisibilityChange)
+  draw() // Initial draw to ensure no flicker
   raf = requestAnimationFrame(loop)
 })
 

src/components/Background/GradientBackground.vue

@@ -185,6 +185,7 @@ onMounted(() => {
   initMesh()
   window.addEventListener('resize', onResize)
   window.addEventListener('mousemove', onMouseMove)
+  draw() // Initial draw
   raf = requestAnimationFrame(loop)
 })
 

src/components/Background/GridBackground.vue

@@ -132,6 +132,7 @@ onMounted(() => {
   resize()
   window.addEventListener('resize', resize)
   window.addEventListener('mousemove', onMouseMove)
+  draw() // Initial draw
   raf = requestAnimationFrame(loop)
 })