<template>
  <div class="privacy-page">
    <div class="privacy-container">
      <!-- 返回按钮 -->
      <div class="back-button" @click="goBack">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        <span>返回</span>
      </div>

      <!-- 中文版本 -->
      <div class="privacy-content">
        <h1>隐私政策</h1>
        
        <p class="update-date">最后更新：2025年11月1日</p>
        
        <p class="intro">
          本隐私政策阐述了当您（下称"您"或"用户"）通过网站 (https://vionow.com/) 访问或使用我们的服务时，Vionow（下称"公司"、"我们"或"我们的"）关于收集、使用和披露个人信息的政策和程序。本政策还解释了您的隐私权以及适用法律如何保护您。
        </p>
        
        <p class="intro">
          使用本服务即表示您同意我们根据本隐私政策收集和使用信息。本文件的编写已考虑到最佳实践和相关的法律标准。
        </p>

        <section>
          <h2>解释与定义</h2>
          
          <h3>解释</h3>
          <p>首字母大写的词语具有下文定义的含义，无论其以单数还是复数形式出现，其含义均相同。</p>
          
          <h3>定义</h3>
          <p>为本隐私政策之目的：</p>
          <ul>
            <li><strong>账户：</strong>指您为访问我们的服务而创建的唯一个人资料。</li>
            <li><strong>关联公司：</strong>指控制我们、被我们控制或与我们共同受控的任何实体。</li>
            <li><strong>Cookies：</strong>指网站放置在您设备上的小型数据文件。</li>
            <li><strong>公司：</strong>指在香港适用法律下运营的 Vionow。</li>
            <li><strong>国家：</strong>指中国香港。</li>
            <li><strong>设备：</strong>指能够访问本服务的任何技术设备。</li>
            <li><strong>个人数据：</strong>指与已识别或可识别的个人相关的任何信息。</li>
            <li><strong>服务：</strong>指公司提供的平台及相关服务。</li>
            <li><strong>服务提供商：</strong>指与我们签约以处理数据或提供服务的第三方。</li>
            <li><strong>使用数据：</strong>指在使用服务过程中自动收集的数据。</li>
            <li><strong>网站：</strong>指位于 https://vionow.com/ 的在线平台。</li>
            <li><strong>您：</strong>指访问或使用本服务的任何个人或实体。</li>
          </ul>
        </section>

        <section>
          <h2>数据收集</h2>
          
          <h3>收集的数据类型</h3>
          
          <h4>个人数据</h4>
          <p>我们可能会要求您提供个人数据，包括但不限于：</p>
          <ul>
            <li>电子邮箱地址</li>
            <li>姓名</li>
            <li>电话号码</li>
            <li>您自愿提供的其他身份标识信息</li>
          </ul>

          <h4>使用数据</h4>
          <p>自动收集的数据可能包括：</p>
          <ul>
            <li>IP 地址</li>
            <li>浏览器和设备信息</li>
            <li>访问时间与访问页面</li>
            <li>诊断和性能数据</li>
          </ul>
        </section>

        <section>
          <h2>追踪技术</h2>
          <p>我们使用Cookies 及类似工具来增强功能和进行分析：</p>
          <ul>
            <li><strong>必要性 Cookies：</strong>用于启用核心功能和保障安全。</li>
            <li><strong>偏好性 Cookies：</strong>用于存储用户设置。</li>
            <li><strong>分析性 Cookies：</strong>用于衡量性能和使用情况。</li>
          </ul>
          <p>您可以通过浏览器修改Cookie 设置。禁用 Cookies 可能会影响某些功能的正常使用。</p>
        </section>

        <section>
          <h2>数据的使用</h2>
          <p>我们可能将您的信息用于以下目的：</p>
          <ul>
            <li>提供、改进和维护服务</li>
            <li>管理您的账户</li>
            <li>履行合同和法律义务</li>
            <li>就服务更新、支持或营销事宜与您沟通（取决于您的偏好）</li>
            <li>分析使用模式以改善用户体验</li>
            <li>用于内部研发</li>
            <li>遵守法规和法律要求</li>
          </ul>
        </section>

        <section>
          <h2>用户生成内容与上传的图片</h2>
          <p>
            当您向本服务上传内容（例如图片、渲染图）时，您保留该内容的完全所有权。但是，通过我们的平台提交此类内容，即表示您授予公司一项非独占、全球性、免版税、不可撤销且永久的许可，授权我们仅为推广、营销或展示本服务功能之有限目的，使用、复制、修改和公开展示该等内容，包括但不限于在网站、营销材料或社交媒体上使用，前提是该内容不包含个人数据、可识别的个人或第三方的机密或专有信息。
          </p>
          <p>
            如果您希望选择退出此许可，您可以随时通过<a href="mailto:contact@vionow.com">contact@vionow.com</a> 与我们联系。收到有效请求后，我们将停止所有相关的推广使用，并尽合理努力从未来的材料中移除相关内容。
          </p>
        </section>

        <section>
          <h2>数据保留</h2>
          <p>
            我们仅在为实现本政策所述目的或遵守适用法律所必需的时间内保留个人数据。使用数据可能为分析、安全或法律合规目的而保留。
          </p>
        </section>

        <section>
          <h2>数据传输</h2>
          <p>
            您的数据可能会在您所在司法管辖区之外进行处理。我们将采取合理的保障措施，确保根据适用标准提供适当的保护。
          </p>
        </section>

        <section>
          <h2>您的权利</h2>
          <p>您有权：</p>
          <ul>
            <li>访问、更正或删除您的个人数据</li>
            <li>反对或限制某些处理活动</li>
            <li>撤回同意（如适用）</li>
            <li>向监管机构投诉</li>
          </ul>
          <p>您可以通过<a href="mailto:contact@vionow.com">contact@vionow.com</a> 联系我们提交请求。</p>
        </section>

        <section>
          <h2>数据披露</h2>
          <p>我们可能在以下情况下披露您的个人数据：</p>
          <ul>
            <li>向根据合同义务行事的服务提供商披露</li>
            <li>与公司重组或出售相关的披露</li>
            <li>为遵守法律义务或捍卫我们的合法权利</li>
            <li>为保护用户或公众的安全或权利</li>
          </ul>
        </section>

        <section>
          <h2>儿童隐私</h2>
          <p>
            我们的服务不面向13岁以下的个人。我们不会有意收集未成年人的个人数据。如果您认为有未成年人提交了个人数据，请联系我们以请求删除。
          </p>
        </section>

        <section>
          <h2>第三方网站</h2>
          <p>
            我们的网站可能包含指向外部网站的链接。我们对其内容或隐私惯例不承担任何责任。
          </p>
        </section>

        <section>
          <h2>本政策的变更</h2>
          <p>
            我们保留随时修订本隐私政策的权利。重大变更将通过电子邮件或网站上的醒目通知进行传达。
          </p>
        </section>

        <section>
          <h2>联系我们</h2>
          <p>
            如果您对本隐私政策有任何疑问或希望行使您的权利，请通过以下方式联系我们：<br>
            电子邮箱：<a href="mailto:contact@vionow.com">contact@vionow.com</a>
          </p>
        </section>

        <!-- 分隔线 -->
        <div class="divider"></div>

        <!-- English Version -->
        <h1 class="english-title">Privacy Policy</h1>
        
        <p class="update-date">Last updated: June 12, 2025</p>
        
        <p class="intro">
          This Privacy Policy outlines the policies and procedures of Vionow ("the Company", "We", "Us", or "Our") regarding the collection, use, and disclosure of personal information when You ("You" or "User") access or use Our services via the Website (https://vionow.com/). It also explains Your privacy rights and how applicable laws protect You.
        </p>
        
        <p class="intro">
          By using the Service, You consent to the collection and use of information in accordance with this Privacy Policy. This document has been prepared with consideration for best practices and relevant legal standards.
        </p>

        <section>
          <h2>Interpretation and Definitions</h2>
          
          <h3>Interpretation</h3>
          <p>Capitalized words have meanings defined below, which apply equally whether singular or plural.</p>
          
          <h3>Definitions</h3>
          <p>For purposes of this Privacy Policy:</p>
          <ul>
            <li><strong>Account:</strong> A unique profile created by You to access Our Service.</li>
            <li><strong>Affiliate:</strong> Any entity that controls, is controlled by, or is under common control with Us.</li>
            <li><strong>Cookies:</strong> Small data files placed on Your device by the Website.</li>
            <li><strong>Company:</strong> Vionow, operating under applicable laws in Hong Kong.</li>
            <li><strong>Country:</strong> Hong Kong.</li>
            <li><strong>Device:</strong> Any technology capable of accessing the Service.</li>
            <li><strong>Personal Data:</strong> Information identifying or reasonably identifiable to an individual.</li>
            <li><strong>Service:</strong> The platform and related services provided by the Company.</li>
            <li><strong>Service Provider:</strong> Third parties contracted to process data or deliver services.</li>
            <li><strong>Usage Data:</strong> Automatically collected data about Service usage.</li>
            <li><strong>Website:</strong> The online platform located at https://vionow.com/.</li>
            <li><strong>You:</strong> Any individual or entity accessing or using the Service.</li>
          </ul>
        </section>

        <section>
          <h2>Collection of Data</h2>
          
          <h3>Types of Data Collected</h3>
          
          <h4>Personal Data</h4>
          <p>We may request Personal Data including but not limited to:</p>
          <ul>
            <li>Email address</li>
            <li>First and last name</li>
            <li>Phone number</li>
            <li>Other voluntarily provided identifiers</li>
          </ul>

          <h4>Usage Data</h4>
          <p>Collected automatically and may include:</p>
          <ul>
            <li>IP address</li>
            <li>Browser and device information</li>
            <li>Access times and visited pages</li>
            <li>Diagnostic and performance data</li>
          </ul>
        </section>

        <section>
          <h2>Tracking Technologies</h2>
          <p>We utilize Cookies and similar tools to enhance functionality and analytics:</p>
          <ul>
            <li><strong>Essential Cookies:</strong> Enable core features and security.</li>
            <li><strong>Preference Cookies:</strong> Store user settings.</li>
            <li><strong>Analytics Cookies:</strong> Measure performance and usage.</li>
          </ul>
          <p>You may modify cookie settings via Your browser. Declining cookies may impair certain functionalities.</p>
        </section>

        <section>
          <h2>Use of Data</h2>
          <p>We may use Your information for the following purposes:</p>
          <ul>
            <li>To deliver, improve, and maintain the Service</li>
            <li>To administer Your Account</li>
            <li>To fulfill contractual and legal obligations</li>
            <li>To communicate with You regarding service updates, support, or marketing (subject to Your preferences)</li>
            <li>To analyze usage patterns and improve the user experience</li>
            <li>For internal research and development</li>
            <li>To comply with regulatory and legal requirements</li>
          </ul>
        </section>

        <section>
          <h2>User-Generated Content and Uploaded Images</h2>
          <p>
            When You upload content (e.g., images, renders) to the Service, You retain full ownership of that content. However, by submitting such content through Our platform, You hereby grant the Company a non-exclusive, worldwide, royalty-free, irrevocable, and perpetual license to use, reproduce, modify, and publicly display such content strictly for the limited purpose of promoting, marketing, or demonstrating the functionality of the Service, including but not limited to use on the Website, in marketing materials, or on social media, provided that such content does not contain personal data, identifiable individuals, or confidential or proprietary information of third parties.
          </p>
          <p>
            If You wish to opt out of this license, You may do so at any time by contacting Us at <a href="mailto:contact@vionow.com">contact@vionow.com</a>. Upon receipt of a valid request, We will cease all promotional use and make reasonable efforts to remove the relevant content from future materials.
          </p>
        </section>

        <section>
          <h2>Retention of Data</h2>
          <p>
            We retain Personal Data only as long as necessary to achieve the purposes described herein or as required by applicable law. Usage Data may be retained for analytics, security, or legal compliance.
          </p>
        </section>

        <section>
          <h2>Data Transfers</h2>
          <p>
            Your data may be processed outside of Your jurisdiction. We implement reasonable safeguards to ensure appropriate protection in accordance with applicable standards.
          </p>
        </section>

        <section>
          <h2>Your Rights</h2>
          <p>You have the right to:</p>
          <ul>
            <li>Access, rectify, or delete Your Personal Data</li>
            <li>Object to or restrict certain processing activities</li>
            <li>Withdraw consent (where applicable)</li>
            <li>File a complaint with a supervisory authority</li>
          </ul>
          <p>Requests can be submitted by contacting Us at <a href="mailto:contact@vionow.com">contact@vionow.com</a>.</p>
        </section>

        <section>
          <h2>Disclosure of Data</h2>
          <p>We may disclose Your Personal Data:</p>
          <ul>
            <li>To service providers acting under contractual obligations</li>
            <li>In connection with corporate restructuring or sale</li>
            <li>To comply with legal obligations or defend Our legal rights</li>
            <li>To protect the safety or rights of Users or the public</li>
          </ul>
        </section>

        <section>
          <h2>Children's Privacy</h2>
          <p>
            Our Service is not directed to individuals under the age of 13. We do not knowingly collect Personal Data from minors. If You believe that a minor has submitted Personal Data, please contact Us to request removal.
          </p>
        </section>

        <section>
          <h2>Third-Party Websites</h2>
          <p>
            Our Website may contain links to external websites. We are not responsible for their content or privacy practices.
          </p>
        </section>

        <section>
          <h2>Changes to This Policy</h2>
          <p>
            We reserve the right to amend this Privacy Policy at any time. Material changes will be communicated via email or a prominent notice on the Website.
          </p>
        </section>

        <section>
          <h2>Contact Us</h2>
          <p>
            If You have any questions about this Privacy Policy or wish to exercise Your rights, contact us at:<br>
            Email: <a href="mailto:contact@vionow.com">contact@vionow.com</a>
          </p>
        </section>
      </div>
    </div>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'

const router = useRouter()

const goBack = () => {
  router.back()
}
</script>

<style scoped>
.privacy-page {
  min-height: 100vh;
  background: var(--bg-base);
  padding: var(--space-10) var(--space-5);
  overflow-y: auto;
}

.privacy-container {
  max-width: 900px;
  max-height: calc(100vh - 80px);
  margin: 0 auto;
  background: var(--bg-glass);
  backdrop-filter: blur(20px);
  border-radius: var(--radius-2xl);
  padding: var(--space-16) var(--space-20);
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--border-default);
  overflow-y: auto;
  overflow-x: hidden;
}

/* 自定义滚动条样式 */
.privacy-container::-webkit-scrollbar {
  width: 8px;
}

.privacy-container::-webkit-scrollbar-track {
  background: var(--bg-glass);
  border-radius: var(--radius-full);
}

.privacy-container::-webkit-scrollbar-thumb {
  background: var(--primary-glow-medium);
  border-radius: var(--radius-full);
  transition: background var(--duration-normal) var(--ease-default);
}

.privacy-container::-webkit-scrollbar-thumb:hover {
  background: var(--primary-glow-strong);
}

/* Firefox 滚动条样式 */
.privacy-container {
  scrollbar-width: thin;
  scrollbar-color: var(--primary-glow-medium) var(--bg-glass);
}

.back-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--primary-500);
  font-size: var(--text-base);
  cursor: pointer;
  margin-bottom: var(--space-8);
  transition: var(--transition-all);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-md);
}

