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

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

app/pages/product/[id].vue

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <Component :is="pageComponent" v-if="pageComponent" :key="route.fullPath" />
+    <SiteLoading v-else />
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * 产品 路由（栏目列表 与 详情 二合一） /product/:id
+ * 按模块名单数命名：列表（栏目）/product/{navigationId}，详情 /product/{id}。
+ * 靠「id 是否该模块已知栏目 navigationId」运行时判定。
+ * 旧链接 /products/* 由 server/middleware/z-news-detail-redirect.ts 301 到 /product/*。
+ */
+const { route, pageComponent } = await useModuleRoute('product')
+</script>

app/pages/product/index.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <Component :is="pageComponent" v-if="pageComponent" />
+    <SiteLoading v-else />
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * 产品列表路由（根） /product
+ * 按模块名单数命名：列表根为 /product（旧规范为 /products）。
+ */
+const { loadTemplate } = useTemplate()
+const { siteInfo, fetchSiteInfo } = useSite()
+
+await fetchSiteInfo()
+
+const pageComponent = shallowRef<Component | null>(null)
+
+
+// 同步加载当前模板（SSR/客户端路由切换均直接 await，避免先闪 SiteLoading）
+const components = await loadTemplate()
+pageComponent.value = components?.ProductList || null
+
+
+usePageSeo(
+  {
+    title: '产品中心',
+    path: '/product'
+  },
+  siteInfo.value
+)
+</script>