feat(app): 添加多模板关于我们页面及相关路由和404页面

- 新增404页面，优化未找到页面体验，避免被搜索引擎索引
- 增加文件代理接口，隐藏真实文件服务器地址，支持文件请求代理
- 实现/article、/case、/product及/page动态路由兼容列表与详情展示
- 添加动态CMS页面兼容入口处理旧式路径，统一路由与SEO设置
- 新增模板1、模板7、模板2、模板3关于我们页面，实现多模板支持
- 模板增强支持CMS单页内容加载及SEO信息动态设置
- 配置环境变量及Git忽略文件规则辅助开发和构建环境管理

app/pages/[slug].vue

@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <Component :is="templatePage" v-if="templatePage" />
+    <SiteLoading v-else />
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * 动态 CMS 页面路由（兼容入口）
+ * CMS 导航主要使用 /page/:id, /article/:id, /product/:id 格式
+ * 此路由作为兼容入口，处理旧式路径如 /about, /services 等
+ */
+const route = useRoute()
+const slug = route.params.slug as string
+
+const { loadTemplate } = useTemplate()
+const { siteInfo, siteName, navigations, fetchSiteInfo } = useSite()
+
+await fetchSiteInfo()
+
+const templatePage = shallowRef<Component | null>(null)
+
+
+// 同步加载当前模板（SSR/客户端路由切换均直接 await，避免先闪 SiteLoading）
+const components = await loadTemplate()
+templatePage.value = components?.Page || null
+
+
+// 尝试从导航中匹配 slug
+const matchedNav = computed(() => {
+  const navs = navigations.value || []
+  const findNav = (items: any[]): any => {
+    for (const item of items) {
+      if (item.path === `/${slug}` || item.code === slug) return item
+      if (item.children?.length) {
+        const found = findNav(item.children)
+        if (found) return found
+      }
+    }
+    return null
+  }
+  return findNav(navs)
+})
+
+usePageSeo(
+  {
+    title: matchedNav.value?.title || slug,
+    path: `/${slug}`
+  },
+  siteInfo.value
+)
+</script>