448 lines
16 KiB
HTML
448 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>用户服务协议 - [茶址]</title>
|
||
<style>
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
|
||
line-height: 1.6;
|
||
color: #333;
|
||
background-color: #f8f9fa;
|
||
padding: 20px;
|
||
max-width: 800px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.container {
|
||
background: white;
|
||
border-radius: 10px;
|
||
padding: 30px;
|
||
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
.header {
|
||
text-align: center;
|
||
margin-bottom: 30px;
|
||
padding-bottom: 20px;
|
||
border-bottom: 2px solid #e9ecef;
|
||
}
|
||
|
||
h1 {
|
||
color: #2c3e50;
|
||
font-size: 24px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.effective-date {
|
||
color: #6c757d;
|
||
font-size: 14px;
|
||
}
|
||
|
||
h2 {
|
||
color: #2c3e50;
|
||
font-size: 18px;
|
||
margin: 25px 0 15px;
|
||
padding-bottom: 8px;
|
||
border-bottom: 1px solid #e9ecef;
|
||
}
|
||
|
||
h3 {
|
||
color: #495057;
|
||
font-size: 16px;
|
||
margin: 20px 0 10px;
|
||
}
|
||
|
||
p {
|
||
margin-bottom: 15px;
|
||
text-align: justify;
|
||
}
|
||
|
||
ul, ol {
|
||
margin: 10px 0 15px 25px;
|
||
}
|
||
|
||
li {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.agreement-box {
|
||
background-color: #f8f9fa;
|
||
border: 1px solid #dee2e6;
|
||
border-radius: 8px;
|
||
padding: 20px;
|
||
margin: 20px 0;
|
||
}
|
||
|
||
.warning-box {
|
||
background-color: #fff3cd;
|
||
border-left: 4px solid #ffc107;
|
||
padding: 15px;
|
||
margin: 20px 0;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.agreement-btn {
|
||
display: inline-block;
|
||
background: #07c160;
|
||
color: white;
|
||
padding: 12px 30px;
|
||
border-radius: 6px;
|
||
text-decoration: none;
|
||
margin: 10px 5px;
|
||
border: none;
|
||
cursor: pointer;
|
||
font-size: 16px;
|
||
transition: background-color 0.3s;
|
||
}
|
||
|
||
.agreement-btn:hover {
|
||
background: #06ad56;
|
||
}
|
||
|
||
.reject-btn {
|
||
background: #6c757d;
|
||
}
|
||
|
||
.reject-btn:hover {
|
||
background: #5a6268;
|
||
}
|
||
|
||
.section-title {
|
||
display: flex;
|
||
align-items: center;
|
||
margin: 25px 0 15px;
|
||
}
|
||
|
||
.section-number {
|
||
background: #07c160;
|
||
color: white;
|
||
width: 30px;
|
||
height: 30px;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-right: 10px;
|
||
font-weight: bold;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
body {
|
||
padding: 10px;
|
||
}
|
||
|
||
.container {
|
||
padding: 20px;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 20px;
|
||
}
|
||
|
||
h2 {
|
||
font-size: 17px;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="header">
|
||
<h1>用户服务协议</h1>
|
||
<p class="effective-date">生效日期：<span id="effective-date"></span></p>
|
||
</div>
|
||
|
||
<div class="warning-box">
|
||
<p><strong>特别提示：</strong>在您使用 [茶址] 小程序（以下简称"本应用"）之前，请务必仔细阅读并充分理解本协议的全部内容。如果您对本协议的任何条款表示异议，您可以不使用本应用。当您开始使用本应用时，即表示您已完全理解并同意接受本协议的全部内容。</p>
|
||
</div>
|
||
|
||
<div class="section-title">
|
||
<div class="section-number">一</div>
|
||
<h2>协议的范围</h2>
|
||
</div>
|
||
|
||
<h3>1.1 协议主体</h3>
|
||
<p>本协议是您与 [您的公司/个人名称]（以下简称"我们"）之间关于您使用本应用所订立的协议。</p>
|
||
|
||
<h3>1.2 协议内容</h3>
|
||
<p>本协议内容包括协议正文及所有我们已经发布的或将来可能发布的各类规则、公告、通知等。所有规则为本协议不可分割的组成部分，与协议正文具有同等法律效力。</p>
|
||
|
||
<h3>1.3 协议修改</h3>
|
||
<p>我们有权根据需要不时地修改本协议及各类规则，并在本应用内公示。如您继续使用本应用，则视为您已接受修改后的协议。</p>
|
||
|
||
<div class="section-title">
|
||
<div class="section-number">二</div>
|
||
<h2>账号注册与使用</h2>
|
||
</div>
|
||
|
||
<h3>2.1 注册资格</h3>
|
||
<ul>
|
||
<li>您应当是具备完全民事行为能力的自然人、法人或其他组织</li>
|
||
<li>如您未满18周岁，请在监护人指导下使用本应用</li>
|
||
<li>一个微信账号只能注册一个本应用账号</li>
|
||
</ul>
|
||
|
||
<h3>2.2 注册信息</h3>
|
||
<ul>
|
||
<li>您必须提供真实、准确、完整的注册信息</li>
|
||
<li>您有义务维护注册信息的及时性和准确性</li>
|
||
<li>如发现他人冒用您的账号，应立即通知我们</li>
|
||
</ul>
|
||
|
||
<h3>2.3 账号安全</h3>
|
||
<ul>
|
||
<li>您应对账号下的一切行为负责</li>
|
||
<li>请妥善保管您的微信账号和密码</li>
|
||
<li>如发现任何安全问题，请立即联系我们</li>
|
||
</ul>
|
||
|
||
<div class="section-title">
|
||
<div class="section-number">三</div>
|
||
<h2>用户权利</h2>
|
||
</div>
|
||
|
||
<h3>3.1 基础权利</h3>
|
||
<ul>
|
||
<li><strong>使用权：</strong>在遵守本协议的前提下使用本应用各项功能</li>
|
||
<li><strong>知情权：</strong>了解应用功能更新、政策变更等重要信息</li>
|
||
<li><strong>建议权：</strong>对产品改进提出意见和建议</li>
|
||
<li><strong>投诉权：</strong>对服务中的问题提出投诉并寻求解决</li>
|
||
</ul>
|
||
|
||
<h3>3.2 内容权利</h3>
|
||
<ul>
|
||
<li>您有权发布合法合规的内容信息</li>
|
||
<li>您拥有您所创作内容的相应知识产权</li>
|
||
<li>您有权对您的个人信息进行管理</li>
|
||
<li>您有权决定是否接受个性化推荐服务</li>
|
||
</ul>
|
||
|
||
<h3>3.3 隐私权利</h3>
|
||
<ul>
|
||
<li>您的个人信息受法律保护</li>
|
||
<li>您有权了解我们如何收集和使用您的信息</li>
|
||
<li>您有权要求我们删除您的个人信息</li>
|
||
<li>您有权拒绝不必要的个人信息收集</li>
|
||
</ul>
|
||
|
||
<div class="section-title">
|
||
<div class="section-number">四</div>
|
||
<h2>用户义务</h2>
|
||
</div>
|
||
|
||
<h3>4.1 合法使用</h3>
|
||
<p>您承诺在使用本应用时遵守所有适用的法律法规，不得从事以下行为：</p>
|
||
<ul>
|
||
<li>发布、传播违法或侵权信息</li>
|
||
<li>从事危害国家安全、荣誉和利益的活动</li>
|
||
<li>传播虚假信息，扰乱社会秩序</li>
|
||
<li>侵犯他人知识产权、名誉权、隐私权等合法权益</li>
|
||
<li>发送垃圾信息、广告信息</li>
|
||
<li>从事任何违法犯罪活动</li>
|
||
</ul>
|
||
|
||
<h3>4.2 内容规范</h3>
|
||
<p>您发布的内容应当遵守以下规范：</p>
|
||
<ul>
|
||
<li>内容真实、准确，不传播虚假信息</li>
|
||
<li>尊重他人，不使用侮辱性、歧视性语言</li>
|
||
<li>保护未成年人，不传播不良信息</li>
|
||
<li>保护个人隐私，不泄露他人信息</li>
|
||
<li>遵守社会公德，传播正能量</li>
|
||
</ul>
|
||
|
||
<h3>4.3 技术规范</h3>
|
||
<ul>
|
||
<li>不得以任何方式干扰本应用的正常运行</li>
|
||
<li>不得利用技术手段进行恶意攻击</li>
|
||
<li>不得进行任何可能对服务器造成不合理负荷的行为</li>
|
||
<li>不得尝试破解、反编译本应用</li>
|
||
</ul>
|
||
|
||
<div class="section-title">
|
||
<div class="section-number">五</div>
|
||
<h2>服务内容</h2>
|
||
</div>
|
||
|
||
<h3>5.1 服务提供</h3>
|
||
<ul>
|
||
<li>我们为您提供 [请在此处描述您的核心服务功能]</li>
|
||
<li>我们有权根据运营需要调整服务内容</li>
|
||
<li>我们努力确保服务的连续性和稳定性</li>
|
||
</ul>
|
||
|
||
<h3>5.2 服务变更</h3>
|
||
<ul>
|
||
<li>我们可能因业务发展需要变更、暂停或终止部分服务</li>
|
||
<li>如发生重大变更，我们会提前通知用户</li>
|
||
<li>因不可抗力导致的服务中断，我们不承担责任</li>
|
||
</ul>
|
||
|
||
<h3>5.3 服务限制</h3>
|
||
<ul>
|
||
<li>我们有权对违规用户进行服务限制</li>
|
||
<li>我们有权根据法律法规要求限制特定服务</li>
|
||
<li>我们保留判定用户行为是否违规的权利</li>
|
||
</ul>
|
||
|
||
<div class="section-title">
|
||
<div class="section-number">六</div>
|
||
<h2>知识产权</h2>
|
||
</div>
|
||
|
||
<h3>6.1 我们的知识产权</h3>
|
||
<ul>
|
||
<li>本应用及相关内容的知识产权归我们所有</li>
|
||
<li>包括但不限于商标、Logo、界面设计、源代码等</li>
|
||
<li>未经书面许可，任何人不得擅自使用</li>
|
||
</ul>
|
||
|
||
<h3>6.2 用户内容授权</h3>
|
||
<p>您在本应用发布的内容，您授予我们全球范围内免费的、不可撤销的、非独家的使用授权，包括但不限于：</p>
|
||
<ul>
|
||
<li>存储、展示、推广您的内容</li>
|
||
<li>为实现服务目的进行必要的技术处理</li>
|
||
<li>在法律法规允许范围内进行使用</li>
|
||
</ul>
|
||
|
||
<h3>6.3 第三方内容</h3>
|
||
<p>本应用中可能包含第三方提供的内容，该等内容的知识产权归第三方所有。您在使用时应遵守第三方的相关条款。</p>
|
||
|
||
<div class="section-title">
|
||
<div class="section-number">七</div>
|
||
<h2>免责声明</h2>
|
||
</div>
|
||
|
||
<h3>7.1 不可抗力</h3>
|
||
<p>对于因不可抗力或我们不能控制的原因造成的服务中断或其他缺陷，我们不承担责任，但会尽力减少由此给您造成的损失和影响。</p>
|
||
|
||
<h3>7.2 第三方服务</h3>
|
||
<p>本应用可能包含第三方提供的服务或链接，我们对这些服务的内容、隐私政策或活动不承担任何责任。</p>
|
||
|
||
<h3>7.3 用户行为</h3>
|
||
<p>您应对使用本应用过程中的所有行为自行承担责任。我们不对您发布的内容承担任何责任。</p>
|
||
|
||
<h3>7.4 服务质量</h3>
|
||
<p>我们尽最大努力为您提供服务，但不保证服务一定会满足您的要求，也不保证服务不会中断。</p>
|
||
|
||
<div class="section-title">
|
||
<div class="section-number">八</div>
|
||
<h2>协议终止</h2>
|
||
</div>
|
||
|
||
<h3>8.1 用户终止</h3>
|
||
<ul>
|
||
<li>您有权随时停止使用本应用</li>
|
||
<li>您可以在应用内申请注销账号</li>
|
||
<li>账号注销后，您的信息将按法律规定处理</li>
|
||
</ul>
|
||
|
||
<h3>8.2 我们终止</h3>
|
||
<p>发生以下情况时，我们有权终止为您提供服务：</p>
|
||
<ul>
|
||
<li>您违反本协议规定</li>
|
||
<li>应法律法规或政府部门要求</li>
|
||
<li>出于安全原因或其他必要情形</li>
|
||
</ul>
|
||
|
||
<h3>8.3 终止后果</h3>
|
||
<ul>
|
||
<li>终止后，您使用本应用的权利立即终止</li>
|
||
<li>我们可能删除您的相关信息</li>
|
||
<li>不影响终止前已产生的权利义务</li>
|
||
</ul>
|
||
|
||
<div class="section-title">
|
||
<div class="section-number">九</div>
|
||
<h2>法律适用与争议解决</h2>
|
||
</div>
|
||
|
||
<h3>9.1 法律适用</h3>
|
||
<p>本协议的订立、执行和解释及争议的解决均适用中华人民共和国法律。</p>
|
||
|
||
<h3>9.2 争议解决</h3>
|
||
<ul>
|
||
<li>双方应友好协商解决争议</li>
|
||
<li>协商不成的，向被告所在地人民法院提起诉讼</li>
|
||
<li>争议解决期间，不影响其他条款的履行</li>
|
||
</ul>
|
||
|
||
<h3>9.3 条款独立性</h3>
|
||
<p>如本协议中的任何条款被认定为无效或不可执行，该条款不影响其他条款的有效性和可执行性。</p>
|
||
|
||
<div class="section-title">
|
||
<div class="section-number">十</div>
|
||
<h2>其他规定</h2>
|
||
</div>
|
||
|
||
<h3>10.1 通知送达</h3>
|
||
<p>我们可能通过以下方式向您送达通知：</p>
|
||
<ul>
|
||
<li>本应用内公告</li>
|
||
<li>向您提供的联系方式发送信息</li>
|
||
<li>其他合理的送达方式</li>
|
||
</ul>
|
||
|
||
<h3>10.2 联系方式</h3>
|
||
<p>如您对本协议有任何疑问，请通过以下方式联系我们：</p>
|
||
<ul>
|
||
<li>办公地址：[上海茶址茶室]</li>
|
||
</ul>
|
||
|
||
<h3>10.3 协议生效</h3>
|
||
<p>本协议自您同意并开始使用本应用时生效，长期有效，直至根据本协议规定终止。</p>
|
||
|
||
<div class="agreement-box">
|
||
<p>在开始使用 [您的应用名称] 之前，请您确认：</p>
|
||
<ul>
|
||
<li>我已仔细阅读并完全理解本协议的全部内容</li>
|
||
<li>我同意遵守本协议的所有条款</li>
|
||
<li>我了解并同意隐私政策中关于个人信息处理的说明</li>
|
||
<li>我承诺提供的信息真实、准确、完整</li>
|
||
</ul>
|
||
<div style="text-align: center; margin-top: 20px;">
|
||
<button class="agreement-btn" id="agree-btn">同意并继续</button>
|
||
<button class="agreement-btn reject-btn" id="disagree-btn">不同意</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 设置生效日期
|
||
document.getElementById('effective-date').textContent = new Date().toLocaleDateString('zh-CN', {
|
||
year: 'numeric',
|
||
month: 'long',
|
||
day: 'numeric'
|
||
});
|
||
|
||
// 同意按钮事件
|
||
document.getElementById('agree-btn').addEventListener('click', function() {
|
||
alert('感谢您的同意！您可以开始使用我们的服务了。');
|
||
// 实际使用中，这里可以跳转到应用主页面
|
||
// window.location.href = 'main.html';
|
||
});
|
||
|
||
// 不同意按钮事件
|
||
document.getElementById('disagree-btn').addEventListener('click', function() {
|
||
if (confirm('如果您不同意本协议，将无法使用我们的服务。确定要离开吗？')) {
|
||
alert('很遗憾您选择离开。如有任何疑问，欢迎随时联系我们。');
|
||
// 实际使用中，这里可以关闭应用或返回上一页
|
||
// window.history.back();
|
||
}
|
||
});
|
||
|
||
// 页面加载完成后滚动到顶部
|
||
window.addEventListener('load', function() {
|
||
window.scrollTo(0, 0);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |