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

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

app/templates/template-07/pages/Home.vue

@@ -0,0 +1,123 @@
+<template>
+  <div>
+    <!-- 首屏：受后台 hero / banner 开关控制 -->
+    <HeroSection :show-banner="homeBlocks.banner" :show-hero-features="homeBlocks.hero" />
+
+    <!-- 我们的优势：FeatureSection 内部已根据 advantages.enabled 自显隐 -->
+    <FeatureSection />
+
+    <!-- 关于我们 -->
+    <AboutSection
+      title-color="text-gray-900"
+      accent-color="#3b82f6"
+      summary-color="text-gray-600"
+      link-color="text-blue-600"
+      container-class="container mx-auto px-4 sm:px-6 lg:px-8 grid lg:grid-cols-2 gap-12 items-center"
+      image-bg-color="bg-gray-100"
+      image-object-fit="object-cover"
+      custom-class="py-16 lg:py-24"
+    />
+
+    <!-- 产品展示（受后台「产品展示」区块开关控制；全站跨栏目精选置顶产品 top>0） -->
+    <RecommendProductsSection
+      v-if="showProducts"
+      title="产品展示"
+      subtitle="了解我们的核心产品与解决方案"
+      accent-color="#3b82f6"
+      title-color="#111827"
+      subtitle-color="#4b5563"
+      :limit="3"
+      :more-link="productNav?.path || '/products'"
+      more-text="查看更多"
+    />
+
+    <!-- 案例展示（受后台「案例展示」区块开关控制；推荐/置顶优先，无推荐回退最新案例） -->
+    <RecommendCasesSection
+      v-if="showCases"
+      title="标杆案例"
+      subtitle="真实案例呈现，见证客户成功"
+      accent-color="#3b82f6"
+      title-color="#111827"
+      subtitle-color="#4b5563"
+      :limit="3"
+      :more-link="caseNav?.path || '/case'"
+      more-text="查看更多案例"
+    />
+
+    <!-- 最新动态（受后台「最新动态」区块开关控制；推荐文章优先，无推荐回退最新） -->
+    <RecommendArticlesSection
+      v-if="showNews"
+      title="最新动态"
+      subtitle="了解企业最新资讯与行业动态"
+      accent-color="#3b82f6"
+      title-color="#111827"
+      subtitle-color="#4b5563"
+      :limit="3"
+      :fallback-to-latest="true"
+      :more-link="newsNav?.path || '/news'"
+      more-text="查看更多"
+    />
+
+    <!-- 联系我们（受后台 cta 开关控制） -->
+    <section v-if="showCta" class="py-16 lg:py-20 bg-blue-50">
+      <div class="container mx-auto px-4 sm:px-6 lg:px-8 text-center">
+        <h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4" data-reveal>
+          准备好开始了吗？
+        </h2>
+        <p class="text-gray-600 max-w-2xl mx-auto mb-8" data-reveal data-reveal-delay="100">
+          立即联系我们，获取专属企业官网解决方案
+        </p>
+        <button
+          type="button"
+          class="inline-flex items-center justify-center px-8 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition-colors anim-shimmer"
+          @click="openConsult()"
+        >
+          立即咨询
+        </button>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * 模板 7 - 首页
+ * 对齐后台「首页区块总览」开关（siteInfo.setting.features，经 useFeatures 读取）：
+ *  hero / banner 控制 HeroSection；advantages 由 FeatureSection 内部处理；
+ *  products / cases / news / cta 由各区块 v-if 控制。
+ * 产品 / 案例 / 资讯三个区块复用共享组件
+ *  RecommendProductsSection / RecommendCasesSection / RecommendArticlesSection
+ * （读取后台推荐 / 置顶精选内容，全站跨栏目）。
+ */
+import HeroSection from '../components/HeroSection.vue'
+import FeatureSection from '../components/FeatureSection.vue'
+import { useFeatures } from '~/composables/useFeatures'
+import type { CmsNavigation } from '~/types'
+
+const { navigations, fetchSiteInfo } = useSite()
+const { openConsult } = useConsult()
+const { homeBlocks } = useFeatures([])
+
+// 获取站点信息（含导航）
+await fetchSiteInfo()
+
+/** 各区块显隐开关（后台首页区块总览） */
+const showProducts = computed(() => homeBlocks.value.products)
+const showCases = computed(() => homeBlocks.value.cases)
+const showNews = computed(() => homeBlocks.value.news)
+const showCta = computed(() => homeBlocks.value.cta)
+
+/** 从导航中定位各模块，用于「查看更多」跳转 */
+const newsNav = computed<CmsNavigation | undefined>(() => {
+  const navs = navigations.value || []
+  return navs.find((n) => n.model === 'article')
+})
+const productNav = computed<CmsNavigation | undefined>(() => {
+  const navs = navigations.value || []
+  return navs.find((n) => n.model === 'product')
+})
+const caseNav = computed<CmsNavigation | undefined>(() => {
+  const navs = navigations.value || []
+  return navs.find((n) => n.model === 'case')
+})
+</script>