Tolan/frontend/public/user-agreement.html

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <!-- 全终端适配 viewport 配置 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <!-- iOS Safari 优化 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- Android Chrome 优化 -->
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="theme-color" content="#667eea" />
    <!-- 禁止格式检测 -->
    <meta name="format-detection" content="telephone=no, email=no, address=no" />
    
    <title>用户使用协议 - Lyrria</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      
      body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
        line-height: 1.6;
        color: #333;
        background-color: #f5f5f5;
        padding: 20px;
        padding-bottom: 40px;
      }
      
      .container {
        max-width: 800px;
        margin: 0 auto;
        background-color: #fff;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      }
      
      h1 {
        font-size: 24px;
        color: #1890ff;
        margin-bottom: 20px;
        text-align: center;
        padding-bottom: 15px;
        border-bottom: 2px solid #1890ff;
      }
      
      h2 {
        font-size: 18px;
        color: #333;
        margin-top: 25px;
        margin-bottom: 15px;
        padding-left: 10px;
        border-left: 4px solid #1890ff;
      }
      
      p {
        margin-bottom: 12px;
        text-align: justify;
        font-size: 14px;
      }
      
      .update-date {
        text-align: right;
        color: #999;
        font-size: 12px;
        margin-bottom: 20px;
      }
      
      .section {
        margin-bottom: 25px;
      }
      
      ul {
        margin-left: 20px;
        margin-bottom: 12px;
      }
      
      li {
        margin-bottom: 8px;
        font-size: 14px;
      }
      
      .highlight {
        color: #1890ff;
        font-weight: 500;
      }
      
      @media (max-width: 768px) {
        body {
          padding: 15px;
        }
        
        .container {
          padding: 20px;
        }
        
        h1 {
          font-size: 20px;
        }
        
        h2 {
          font-size: 16px;
        }
        
        p, li {
          font-size: 13px;
        }
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>用户使用协议</h1>
      <div class="update-date">最后更新时间：2024年12月</div>
      
      <div class="section">
        <p>
          欢迎使用 Lyrria（以下简称"本服务"或"我们"）。在使用本服务之前，请您仔细阅读本《用户使用协议》（以下简称"本协议"）。当您注册、登录、使用本服务时，即表示您已阅读、理解并同意接受本协议的全部内容。如您不同意本协议的任何内容，请立即停止使用本服务。
        </p>
      </div>
      
      <div class="section">
        <h2>一、协议范围</h2>
        <p>1.1 本协议是您与 Lyrria 之间关于使用本服务的法律协议。</p>
        <p>1.2 本协议描述您在使用本服务时享有的权利和应承担的义务。</p>
        <p>1.3 本协议包括但不限于本协议正文、隐私政策、以及我们可能不时发布的其他规则、声明、说明等。</p>
      </div>
      
      <div class="section">
        <h2>二、服务说明</h2>
        <p>2.1 Lyrria 是一款基于人工智能技术的英语语音对话助手，旨在帮助用户提升英语口语能力。</p>
        <p>2.2 我们提供的服务包括但不限于：</p>
        <ul>
          <li>实时语音识别与转写</li>
          <li>AI 智能对话与反馈</li>
          <li>语音合成与播放</li>
          <li>学习进度记录与统计</li>
        </ul>
        <p>2.3 我们有权根据实际情况调整、变更或终止部分或全部服务内容，并会提前通知用户。</p>
      </div>
      
      <div class="section">
        <h2>三、用户账户</h2>
        <p>3.1 您可以通过手机号、邮箱、微信、QQ 等方式注册账户。</p>
        <p>3.2 您应当保证注册信息的真实性、准确性和完整性，并承担因信息不实导致的一切后果。</p>
        <p>3.3 您有责任妥善保管账户信息及密码，对账户下的所有行为负责。</p>
        <p>3.4 如发现账户被盗用或存在安全风险，请立即通知我们。</p>
      </div>
      
      <div class="section">
        <h2>四、使用规范</h2>
        <p>4.1 您在使用本服务时，应当遵守相关法律法规，不得利用本服务从事违法违规活动。</p>
        <p>4.2 您不得从事以下行为：</p>
        <ul>
          <li>发布、传播违法、有害、低俗、暴力、恐怖等不良信息</li>
          <li>侵犯他人知识产权、隐私权、名誉权等合法权益</li>
          <li>干扰、破坏本服务的正常运行或安全防护措施</li>
          <li>使用自动化工具、脚本等方式批量操作或恶意刷量</li>
          <li>将本服务用于商业用途或未经授权的第三方服务</li>
          <li>其他违反法律法规或本协议的行为</li>
        </ul>
        <p>4.3 如您违反上述规定，我们有权立即终止向您提供服务，并保留追究法律责任的权利。</p>
      </div>
      
      <div class="section">
        <h2>五、知识产权</h2>
        <p>5.1 本服务的所有知识产权，包括但不限于商标、专利、著作权、商业秘密等，均归我们所有。</p>
        <p>5.2 您在使用本服务过程中产生的对话内容、学习记录等数据，其知识产权归您所有，但我们有权在提供服务过程中使用、存储这些数据。</p>
        <p>5.3 未经我们书面许可，您不得复制、传播、展示、镜像、上传、下载本服务的任何内容。</p>
      </div>
      
      <div class="section">
        <h2>六、隐私保护</h2>
        <p>6.1 我们高度重视您的隐私保护，具体内容请参见《隐私政策》。</p>
        <p>6.2 您在使用本服务时，我们可能会收集、使用您的个人信息，包括但不限于：账户信息、语音数据、对话内容、设备信息等。</p>
        <p>6.3 我们承诺按照法律法规要求和《隐私政策》的约定，保护您的个人信息安全。</p>
      </div>
      
      <div class="section">
        <h2>七、服务变更与终止</h2>
        <p>7.1 我们有权根据业务发展需要，调整、变更或终止部分或全部服务。</p>
        <p>7.2 如因不可抗力、技术故障等原因导致服务中断或终止，我们不承担责任，但会尽力减少对您的影响。</p>
        <p>7.3 您有权随时停止使用本服务，但已产生的费用或数据不予退还。</p>
      </div>
      
      <div class="section">
        <h2>八、免责声明</h2>
        <p>8.1 本服务基于人工智能技术，可能存在识别错误、理解偏差等情况，我们不对服务结果的准确性、完整性作任何保证。</p>
        <p>8.2 因网络状况、设备故障、不可抗力等因素导致的服务中断、数据丢失等，我们不承担责任。</p>
        <p>8.3 您因使用本服务产生的任何损失，包括但不限于直接损失、间接损失、利润损失等，我们不承担责任。</p>
      </div>
      
      <div class="section">
        <h2>九、协议修改</h2>
        <p>9.1 我们有权根据法律法规变化、业务发展需要等，随时修改本协议。</p>
        <p>9.2 协议修改后，我们会在服务页面公布修改内容，修改后的协议自公布之日起生效。</p>
        <p>9.3 如您不同意修改后的协议，请停止使用本服务；继续使用视为接受修改后的协议。</p>
      </div>
      
      <div class="section">
        <h2>十、法律适用与争议解决</h2>
        <p>10.1 本协议的订立、生效、解释、执行和争议解决均适用中华人民共和国法律。</p>
        <p>10.2 如因本协议产生任何争议，双方应友好协商解决；协商不成的，任何一方均可向我们所在地有管辖权的人民法院提起诉讼。</p>
      </div>
      
      <div class="section">
        <h2>十一、其他</h2>
        <p>11.1 如本协议的任何条款被认定为无效或不可执行，不影响其他条款的效力。</p>
        <p>11.2 本协议的标题仅为方便阅读而设，不影响协议内容的解释。</p>
        <p>11.3 如您对本协议有任何疑问，可通过客服渠道联系我们。</p>
      </div>
      
      <div class="section">
        <p style="text-align: center; margin-top: 30px; color: #999; font-size: 12px;">
          © 2024 Lyrria. All rights reserved.
        </p>
      </div>
    </div>
  </body>
</html>