<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;
}

@media (max-width: 768px) {
  .legal-hero {
    padding: 112px 0 48px;
  }

  .legal-content {
    padding: 48px 0;
  }

  .legal-section {
    padding: 20px 0;
  }
}
</style>
