fix: 优化官网

src/views/legal/LegalPage.vue

@@ -0,0 +1,156 @@
+<template>
+  <div class="legal-page">
+    <ihead></ihead>
+    <main>
+      <section class="legal-hero">
+        <div class="container">
+          <h1>{{ page.title }}</h1>
+          <p>{{ page.description }}</p>
+        </div>
+      </section>
+      <section class="legal-content">
+        <div class="container narrow">
+          <article v-for="section in page.sections" :key="section.title" class="legal-section">
+            <h2>{{ section.title }}</h2>
+            <p>{{ section.text }}</p>
+          </article>
+        </div>
+      </section>
+    </main>
+    <ifooter></ifooter>
+  </div>
+</template>
+
+<script>
+import ihead from '@/components/ihead.vue'
+import ifooter from '@/components/ifooter.vue'
+
+const pages = {
+  privacy: {
+    title: '隐私政策',
+    description: '本页面说明我们如何处理通过官网产生的基本联系信息。',
+    sections: [
+      {
+        title: '信息收集',
+        text: '当您通过电话、邮箱或咨询入口与我们联系时，我们可能会接收姓名、联系方式、公司信息和业务需求描述。'
+      },
+      {
+        title: '使用目的',
+        text: '相关信息仅用于需求沟通、方案评估、项目联系和必要的客户服务，不用于无关用途。'
+      },
+      {
+        title: '信息保护',
+        text: '我们会采取合理的访问控制和内部管理措施，降低信息未经授权访问、披露或滥用的风险。'
+      }
+    ]
+  },
+  terms: {
+    title: '服务条款',
+    description: '本页面说明官网内容和咨询服务的基本使用边界。',
+    sections: [
+      {
+        title: '内容说明',
+        text: '官网展示的案例、收益和方案说明用于介绍服务能力，具体交付范围以双方确认的项目文件为准。'
+      },
+      {
+        title: '咨询沟通',
+        text: '初步咨询用于判断业务场景与技术路径，不构成最终承诺或完整实施方案。'
+      },
+      {
+        title: '知识产权',
+        text: '官网文字、图片、标识和页面设计受相关法律保护，未经授权不得复制、改编或用于商业传播。'
+      }
+    ]
+  },
+  compliance: {
+    title: '数据合规说明',
+    description: '本页面说明我们在数据处理和系统交付中的基本合规原则。',
+    sections: [
+      {
+        title: '最小必要',
+        text: '项目实施中优先使用达成目标所需的最小数据范围，并在方案设计阶段明确数据边界。'
+      },
+      {
+        title: '权限控制',
+        text: '系统集成与应用交付会结合客户现有权限体系设计访问控制、日志记录和操作留痕。'
+      },
+      {
+        title: '交付留痕',
+        text: '关键配置、接口、模型调用和运维动作尽量形成可追踪记录，便于复盘、审计和持续优化。'
+      }
+    ]
+  }
+}
+
+export default {
+  name: 'LegalPage',
+  components: {
+    ihead,
+    ifooter
+  },
+  computed: {
+    page() {
+      return pages[this.$route.params.type] || pages.privacy
+    }
+  }
+}
+</script>
+
+<style scoped>
+.legal-page {
+  min-height: 100vh;
+  background: #fff;
+}
+
+.container {
+  max-width: 1180px;
+  margin: 0 auto;
+  padding: 0 24px;
+}
+
+.narrow {
+  max-width: 820px;
+}
+
+.legal-hero {
+  padding: 154px 0 76px;
+  background: #0f172a;
+  color: #fff;
+}
+
+.legal-hero h1 {
+  margin: 0 0 16px;
+  font-size: 44px;
+  line-height: 1.2;
+}
+
+.legal-hero p {
+  max-width: 640px;
+  margin: 0;
+  color: rgba(255, 255, 255, 0.76);
+  font-size: 18px;
+  line-height: 1.7;
+}
+
+.legal-content {
+  padding: 72px 0;
+}
+
+.legal-section {
+  padding: 28px 0;
+  border-bottom: 1px solid #e4e7ec;
+}
+
+.legal-section h2 {
+  margin: 0 0 12px;
+  color: #101828;
+  font-size: 22px;
+}
+
+.legal-section p {
+  margin: 0;
+  color: #667085;
+  font-size: 16px;
+  line-height: 1.8;
+}
+</style>