<template>
  <view class="page">
    <view class="logo-area">
      <text class="logo">职引</text>
      <text class="version">v{{ appVersion }}</text>
    </view>
    <view class="info-section">
      <text class="info-label">产品名称</text>
      <text class="info-value">职引 · 宇之然AI磁场</text>
    </view>
    <view class="info-section">
      <text class="info-label">开发团队</text>
      <text class="info-value">宇之然</text>
    </view>
    <view class="info-section">
      <text class="info-label">联系邮箱</text>
      <text class="info-value">contact@yuzhiran.com</text>
    </view>

    <view class="link-section">
      <view class="link-item" @click="goAgreement">
        <text class="link-text">用户协议</text>
        <text class="link-arrow">›</text>
      </view>
      <view class="link-item" @click="goPrivacy">
        <text class="link-text">隐私政策</text>
        <text class="link-arrow">›</text>
      </view>
    </view>

    <view class="disclaimer">
      <text class="disclaimer-title">⚠️ AI生成内容免责声明</text>
      <text class="disclaimer-text">
        本平台的模拟面试、简历诊断、简历优化等功能由人工智能模型生成，仅供参考和学习用途。AI输出的内容可能存在不准确、不完整或过时的情况，不构成任何专业建议。用户在做出重要决策前，请务必结合自身判断核实相关信息。宇之然AI磁场不对因使用AI生成内容导致的任何直接或间接损失承担责任。
      </text>
    </view>
  </view>
</template>

<script setup>
const appVersion = typeof __APP_VERSION__ !== 'undefined' ? __APP_VERSION__ : '1.0.0'
const goAgreement = () => uni.navigateTo({ url: '/pages/agreement/agreement' })
const goPrivacy = () => uni.navigateTo({ url: '/pages/privacy/privacy' })
</script>

<style scoped>
.page { background: var(--color-bg); min-height: 100vh; padding: 60rpx 32rpx; }
.logo-area { text-align: center; padding: 60rpx 0 40rpx; }
.logo { font-size: 48rpx; font-weight: 800; background: linear-gradient(135deg, var(--color-gradient-start), var(--color-gradient-end)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; margin-bottom: 12rpx; }
.version { font-size: 24rpx; color: var(--color-text-tertiary); }
.info-section { background: #FFF; padding: 24rpx 30rpx; border-radius: var(--radius-md); margin-bottom: 12rpx; display: flex; justify-content: space-between; align-items: center; }
.info-label { font-size: 26rpx; color: var(--color-text-secondary); }
.info-value { font-size: 26rpx; color: var(--color-text); font-weight: 500; }
.link-section { background: #FFF; border-radius: var(--radius-md); margin-top: 24rpx; overflow: hidden; }
.link-item { display: flex; justify-content: space-between; align-items: center; padding: 28rpx 30rpx; border-bottom: 1rpx solid var(--color-border); }
.link-item:last-child { border-bottom: none; }
.link-item:active { background: var(--color-bg); }
.link-text { font-size: 26rpx; color: var(--color-text); }
.link-arrow { font-size: 32rpx; color: var(--color-text-tertiary); }
.disclaimer { margin-top: 40rpx; background: #FFF8E1; border-radius: var(--radius-md); padding: 24rpx; }
.disclaimer-title { font-size: 24rpx; font-weight: 700; color: #F59E0B; display: block; margin-bottom: 12rpx; }
.disclaimer-text { font-size: 22rpx; color: var(--color-text-secondary); line-height: 1.8; }


</style>