.back-button:hover {
  background: var(--primary-glow-light);
  transform: translateX(-4px);
}

.back-button svg {
  width: 20px;
  height: 20px;
}

.privacy-content {
  color: var(--text-primary);
  line-height: var(--leading-relaxed);
}

h1 {
  font-size: var(--text-4xl);
  font-weight: var(--font-semibold);
  color: var(--primary-500);
  margin-bottom: var(--space-5);
  text-align: center;
}

.english-title {
  margin-top: var(--space-16);
}

.update-date {
  text-align: center;
  color: var(--text-tertiary);
  font-size: var(--text-sm);
  margin-bottom: var(--space-8);
  font-style: italic;
}

h2 {
  font-size: var(--text-2xl);
  font-weight: var(--font-semibold);
  color: var(--text-primary);
  margin-top: var(--space-10);
  margin-bottom: var(--space-4);
}

h3 {
  font-size: var(--text-xl);
  font-weight: var(--font-medium);
  color: var(--text-primary);
  margin-top: var(--space-6);
  margin-bottom: var(--space-3);
}

h4 {
  font-size: var(--text-lg);
  font-weight: var(--font-medium);
  color: var(--text-secondary);
  margin-top: var(--space-5);
  margin-bottom: var(--space-3);
}

p {
  font-size: var(--text-base);
  color: var(--text-secondary);
  margin-bottom: var(--space-4);
}

