refactor(components): 优化动画组件代码结构并移除冗余样式

style(pages): 使用实用类替换内联样式
refactor(composables): 简化页面标题模板逻辑
docs(components): 添加详细注释说明动画逻辑

app/app.vue

@@ -10,10 +10,10 @@ const siteImage = '/og-image.png'
 
 // 配置全局 Title 模板
 useHead({
-  titleTemplate: computed(() => (titleChunk?: string) => {
+  titleTemplate: (titleChunk?: string) => {
     const siteName = t('app.name')
     return titleChunk ? `${titleChunk} - ${siteName}` : siteName
-  })
+  }
 })
 
 // 配置全局基础 SEO 和 Meta (响应式支持国际化)