<template>
	<view class="legal-page">
		<view class="header">
			<view class="title">用户协议</view>
			<view class="subtitle">适用于“风电者”共享风扇租借服务（最后更新：{{ effectiveDate }}）</view>
		</view>

		<scroll-view class="content" scroll-y>
			<view class="h1">一、导言</view>
			<view class="p">欢迎您使用{{ brandName }}共享风扇产品与相关服务。本《用户协议》（下称“本协议”）由您与{{ companyName }}（“我们”）就您使用{{ brandName }}小程序及租借共享风扇服务所订立。</view>
			<view class="p">在使用{{ brandName }}前，请您务必仔细阅读并充分理解本协议全部内容，尤其是以加粗方式提示的条款（包括但不限于责任限制、争议解决、适用法律、未成年人保护等）。您点击“登录/使用”或实际使用服务即视为您已阅读并同意受本协议约束。</view>

			<view class="h1">二、账号与登录</view>
			<view class="p">2.1 您可通过微信授权登录使用本服务。为完成免押租借与订单结算，您同意我们基于微信支付分进行信用评估及订单后结等必要处理。</view>
			<view class="p">2.2 您应保证提供信息真实、准确、完整，并及时更新。因您提供的信息不真实或未及时更新导致的服务受限、订单异常或损失，由您自行承担。</view>
			<view class="p">2.3 您应对账户下的全部行为负责，妥善保管设备与账户凭证，不得转借、出租或以其他方式提供给他人使用。</view>

			<view class="h1">三、租借与使用规范</view>
			<view class="p">3.1 租借流程：在{{ brandName }}小程序中发起租借 → 在设备端取用风扇 → 使用完毕后按指引在归还点归还或通过“快递归还”。</view>
			<view class="p">3.2 使用规范：请合理使用设备，避免进水、摔落、私自拆卸或改装；请勿靠近明火与高温环境；室外雨天请避免使用；儿童应在监护下使用。</view>
			<view class="p">3.3 禁止行为：将设备用于违法或不当用途；以任何方式影响设备或系统的正常运行；通过非正常手段规避计费或归还流程。</view>

			<view class="h1">四、计费与结算（含微信支付分）</view>
			<view class="p"><text class="bold">4.1 计费规则</text>：以小程序展示的实时计费规则为准，可能包含时长计费、封顶价、服务费等。订单生成后将据此计费。</view>
			<view class="p"><text class="bold">4.2 微信支付分免押</text>：若您开通并通过信用评估，可享受免押租借；如评估未通过，可能需预授权或押金。具体以页面提示为准。</view>
			<view class="p">4.3 结算与扣款：订单结束后，我们将基于实际使用情况与平台规则完成结算并通过微信支付分/微信支付进行扣款。</view>
			<view class="p">4.4 异常与争议：如对计费或结算有异议，请在订单完成后48小时内通过“我的-客服”提交；逾期可能影响处理结果。</view>

			<view class="h1">五、设备归还与逾期处理</view>
			<view class="p">5.1 归还方式：按照小程序指引在指定网点归还，或通过“快递归还”功能寄回。非指定方式可能导致订单异常与额外费用。</view>
			<view class="p">5.2 逾期处理：未在规定时间内归还的，系统将持续计费或按规则收取逾期费用。长时间未归还的，可能依约进行赔偿处理。</view>
			<view class="p">5.3 验收与结单：归还后平台将进行完好性验收，验收完成且费用结清后，订单方可完结。</view>

			<view class="h1">六、违规、损坏与赔偿</view>
			<view class="p">6.1 设备损坏丢失：若因不当使用、故意破坏或未按规范保管导致设备损坏、丢失，您需按平台公示标准或实际维修/折损成本承担赔偿责任。</view>
			<view class="p">6.2 清洁与部件：因人为污损、缺失附件等造成的额外成本，将据实向您收取。</view>
			<view class="p">6.3 风险控制：如出现涉嫌恶意拖欠、欺诈等，平台可采取冻结服务、追偿、依法维权等措施。</view>

			<view class="h1">七、用户行为规范</view>
			<view class="p">7.1 您承诺遵守法律法规与公序良俗，不发表、不传播违法违规或不当内容，不干扰或破坏平台与设备的正常运行。</view>
			<view class="p">7.2 您不得对本小程序进行反向工程、抓取或未经授权的自动化访问。</view>

			<view class="h1">八、知识产权</view>
			<view class="p">8.1 {{ companyName }}及关联方对本小程序与服务中的商标、标识、界面、文字、图片、代码等享有相应知识产权或合法授权。</view>
			<view class="p">8.2 未经书面许可，任何人不得以任何方式使用、复制、传播或改作上述内容。</view>

			<view class="h1">九、免责声明与责任限制</view>
			<view class="p"><text class="bold">9.1 由于不可抗力、网络故障、第三方服务稳定性等原因导致的服务中断或受限，{{ companyName }}在法律允许范围内不承担责任，但将尽力恢复服务。</text></view>
			<view class="p">9.2 您应对自身使用行为负责。因您违反本协议或不当保管使用设备造成的损失，由您自行承担或向相关方赔偿。</view>

			<view class="h1">十、隐私与个人信息保护</view>
			<view class="p">10.1 我们严格按照《隐私政策》处理您的个人信息，包括微信登录信息、手机号（经您授权后获取）、设备与订单信息、位置与网点信息等。</view>
			<view class="p">10.2 详情请查阅本小程序内的《隐私政策》。</view>

			<view class="h1">十一、服务变更与终止</view>
			<view class="p">11.1 我们可能基于业务调整、法律合规或用户体验优化，对服务内容、功能或规则进行变更或终止。重要变更将通过小程序公告或站内消息提示。</view>
			<view class="p">11.2 如您不同意变更，可停止使用并申请注销相关账户/信息（受法律法规与账务结算限制）。</view>

			<view class="h1">十二、未成年人保护</view>
			<view class="p">12.1 未成年人的监护人应指导其正确理解并遵守本协议。未成年人使用服务应在监护下进行，避免在危险环境中使用设备。</view>

			<view class="h1">十三、通知与联系</view>
			<view class="p">13.1 联系方式：请通过小程序“我的-客服”与我们联系，我们将尽快处理您的问题或争议。</view>

			<view class="h1">十四、法律适用与争议解决</view>
			<view class="p">14.1 本协议的订立、生效、履行、解释与争议解决，适用中华人民共和国法律（不含冲突规范）。</view>
			<view class="p">14.2 因本协议产生的争议，优先友好协商；协商不成的，提交{{ disputeVenue }}有管辖权的人民法院诉讼解决。</view>

			<view class="h1">十五、附则</view>
			<view class="p">15.1 本协议自{{ effectiveDate }}起生效并长期有效，除非我们另行发布版本更新。</view>
			<view class="p">15.2 协议条款如被认定无效或不可执行，不影响其他条款的效力与执行。</view>
		</scroll-view>

		<view class="footer">如对本协议有疑问，请前往“我的-客服”咨询</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue'

	const brandName = '风电者'
	const companyName = '深圳乐慕智云科技有限公司'
	const effectiveDate = '2025-10-13'
	const disputeVenue = '平台所在地'
</script>

<style lang="scss" scoped>
	.legal-page {
		min-height: 100vh;
		background: #f8f8f8;
		padding: 24rpx 24rpx 40rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;

		.header {
			margin-bottom: 16rpx;
			.title {
				font-size: 40rpx;
				font-weight: 600;
				color: #222;
				margin-bottom: 8rpx;
			}
			.subtitle {
				font-size: 24rpx;
				color: #888;
			}
		}

		.content {
			// width: 100%;
			background: #fff;
			border-radius: 16rpx;
			padding: 16rpx 20rpx;
			flex: 1;
			min-height: 0;
			box-sizing: border-box;
			box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.04);
		}

		.h1 { font-size: 30rpx; font-weight: 600; color: #222; margin: 18rpx 0 12rpx; }
		.p { font-size: 26rpx; color: #444; line-height: 1.8; margin-bottom: 10rpx; }
		.bold { font-weight: 600; color: #222; }

		.footer {
			text-align: center;
			margin-top: 16rpx;
			font-size: 24rpx;
			color: #888;
		}
	}
</style>


