<template>
	<view class="points-rules-page">
		<!-- 内容区域 -->
		<scroll-view class="content-scroll" scroll-y>
			<!-- 一、积分获取规则 -->
			<view class="section">
				<view class="section-title">一、积分获取规则</view>
				
				<!-- 1. 每日签到 -->
				<view class="rule-item">
					<view class="rule-title">1. 每日签到</view>
					<view class="rule-content">
						<text class="rule-text">每日打开应用签到即可获得积分。</text>
						<text class="rule-text">获得积分：+5分</text>
						<text class="rule-text">频率：每日</text>
					</view>
				</view>

				<!-- 2. 饮食打卡 -->
				<view class="rule-item">
					<view class="rule-title">2. 饮食打卡</view>
					<view class="rule-content">
						<text class="rule-text">每日上传饮食记录（照片/文字），记录您的健康饮食。</text>
						<text class="rule-text">获得积分：+10分</text>
						<text class="rule-text">频率：每日</text>
					</view>
				</view>

				<!-- 3. 完善健康档案 -->
				<view class="rule-item">
					<view class="rule-title">3. 完善健康档案</view>
					<view class="rule-content">
						<text class="rule-text">完善您的基本信息、病史、透析情况等健康档案。</text>
						<text class="rule-text">获得积分：+30分</text>
						<text class="rule-text">频率：仅限1次</text>
					</view>
				</view>

				<!-- 4. 采纳营养方案 -->
				<view class="rule-item">
					<view class="rule-title">4. 采纳营养方案</view>
					<view class="rule-content">
						<text class="rule-text">使用营养计算器并采纳个性化营养方案。</text>
						<text class="rule-text">获得积分：+20分</text>
						<text class="rule-text">频率：每次</text>
					</view>
				</view>

				<!-- 5. 内容分享 -->
				<view class="rule-item">
					<view class="rule-title">5. 内容分享</view>
					<view class="rule-content">
						<text class="rule-text">分享打卡内容、食谱到社区或社交平台。</text>
						<text class="rule-text">获得积分：+15分</text>
						<text class="rule-text">频率：每次</text>
					</view>
				</view>

				<!-- 6. 点赞与收藏 -->
				<view class="rule-item">
					<view class="rule-title">6. 点赞与收藏</view>
					<view class="rule-content">
						<text class="rule-text">给社区内容点赞或收藏优质食谱、营养知识。</text>
						<text class="rule-text">获得积分：+2分</text>
						<text class="rule-text">频率：每日最多10次</text>
					</view>
				</view>

				<!-- 7. 生成AI视频 -->
				<view class="rule-item">
					<view class="rule-title">7. 生成AI视频</view>
					<view class="rule-content">
						<text class="rule-text">在打卡时开启AI视频生成功能，系统将自动为您生成营养分析视频。</text>
						<text class="rule-text">获得积分：+20分</text>
						<text class="rule-text">频率：每次</text>
					</view>
				</view>
			</view>

			<!-- 二、积分用途 -->
			<view class="section">
				<view class="section-title">二、积分用途</view>
				<view class="usage-list">
					<text class="usage-item">1. 兑换专属福利礼包和健康用品</text>
					<text class="usage-item">2. 参与积分抽奖活动，赢取丰厚奖品</text>
					<text class="usage-item">3. 解锁专属营养师咨询服务</text>
					<text class="usage-item">4. 获取高级健康数据分析报告</text>
				</view>
			</view>

			<!-- 三、温馨提示 -->
			<view class="section">
				<view class="section-title">三、温馨提示</view>
				<view class="tips-list">
					<text class="tips-item">1. 积分永久有效，不会过期</text>
					<text class="tips-item">2. 每日任务会在 00:00 重置</text>
					<text class="tips-item">3. 作弊行为将被扣除积分并警告</text>
					<text class="tips-item">4. 更多积分玩法即将上线，敬请期待</text>
				</view>
			</view>

			<!-- 四、其他说明 -->
			<view class="section">
				<view class="section-title">四、其他说明</view>
				<view class="notes-list">
					<text class="notes-item">1. 本平台保留对积分规则的最终解释权</text>
					<text class="notes-item">2. 积分规则可能根据实际运营情况进行调整，调整时会提前公告</text>
					<text class="notes-item">3. 如有任何疑问，请联系客服咨询</text>
				</view>
			</view>

			<!-- 底部安全距离 -->
			<view class="safe-bottom"></view>
		</scroll-view>
	</view>
</template>

<script>
export default {
	data() {
		return {
		}
	},
	methods: {
	}
}
</script>

<style lang="scss" scoped>
.points-rules-page {
	min-height: 100vh;
	background: #ffffff;
	display: flex;
	flex-direction: column;
}

/* 内容滚动区域 */
.content-scroll {
	flex: 1;
	padding: 0;
}

/* 通用区块样式 */
.section {
	padding: 32rpx;
}

.section-title {
	font-size: 40rpx;
	color: #101828;
	font-weight: 500;
	margin-bottom: 32rpx;
	line-height: 1.5;
}

/* 积分获取规则 */
.rule-item {
	margin-bottom: 48rpx;

	&:last-child {
		margin-bottom: 0;
	}
}

.rule-title {
	font-size: 36rpx;
	color: #101828;
	font-weight: 500;
	margin-bottom: 16rpx;
	line-height: 1.5;
}

.rule-content {
	display: flex;
	flex-direction: column;
	gap: 8rpx;
}

.rule-text {
	font-size: 32rpx;
	color: #4a5565;
	line-height: 1.5;
}

/* 积分用途 */
.usage-list {
	display: flex;
	flex-direction: column;
	gap: 8rpx;
}

.usage-item {
	font-size: 32rpx;
	color: #4a5565;
	line-height: 1.5;
}

/* 温馨提示 */
.tips-list {
	display: flex;
	flex-direction: column;
	gap: 8rpx;
}

.tips-item {
	font-size: 32rpx;
	color: #4a5565;
	line-height: 1.5;
}

/* 其他说明 */
.notes-list {
	display: flex;
	flex-direction: column;
	gap: 8rpx;
}

.notes-item {
	font-size: 32rpx;
	color: #4a5565;
	line-height: 1.5;
}

/* 底部安全距离 */
.safe-bottom {
	height: 40rpx;
}
</style>