.intro {
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  margin-bottom: var(--space-5);
}

section {
  margin-bottom: var(--space-8);
}

ul {
  list-style: none;
  padding-left: 0;
  margin: var(--space-4) 0;
}

ul li {
  position: relative;
  padding-left: var(--space-6);
  margin-bottom: var(--space-3);
  color: var(--text-secondary);
  font-size: var(--text-base);
}

ul li::before {
  content: "·";
  position: absolute;
  left: var(--space-2);
  color: var(--primary-500);
  font-size: var(--text-xl);
  font-weight: var(--font-bold);
}

a {
  color: var(--primary-500);
  text-decoration: none;
  transition: opacity var(--duration-normal) var(--ease-default);
}

a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border-default), transparent);
  margin: var(--space-16) 0;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .privacy-container {
    padding: var(--space-10) var(--space-8);
  }

  h1 {
    font-size: var(--text-3xl);
  }

  h2 {
    font-size: var(--text-xl);
  }

  h3 {
    font-size: var(--text-lg);
  }

  h4 {
    font-size: var(--text-base);
  }

  p, ul li {
    font-size: var(--text-sm);
  }
}

@media (max-width: 480px) {
  .privacy-page {
    padding: var(--space-5) var(--space-3);
  }

  .privacy-container {
    padding: var(--space-8) var(--space-5);
  }

  h1 {
    font-size: var(--text-2xl);
  }

  h2 {
    font-size: var(--text-lg);
  }

  h3 {
    font-size: var(--text-base);
  }
}
</style>
