<template>
  <div class="privacy-policy-page">
    <!-- 页面头部 -->
    <div class="page-header-modern">
      <div class="header-content">
        <button class="back-btn" @click="goBack">
          <svg viewBox="0 0 24 24" class="back-icon">
            <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path>
          </svg>
        </button>
        <div class="header-info">
          <div class="header-text">
            <h1 class="header-title">个人信息收集与处理规则</h1>
            <p class="header-subtitle">精彩猪手网站个人信息保护政策</p>
          </div>
        </div>
      </div>
    </div>

    <!-- 主要内容 -->
    <div class="policy-content">
      <!-- 标题区域 -->
      <div class="policy-title-section">
      </div>

      <!-- 引言 -->
      <div class="policy-section">
        <div class="section-content">
          <p>尊敬的会员，欢迎来到精彩猪手网站（以下简称"本网站"）。为了更好地保障您的个人权益，我们依据国家法律法规、监管要求和标准规范，结合业务开展的实际情况制定了《精彩猪手网站个人信息保护政策》，旨在明确本网站收集、存储、使用、传输、删除等个人信息处理活动的具体规则，保障您的个人信息权益与隐私安全。</p>
          <p>本规则适用于所有访问、注册、使用本网站服务的会员（以下简称"您"），以及本网站运营团队、参与网站运营的相关人员和第三方服务提供商对个人信息的处理行为。当您访问、注册或使用本网站服务时，即表示您已充分阅读、理解并同意本政策的全部内容。</p>
        </div>
      </div>

      <!-- 第一章 -->
      <div class="policy-section">
        <h3 class="section-title">1、核心处理原则</h3>
        <div class="section-content">
          <p><strong>（1）合法正当诚信原则：</strong>本网站仅在法律法规允许的范围内，出于合法、正当的目的处理您的个人信息，不通过误导、欺诈、胁迫等方式收集或使用个人信息。</p>
          <p><strong>（2）最小必要原则：</strong>仅收集与本网站服务功能直接相关的个人信息，限于实现处理目的的最小范围，不过度收集信息。</p>
          <p><strong>（3）公开透明原则：</strong>以显著方式、清晰易懂的语言公开个人信息处理规则，明确告知您处理目的、方式和范围。</p>
          <p><strong>（4）安全保障原则：</strong>采取必要的技术和管理措施，保障您的个人信息在收集、存储、使用等全生命周期的安全，防止未经授权的访问、泄露、篡改或丢失。</p>
          <p><strong>（5）会员权利保障原则：</strong>充分保障您对个人信息享有的知情权、访问权、更正权、删除权、撤回同意权等合法权益，并提供便捷的行使渠道。</p>
        </div>
      </div>

      <!-- 第二章 -->
      <div class="policy-section">
        <h3 class="section-title">2、个人信息收集范围与方式</h3>
        <div class="section-content">
          <p>本网站仅在实现特定服务功能的必要范围内，通过以下方式收集您的个人信息，具体收集类型将根据您使用的服务场景动态调整：</p>
          
          <h4 class="sub-title">（1）必要收集的个人信息</h4>
          <p><strong>账户注册信息：</strong>当您注册本网站账户时，需提供自设账号、自设昵称、手机号码（经验证），以及自设密码（将采用强加密算法存储，不保留明文）。此类信息用于身份验证、账户登录、密码找回及重要通知推送，是保障账户安全和正常使用的基础。</p>
          
          <h4 class="sub-title">（2）可选收集的个人信息</h4>
          <p>为提升服务质量，本网站可能在特定服务场景下（如个性化推荐、活动参与、客户咨询）收集以下信息，您可自主选择是否提供：</p>
          <ul>
            <li>1．个人资料信息：如姓名、性别、头像等，用于完善会员信息标记；</li>
            <li>2．彩票偏好信息：用于提供个性化内容和服务推荐；</li>
            <li>3．联系方式信息：如微信、通讯地址等，仅用于日常必要时的沟通交流，或活动奖品寄送、线上支付、线下服务对接等特定目的；</li>
            <li>4．获客渠道信息：用于掌握触达潜在用户、完成用户转化的核心通路；</li>
            <li>5．所属省市级地域信息：用于一般性的会员群属统计。</li>
          </ul>
          
          <h4 class="sub-title">（3）敏感个人信息的特殊收集</h4>
          <p>本网站当前服务业务无需对敏感个人信息的特殊收集，故不会主动收集此类信息。</p>
          
          <h4 class="sub-title">（4）收集方式说明</h4>
          <ul>
            <li>1．主动提交：您通过注册表单、留言表单、咨询窗口等主动填写并提交的信息；</li>
            <li>2．系统自动采集：通过网站服务器日志、Cookie等技术手段自动收集的访问数据（您可通过浏览器设置管理Cookie权限）；</li>
            <li>3．第三方获取：若您通过社交账号等第三方平台登录本网站，将仅获取您授权公开的昵称、头像等信息，具体以第三方平台的授权协议为准；</li>
            <li>4．问卷调查：本网站客服可能会向您发出有关网站服务的问卷调查，其中所有问题您均有权选答或据答。</li>
          </ul>
        </div>
      </div>

      <!-- 第三章 -->
      <div class="policy-section">
        <h3 class="section-title">3、个人信息使用规则</h3>
        <div class="section-content">
          <p>1．本网站仅在以下合法目的范围内使用收集的个人信息：</p>
          <ul>
            <li>● 保障网站服务的正常运行（如账户管理、身份验证、安全防护）；</li>
            <li>● 履行服务承诺（如提供内容浏览、个性化推荐、会员支持）；</li>
            <li>● 优化服务质量（如分析会员行为、改进功能设计、修复系统漏洞）；</li>
            <li>● 开展合法营销活动（如推送活动通知、优惠信息，您可随时拒绝此类推送）；</li>
            <li>● 遵守法律法规要求（如配合监管检查、履行信息留存义务）。</li>
          </ul>
          <p>2．若需将个人信息用于本规则未明确的其他目的，本网站将提前向您告知并重新取得您的同意。</p>
          <p>3．本网站利用个人信息进行自动化决策（如个性化推荐）时，将保证决策的透明度和结果公平公正，不实行不合理的差别待遇。</p>
          <p>4．未经您的单独同意，本网站不会将个人信息用于广告推送或与其他第三方共享。</p>
        </div>
      </div>

      <!-- 第四章 -->
      <div class="policy-section">
        <h3 class="section-title">4、个人信息存储与安全保障</h3>
        <div class="section-content">
          <h4 class="sub-title">1．存储规范：</h4>
          <ul>
            <li>● 您的个人信息将存储于中国大陆境内的服务器，符合数据本地化存储要求；</li>
            <li>● 存储期限遵循"必要最短时间"原则，超出实现服务目的所需的存储期限后，将自动删除或进行匿名化处理；</li>
            <li>● 您注销账户后，本网站将在30日内完成个人信息的删除或匿名化处理（法律法规另有规定的除外）。</li>
          </ul>
          
          <h4 class="sub-title">2．安全措施：</h4>
          <ul>
            <li>● 技术防护：采用HTTPS传输加密、AES－256存储加密、访问权限分级管理等技术，防止数据泄露、篡改；</li>
            <li>● 运维保障：定期开展安全审计、漏洞扫描，建立数据备份机制（保留最近90天历史数据），及时修复安全隐患；</li>
            <li>● 人员管理：对接触个人信息的运营人员进行严格资质审核和保密培训，签订保密协议，明确岗位职责。</li>
          </ul>
          
          <p>3．若发生个人信息泄露、篡改、丢失等安全事件，本网站将立即启动应急响应机制，采取补救措施，并在事件发生后72小时内告知您事件相关情况及处理措施（法律法规另有规定的除外）。</p>
        </div>
      </div>

      <!-- 第五章 -->
      <div class="policy-section">
        <h3 class="section-title">5、个人信息共享与第三方合作</h3>
        <div class="section-content">
          <p>1．本网站原则上不向第三方共享您的个人信息，仅在以下特殊情形下，经您单独同意或法律法规允许时共享：</p>
          <ul>
            <li>● 为履行服务必需：如委托第三方服务商提供云存储、CDN加速、支付结算等服务（将与第三方签订保密协议，明确数据处理范围和安全义务）；</li>
            <li>● 为遵守法律规定：如配合司法机关、监管部门的合法调查取证要求；</li>
            <li>● 为保护合法权益：如为保护您或他人的人身、财产安全，或维护本网站的合法权益。</li>
          </ul>
          <p>2．向第三方共享个人信息时，将严格限制共享范围，仅提供实现服务目的所必需的信息，且要求第三方采取与本网站同等的安全保护措施。第三方不得超出约定范围处理个人信息。</p>
          <p>3．若第三方服务提供商发生合并、分立、解散等情形，本网站将要求其及时返还或删除所持有您的个人信息，并向您告知接收方信息（如涉及信息转移）。</p>
        </div>
      </div>

      <!-- 第六章 -->
      <div class="policy-section">
        <h3 class="section-title">6、您的权利及行使方式</h3>
        <div class="section-content">
          <p>您可依法行使以下个人信息相关权利，本网站将提供便捷的行使渠道，不设置不合理条件限制您的权利行使：</p>
          <ul>
            <li><strong>（1）知情权：</strong>您可通过查阅本规则，了解个人信息的收集、使用、共享等具体情况；</li>
            <li><strong>（2）访问权与复制权：</strong>您可登录个人账户，在"我的"页面查看您的个人信息副本；</li>
            <li><strong>（3）更正权：</strong>若您发现个人信息不准确或不完整，可通过直接修改，或联系客服协助更正；</li>
            <li><strong>（4）删除权：</strong>在符合法律法规规定的情形下（如信息收集目的已实现、您撤回同意），您可要求删除个人信息，联系客服后将及时处理；</li>
            <li><strong>（5）撤回同意权：</strong>您可通过联系客服，撤回对个人信息处理的同意。撤回同意后，本网站将停止相关信息处理活动，但不影响撤回前基于同意已进行的合法处理行为的效力；</li>
            <li><strong>（6）投诉举报权：</strong>若您认为本网站的个人信息处理行为侵害了您的权益，可通过客服联系方式投诉举报，我们将在15个工作日内予以答复。</li>
          </ul>
          <p><strong>权利行使方式：</strong>通过微信客服渠道。申请时需完成身份验证（如短信验证码），以保障信息安全。</p>
        </div>
      </div>

      <!-- 第七章 -->
      <div class="policy-section">
        <h3 class="section-title">7、规则更新与通知</h3>
        <div class="section-content">
          <p>1．本规则将根据法律法规更新、服务功能调整等情况适时修订。修订后，将在网站显著位置公示更新内容及生效时间，公示期不少于30日；</p>
          <p>2．若修订内容涉及您的核心权益（如收集范围扩大、使用目的变更），将通过微信等方式向您单独通知，您继续使用本网站服务即表示同意修订后的规则；</p>
          <p>3．您可随时访问网站查看本规则的最新版本。</p>
        </div>
      </div>

      <!-- 第八章 -->
      <div class="policy-section">
        <h3 class="section-title">8、附则</h3>
        <div class="section-content">
          <p>1．本规则的解释权归本网站运营主体所有；</p>
          <p>2．若您与本网站就个人信息处理产生争议，可先通过客服渠道协商解决；协商不成的，可向有管辖权的人民法院提起诉讼；</p>
          <p>3．本政策自2026年1月26日起生效。</p>
        </div>
      </div>

      <!-- 第九章 -->
      <div class="policy-section">
        <h3 class="section-title">9、联系方式</h3>
        <div class="section-content">
          <p><strong>运营主体：</strong>西安溢彩数智科技有限公司</p>
          <p><strong>注册地址：</strong>陕西省西安市高新区</p>
          <p><strong>微信客服二维码：</strong></p>
          <div class="qrcode-placeholder">
            <img src="/assets/home/erweima.png" alt="客服二维码" class="qrcode-img" />
          </div>
        </div>
      </div>

      <!-- 底部信息 -->
      <div class="footer-info">
        <p class="company-name">西安溢彩数智科技有限公司</p>
        <p class="date">2026年2月1日</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PrivacyPolicy',
  methods: {
    goBack() {
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>
.privacy-policy-page {
  min-height: 100vh;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  padding: 0;
}

/* 页面头部 */
.page-header-modern {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: white;
  padding: 20px 0;
  position: relative;
}

.header-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.back-btn {
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
  color: white;
  margin-right: 16px;
}

.back-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.05);
}

.back-icon {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.header-info {
  flex: 1;
}

.header-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 4px 0;
  color: white;
}

.header-subtitle {
  font-size: 14px;
  opacity: 0.8;
  margin: 0;
}

/* 主要内容 */
.policy-content {
  max-width: 850px;
  margin: 0 auto;
  padding: 24px 20px;
}

/* 标题区域 */
.policy-title-section {
  text-align: center;
  margin-bottom: 10px;
}

/* 章节样式 */
.policy-section {
  background: white;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.section-title {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #4facfe;
}

.section-content {
  font-size: 14px;
  color: #555;
  line-height: 1.8;
}

.section-content p {
  margin-bottom: 12px;
}

.section-content p:last-child {
  margin-bottom: 0;
}

.sub-title {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 16px 0 12px 0;
}

/* 列表样式 */
.section-content ul {
  padding-left: 20px;
  margin: 12px 0;
}

.section-content ul li {
  margin-bottom: 8px;
  line-height: 1.6;
}

/* 二维码 */
.qrcode-placeholder {
  text-align: center;
  margin-top: 16px;
}

.qrcode-img {
  max-width: 200px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 提示框 */
.notice-box {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 152, 0, 0.1) 100%);
  padding: 16px 20px;
  border-radius: 12px;
  border-left: 4px solid #ffc107;
  text-align: left;
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* 底部信息 */
.footer-info {
  text-align: center;
  color: #666;
}

.company-name {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}

.date {
  font-size: 14px;
  color: #999;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .page-header-modern {
    padding: 16px 0;
  }
  
  .header-content {
    padding: 0 16px;
  }
  
  .back-btn {
    width: 40px;
    height: 40px;
    margin-right: 12px;
  }
  
  .header-title {
    font-size: 18px;
  }
  
  .policy-content {
    padding: 16px;
  }
  
  .section-title {
    font-size: 16px;
  }
  
  .qrcode-img {
    max-width: 160px;
  }
}
</style>
