From 7e7bf1e90405800e1ee06aefb4b6587d2752db02 Mon Sep 17 00:00:00 2001
From: wangfukang <15630117759@163.com>
Date: Sat, 16 May 2026 14:17:11 +0800
Subject: [PATCH] 1

---
 pages/index/index.vue | 883 +++++++++++++++++++++++++++++++++---------
 1 file changed, 709 insertions(+), 174 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 4cecefe..bf42288 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="page1">
+	<view class="page1" :class="{'is-sticky': lastScrollTop>583}">
 		<view class="swiper-container">
 			<view class="swiper-page" v-if="currentIndex == 0">
 				<view style="position: relative;height: 545rpx;">
@@ -15,36 +15,42 @@
 							<uni-icons type="right" size="12" style="margin-left: 10rpx;"></uni-icons>
 						</view>
 					</view> -->
-					<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
-						:interval="interval" :duration="duration">
-						<swiper-item v-for="(item,index) in adList" :key="index"
-							@tap="goAdPage(item)">
-							<img :src="item.pic" alt="" />
-						</swiper-item>
-					</swiper>
+					<view class="campus-hero campus-hero--ad">
+						<swiper class="swiper hero-bg-swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
+							:interval="interval" :duration="duration">
+							<swiper-item v-for="(item,index) in adList" :key="index"
+								@tap="goAdPage(item)">
+								<img class="hero-bg-img" :src="item.pic" alt="" />
+							</swiper-item>
+						</swiper>
+						<view class="hero-bg-mask"></view>
+						<view class="hero-glow hero-glow-a"></view>
+						<view class="hero-glow hero-glow-b"></view>
+						<view class="hero-particle hero-particle-a"></view>
+						<view class="hero-particle hero-particle-b"></view>
+						<view class="hero-particle hero-particle-c"></view>
+					</view>
 					<view class="order-notice-wrap">
 						
 						<swiper class="swiper" vertical circular :autoplay="orderLists.length <= 0"  v-if="orderLists.length <= 0"
 							:interval="onlineWorkerInterval" :duration="onlineWorkerDuration"
 							style="height: 150rpx;margin-top: -100rpx;">
 							<swiper-item v-for="(item,index) in gaoxiaoList" :key="index">
-								<view class="order-msg-box">
-									<view class="order-msg-left">
-										<img src="/static/images/img/songshu.png"
-											alt="" style="width: 70%;height: 70%;margin: 15% 0 0 15%;" />
+								<view class="order-msg-box life-status-row">
+									<view class="life-ip order-msg-left">
+										<img src="/static/images/img/songshu.png" alt="" />
 									</view>
-									<view class="order-msg-center">
-										<view
-											style="font-weight: 700;font-size: 30rpx;line-height: 60rpx;margin-top: 5%;">
-											<text>{{item.title}}</text>
+									<view class="life-status-main order-msg-center">
+										<view class="life-status-title">
+											{{item.title}}
 										</view>
-										<view style="font-size: 24rpx;">
-											{{item.content}}
+										<view class="life-progress">
+											<view class="life-progress-bar" style="width: 56%;"></view>
 										</view>
+										<view class="life-status-desc">{{item.content}} · 附近宿舍在拼</view>
 									</view>
-									<view class="order-msg-right" @tap.stop="$refs.pagesPopup.open()">
-										<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/52021218212448219acb9bf780931d4f.png"
-											alt="" />
+									<view class="life-action order-msg-right" @tap.stop="goDetail('2')">
+										去拼
 									</view>
 								</view>
 							</swiper-item>
@@ -54,36 +60,36 @@
 							style="height: 150rpx;margin-top: -100rpx;">
 							<swiper-item v-if="orderLists.length > 0" v-for="(item,index) in orderLists" :key="index"
 								@tap="goOrderDetail(item)">
-								<view class="order-msg-box">
-									<view class="order-msg-left">
-										<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/bf2bb7f80e17428391c407aef769517a.png"
-											alt="" />
+								<view class="order-msg-box life-status-row">
+									<view class="life-ip order-msg-left">
+										<img src="/static/images/img/songshu.png" alt="" />
 									</view>
-									<view class="order-msg-center">
-										<view
-											style="font-weight: 700;font-size: 30rpx;line-height: 60rpx;margin-top: 5%;">
-											<text v-if="item.status == 0">待支付</text>
-											<text v-if="item.status == 2">等待配送员接单</text>
-											<text v-if="item.status == 10">待成团</text>
-											<text v-if="item.status == 3 && item.deliveryType == 1">配送员已接单</text>
-											<text v-if="item.status == 3 && item.deliveryType == 2">待消费</text>
-											<text v-if="item.status == 4 && item.deliveryType == 1">配送员已取货</text>
-											<text v-if="item.status == 5">订单已完成</text>
-											<text v-if="item.status == 7">等待同意退款</text>
+									<view class="life-status-main order-msg-center">
+										<view class="life-status-title">
+											<text v-if="item.status == 0">订单进度 · 待支付</text>
+											<text v-if="item.status == 2">跑腿状态 · 等待接单</text>
+											<text v-if="item.status == 10">拼团订单 · 待成团</text>
+											<text v-if="item.status == 3 && item.deliveryType == 1">外卖配送 · 骑手已接单</text>
+											<text v-if="item.status == 3 && item.deliveryType == 2">到店消费 · 等你核销</text>
+											<text v-if="item.status == 4 && item.deliveryType == 1">外卖配送 · 已取货</text>
+											<text v-if="item.status == 5">校园任务完成啦</text>
+											<text v-if="item.status == 7">退款状态 · 等商家确认</text>
 											<text v-if="item.status == 6">订单已取消</text>
 											<text v-if="item.status == 8">订单已退款</text>
-											<text v-if="item.status == 11">售后中</text>
-											<text v-if="item.status == 12">订单已售后</text>
+											<text v-if="item.status == 11">售后中 · 正在处理</text>
+											<text v-if="item.status == 12">售后已完成</text>
 										</view>
-										<view style="font-size: 24rpx;"
+										<view class="life-progress">
+											<view class="life-progress-bar" :style="{'width': item.status == 10 ? '68%' : (item.status == 0 ? '38%' : '82%')}"></view>
+										</view>
+										<view class="life-status-desc"
 											v-if="item.deliveryType == 1 && (item.status == 3 || item.status == 4) && item.deliveryInfo != null">
-											预计<text
-												style="color: red;">{{item.deliveryInfo.mustFinishTime | formatHourMinute }}</text>送达
+											预计 {{item.deliveryInfo.mustFinishTime | formatHourMinute }} 送达
 										</view>
+										<view class="life-status-desc" v-else>点开看看，订单的最新状态</view>
 									</view>
-									<view class="order-msg-right" @tap.stop="$refs.pagesPopup.open()">
-										<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/579569bfcc954f52baea06f6f11951be.png"
-											alt="" />
+									<view class="life-action order-msg-right">
+										查看
 									</view>
 								</view>
 							</swiper-item>
@@ -92,32 +98,45 @@
 
 
 					<view class="menu-box">
-						<view class="menu-list" @tap="goDetail('1')">
+						<view class="menu-list world-run" @tap="goDetail('1')">
+							<view class="world-light"></view>
+							<view class="world-dot world-dot-a"></view>
 							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/7690c4f897604fca804ea932bc3c1239.png"
 								alt="" />
-							<view class="menu-name">跑腿/快递</view>
+							<view class="menu-name">跑腿星环</view>
+							<view class="menu-desc">小事接力</view>
 						</view>
-						<view class="menu-list" @tap="goDetail('2')" style="position: relative;">
+						<view class="menu-list world-food" @tap="goDetail('2')" style="position: relative;">
+							<view class="world-light"></view>
+							<view class="world-dot world-dot-b"></view>
 							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/553230c20dea4e5c85f1e396058a7493.png"
 								alt="" />
-							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1a02b40d853a4cfdb062fff44ec49e6a.png"
-								alt="" style="position: absolute;top: -16rpx;right: 0;width: 88rpx;height: 36rpx;">
-							<view class="menu-name">饭团</view>
+							<!-- <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1a02b40d853a4cfdb062fff44ec49e6a.png"
+								alt="" style="position: absolute;top: -10rpx;right: 0;width: 78rpx;height: 32rpx;"> -->
+							<view class="menu-name">饭团星球</view>
+							<view class="menu-desc">食堂搭子</view>
 						</view>
-						<view class="menu-list" @tap="goDetail('3')">
+						<view class="menu-list world-store" @tap="goDetail('3')">
+							<view class="world-light"></view>
 							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/28b5cfec79d74871b0ce67743fb7619c.png"
 								alt="" />
-							<view class="menu-name">杂货铺</view>
+							<view class="menu-name">杂货小铺</view>
+							<view class="menu-desc">周边娱乐</view>
 						</view>
-						<view class="menu-list" @tap="goDetail('4')">
+						<view class="menu-list world-luck" @tap="goDetail('4')">
+							<view class="world-light"></view>
+							<view class="world-dot world-dot-c"></view>
 							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/41cfb56caff4419b94b69d0f2303b602.png"
 								alt="" />
-							<view class="menu-name">扭蛋机</view>
+							<view class="menu-name">幸运研究所</view>
+							<view class="menu-desc">抽点惊喜</view>
 						</view>
-						<view class="menu-list" @tap="goDetail('5')">
+						<view class="menu-list world-fish" @tap="goDetail('5')">
+							<view class="world-light"></view>
 							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/a083b7d159264bbc967034088fa7eb3a.png"
 								alt="" />
-							<view class="menu-name">ie浏览器</view>
+							<view class="menu-name">i/e基地</view>
+							<view class="menu-desc">思想漂流</view>
 						</view>
 					</view>
 					<view class="like-box">
@@ -126,20 +145,28 @@
 								<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/e0c44bc9b69a46559d3aa4160d3cf4a5.png"
 									alt="" />
 							</view>
-							<view class="seckill-entry" @tap="goSeckillGroup" style="top: 12rpx;">
+							<view class="seckill-entry" @tap="goSeckillGroup" style="top: 4rpx;">
+								<view class="heat-dot heat-dot-a"></view>
+								<view class="heat-dot heat-dot-b"></view>
 								<view class="seckill-entry-light"></view>
 								<view class="seckill-entry-info" style="padding-left: 20rpx;">
 									<view class="seckill-entry-title">秒杀团</view>
-									<view class="seckill-entry-sub">限时低价 秒杀更划算</view>
+									<view class="seckill-entry-sub">速速加入，就等你啦！</view>
 								</view>
-								<view class="seckill-entry-btn">秒</view>
+								<view class="seckill-entry-btn">抢</view>
 							</view>
 						</view>
 
 						<view class="like-content-box">
+							<view class="brand-memory-strip">
+								<text>热闹值 {{88 + waimaiCount}}</text>
+								<text>省钱榜 Top1</text>
+								<text>爆款指数 ↑</text>
+								<text>拼团王在线</text>
+							</view>
 							<view class="like-left">
 								<view class="like-content-title">
-									<view style="width: 100%;font-weight: 700;">爆品拼团</view>
+									<view style="width: 100%;font-weight: 700;">同学都在拼 · </view>
 									<image class="like-hot-gif" src="/static/images/img/loading.gif" mode="aspectFit"></image>
 									
 									<img src="/static/images/img/yousanjiao.png" alt=""
@@ -150,7 +177,7 @@
 										v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
 										<view class="list-img">
 											<img :src="item.adImage" alt="">
-											<view class="list-type">{{item.productList[0].groupMembers}}人团</view>
+											<view class="list-type">正在拼</view>
 										</view>
 										<view class="list-product">
 											<view class="list-name">
@@ -158,10 +185,10 @@
 												<view class="list-text">{{item.title}}</view>
 											</view>
 											<view class="list-price" style="color: #00231C;">
-												￥{{item.productList[0].originalPrice}}</view>
+												￥{{item.productList[0].groupPrice}}</view>
 											<view class="list-total">
-												<text style="color: red;">￥{{item.productList[0].groupPrice}}</text>
-												<view class="group-cta">去拼团</view>
+												<text style="color: red;">{{item.productList[0].groupMembers}}人团</text>
+												<view class="group-cta">去拼</view>
 											</view>
 										</view>
 									</view>
@@ -169,7 +196,7 @@
 										v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
 										<view class="list-img">
 											<img :src="item.adImage" alt="">
-											<view class="list-type">{{item.productList[0].groupMembers}}人团</view>
+											<view class="list-type">正在拼</view>
 										</view>
 										<view class="list-product">
 											<view class="list-name">
@@ -177,10 +204,10 @@
 												<view class="list-text">{{item.title}}</view>
 											</view>
 											<view class="list-price" style="color: #00231C;">
-												￥{{item.productList[0].originalPrice}}</view>
+												￥{{item.productList[0].groupPrice}}</view>
 											<view class="list-total">
-												<text style="color: red;">￥{{item.productList[0].groupPrice}}</text>
-												<view class="group-cta">去拼团</view>
+												<text style="color: red;">{{item.productList[0].groupMembers}}人团</text>
+												<view class="group-cta">去拼</view>
 											</view>
 										</view>
 									</view>
@@ -188,7 +215,7 @@
 							</view>
 							<view class="like-left">
 								<view class="like-content-title">
-									<view style="font-weight: 700;">爆品拼团</view>
+									<view style="font-weight: 700;">同学都在拼 · </view>
 									<image class="like-hot-gif" src="/static/images/img/loading.gif" mode="aspectFit"></image>
 									
 									<img src="/static/images/img/yousanjiao.png" alt=""
@@ -199,7 +226,7 @@
 										v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
 										<view class="list-img">
 											<img :src="item.adImage" alt="">
-											<view class="list-type">{{item.productList[0].groupMembers}}人团</view>
+											<view class="list-type">正在拼</view>
 										</view>
 										<view class="list-product">
 											<view class="list-name">
@@ -207,10 +234,10 @@
 												<view class="list-text">{{item.title}}</view>
 											</view>
 											<view class="list-price" style="color: #00231C;">
-												￥{{item.productList[0].originalPrice}}</view>
+												￥{{item.productList[0].groupPrice}}</view>
 											<view class="list-total">
-												<text style="color: red;">￥{{item.productList[0].groupPrice}}</text>
-												<view class="group-cta">去拼团</view>
+												<text style="color: red;">{{item.productList[0].groupMembers}}人团</text>
+												<view class="group-cta">去拼</view>
 											</view>
 										</view>
 									</view>
@@ -218,7 +245,7 @@
 										v-for="(item,index) in mallAds" :key="index" @tap="goAdPage(item)">
 										<view class="list-img">
 											<img :src="item.adImage" alt="">
-											<view class="list-type">{{item.productList[0].groupMembers}}人团</view>
+											<view class="list-type">正在拼</view>
 										</view>
 										<view class="list-product">
 											<view class="list-name">
@@ -226,10 +253,10 @@
 												<view class="list-text">{{item.title}}</view>
 											</view>
 											<view class="list-price" style="color: #00231C;">
-												￥{{item.productList[0].originalPrice}}</view>
+												￥{{item.productList[0].groupPrice}}</view>
 											<view class="list-total">
-												<text style="color: red;">￥{{item.productList[0].groupPrice}}</text>
-												<view class="group-cta">去拼团</view>
+												<text style="color: red;">{{item.productList[0].groupMembers}}人团</text>
+												<view class="group-cta">去拼</view>
 											</view>
 										</view>
 									</view>
@@ -1395,7 +1422,19 @@
 	.page1.is-sticky .like-hot-gif,
 	.page1.is-sticky .list-type,
 	.page1.is-sticky .list-total text,
-	.page1.is-sticky .group-cta {
+	.page1.is-sticky .group-cta,
+	.page1.is-sticky .hero-particle,
+	.page1.is-sticky .life-ip,
+	.page1.is-sticky .life-progress-bar,
+	.page1.is-sticky .menu-list img,
+	.page1.is-sticky .world-light,
+	.page1.is-sticky .world-dot,
+	.page1.is-sticky .seckill-entry,
+	.page1.is-sticky .seckill-entry-light,
+	.page1.is-sticky .seckill-entry-sub,
+	.page1.is-sticky .seckill-entry-btn,
+	.page1.is-sticky .heat-dot,
+	.page1.is-sticky .brand-memory-strip text {
 		animation-play-state: paused !important;
 	}
 
@@ -1423,23 +1462,166 @@
 		border-radius:10px;
 	}
 
+	.campus-hero {
+		width: 100%;
+		height: 440rpx;
+		margin: 0;
+		border-radius: 0 0 26rpx 26rpx;
+		background: linear-gradient(135deg, #eaffd9 0%, #b9ffe9 46%, #fff7c8 100%);
+		box-shadow: 0 18rpx 38rpx rgba(44, 155, 121, 0.1);
+		overflow: hidden;
+		position: relative;
+		z-index: 2;
+	}
+
+	.hero-bg-swiper {
+		position: absolute;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 100%;
+		z-index: 0 !important;
+	}
+
+	.hero-bg-img {
+		width: 100%;
+		height: 100%;
+		display: block;
+		object-fit: cover;
+		border-radius: 0 0 26rpx 26rpx !important;
+		transform: scale(1.01);
+	}
+
+	.hero-bg-mask {
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		left: 0;
+		top: 0;
+		z-index: 1;
+		pointer-events: none;
+		background:
+			linear-gradient(180deg, rgba(234, 255, 246, 0.02) 0%, rgba(234, 255, 246, 0.1) 68%, rgba(234, 255, 246, 0.24) 100%),
+			radial-gradient(circle at 8% 12%, rgba(166, 255, 234, 0.18) 0, rgba(166, 255, 234, 0) 170rpx);
+	}
+
+	.hero-live-strip {
+		display: flex;
+		align-items: center;
+		position: absolute;
+		left: 30rpx;
+		right: 30rpx;
+		bottom: 18rpx;
+		z-index: 4;
+		overflow: hidden;
+		pointer-events: none;
+	}
+
+	.hero-live-strip text {
+		flex-shrink: 0;
+		height: 42rpx;
+		margin-right: 12rpx;
+		padding: 0 16rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.72);
+		color: #0f695b;
+		font-size: 20rpx;
+		font-weight: 900;
+		line-height: 42rpx;
+		box-shadow: 0 8rpx 18rpx rgba(0, 35, 28, 0.08);
+	}
+
+	.campus-hero::after {
+		content: '';
+		width: 520rpx;
+		height: 520rpx;
+		position: absolute;
+		right: -210rpx;
+		bottom: -220rpx;
+		border-radius: 50%;
+		background: rgba(255, 255, 255, 0.26);
+		box-shadow: inset 0 0 80rpx rgba(255, 255, 255, 0.42);
+		z-index: 1;
+		pointer-events: none;
+	}
+
+	.hero-glow,
+	.hero-particle {
+		position: absolute;
+		border-radius: 50%;
+		pointer-events: none;
+		z-index: 2;
+	}
+
+	.hero-glow {
+		opacity: 0.26;
+	}
+
+	.hero-glow-a {
+		width: 220rpx;
+		height: 220rpx;
+		left: -70rpx;
+		top: -60rpx;
+		background: rgba(255, 255, 255, 0.36);
+	}
+
+	.hero-glow-b {
+		width: 180rpx;
+		height: 180rpx;
+		right: 120rpx;
+		top: -70rpx;
+		background: rgba(255, 255, 255, 0.28);
+	}
+
+	.hero-particle {
+		width: 16rpx;
+		height: 16rpx;
+		background: rgba(255, 255, 255, 0.78);
+		box-shadow: 0 0 20rpx rgba(255, 255, 255, 0.8);
+		animation: particleDrift 8s ease-in-out infinite;
+	}
+
+	.hero-particle-a {
+		left: 80rpx;
+		top: 70rpx;
+	}
+
+	.hero-particle-b {
+		right: 96rpx;
+		top: 48rpx;
+		animation-delay: 1s;
+	}
+
+	.hero-particle-c {
+		left: 330rpx;
+		bottom: 62rpx;
+		animation-delay: 1.8s;
+	}
+
 	.order-notice-wrap {
 		// background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(250, 255, 250, 0.72) 100%);
 		position: relative;
 		top:10rpx;
+		z-index: 3;
 	}
 
 	.order-msg-box {
 		width: 95%;
 		height: 146rpx;
+		padding: 18rpx;
+		box-sizing: border-box;
 		border-radius: 36rpx;
-		border: 1px solid rgba(166, 255, 234, 0.86);
-		background: #fff;
+		border: 1px solid rgba(255, 255, 255, 0.82);
+		background:
+			radial-gradient(circle at 88% 8%, rgba(166, 255, 234, 0.24) 0, rgba(166, 255, 234, 0) 130rpx),
+			linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(247, 255, 251, 0.76));
+		box-shadow: 0 20rpx 46rpx rgba(0, 35, 28, 0.09), inset 0 0 0 1px rgba(255, 255, 255, 0.68);
 		z-index: 99;
 		position: absolute;
 		left: 2.5%;
 		bottom: 0;
 		display: flex;
+		align-items: center;
 		overflow: hidden;
 	}
 
@@ -1448,46 +1630,102 @@
 		width: 260rpx;
 		height: 150rpx;
 		border-radius: 50%;
-		background: linear-gradient(135deg, rgba(255, 244, 217, 0.24) 0%, rgba(255, 244, 217, 0) 72%);
+		background: linear-gradient(135deg, rgba(255, 244, 217, 0.34) 0%, rgba(166, 255, 234, 0) 72%);
 		position: absolute;
 		right: -130rpx;
 		top: -80rpx;
 	}
 
 	.order-msg-left {
-		width: 20%;
-		height: 100%;
+		width: 88rpx;
+		height: 88rpx;
+		flex-shrink: 0;
 		position: relative;
 		z-index: 1;
 	}
 
 	.order-msg-left img {
-		width: 75%;
-		height: 65%;
-		margin: 17% 0 0 15%;
+		width: 70rpx;
+		height: 70rpx;
+		margin: 9rpx;
 	}
 
 	.order-msg-center {
-		width: 50%;
-		height: 100%;
+		flex: 1;
+		min-width: 0;
+		height: auto;
 		display: flex;
 		flex-direction: column;
-		padding-left: 5%;
+		margin-left: 18rpx;
+		padding-left: 0;
 		position: relative;
 		z-index: 1;
 	}
 
 	.order-msg-right {
-		width: 30%;
-		height: 100%;
+		width: 78rpx;
+		height: 58rpx;
+		margin-left: 16rpx;
 		position: relative;
 		z-index: 1;
 	}
 
-	.order-msg-right img {
-		width: 80%;
-		height: 56%;
-		margin: 15% 0 0 10%;
+	.life-ip {
+		border-radius: 30rpx;
+		background: linear-gradient(135deg, #fff7d7, #a6ffea);
+		box-shadow: 0 12rpx 24rpx rgba(0, 35, 28, 0.08);
+	}
+
+	.life-status-title {
+		color: #0f3e36;
+		font-size: 28rpx;
+		font-weight: 900;
+		line-height: 36rpx;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.life-progress {
+		width: 100%;
+		height: 12rpx;
+		margin: 12rpx 0 8rpx;
+		border-radius: 999rpx;
+		background: rgba(16, 118, 98, 0.08);
+		overflow: hidden;
+	}
+
+	.life-progress-bar {
+		height: 100%;
+		border-radius: 999rpx;
+		background: linear-gradient(90deg, #42d7b9, #fff171);
+		box-shadow: 0 0 18rpx rgba(66, 215, 185, 0.52);
+	}
+
+	.life-status-desc {
+		color: rgba(18, 73, 63, 0.58);
+		font-size: 22rpx;
+		font-weight: 700;
+		line-height: 30rpx;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.life-action {
+		border-radius: 999rpx;
+		background: #073f34;
+		color: #fff;
+		font-size: 22rpx;
+		font-weight: 900;
+		line-height: 58rpx;
+		text-align: center;
+		box-shadow: 0 12rpx 24rpx rgba(7, 63, 52, 0.18);
+		transition: transform 0.18s ease;
+	}
+
+	.life-action:active {
+		transform: translateY(-4rpx) scale(0.97);
 	}
 
 	.tabbar {
@@ -1558,18 +1796,112 @@
 		transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 	}
 
+	@keyframes softBreath {
+		0%,
+		100% {
+			transform: translateY(0) scale(1);
+		}
+
+		50% {
+			transform: translateY(-5rpx) scale(1.025);
+		}
+	}
+
+	@keyframes particleDrift {
+		0%,
+		100% {
+			opacity: 0.55;
+			transform: translate3d(0, 0, 0);
+		}
+
+		50% {
+			opacity: 1;
+			transform: translate3d(20rpx, -18rpx, 0);
+		}
+	}
+
+	@keyframes lightFlow {
+		0%,
+		100% {
+			opacity: 1;
+		}
+
+		50% {
+			opacity: 0.94;
+		}
+	}
+
+	@keyframes itemFloat {
+		0%,
+		100% {
+			transform: translateY(0) rotate(0deg);
+		}
+
+		50% {
+			transform: translateY(-6rpx) rotate(-2deg);
+		}
+	}
+
+	@keyframes numberJump {
+		0%,
+		100% {
+			transform: translateY(0);
+		}
+
+		50% {
+			transform: translateY(-3rpx);
+		}
+	}
+
+	@keyframes heatParticle {
+		0%,
+		100% {
+			opacity: 0.35;
+			transform: translateY(0) scale(0.8);
+		}
+
+		50% {
+			opacity: 1;
+			transform: translateY(-12rpx) scale(1.18);
+		}
+	}
+
+	@keyframes seckillHeatPulse {
+		0%,
+		100% {
+			box-shadow: 0 16rpx 30rpx rgba(255, 91, 39, 0.24), 0 0 40rpx rgba(255, 188, 80, 0.26);
+		}
+
+		50% {
+			box-shadow: 0 18rpx 36rpx rgba(255, 91, 39, 0.3), 0 0 54rpx rgba(255, 203, 91, 0.36);
+		}
+	}
+
+	@keyframes brandChipFloat {
+		0%,
+		100% {
+			transform: translateY(0);
+		}
+
+		50% {
+			transform: translateY(-3rpx);
+		}
+	}
+
 	.menu-box {
 		width: 95%;
 		height: 200rpx;
 		display: flex;
 		align-items: center;
 		margin: 30rpx auto 0;
-		padding: 14rpx 10rpx;
+		padding: 12rpx 8rpx;
 		box-sizing: border-box;
 		border-radius: 38rpx;
 		border: 1px solid rgba(255, 255, 255, 0.9);
-		background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 250, 235, 0.92) 48%, rgba(239, 255, 248, 0.96) 100%);
-		box-shadow: 0 18rpx 42rpx rgba(0, 35, 28, 0.07);
+		background:
+			radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0) 160rpx),
+			linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 250, 235, 0.9) 48%, rgba(239, 255, 248, 0.96) 100%);
+		box-shadow: 0 20rpx 46rpx rgba(0, 35, 28, 0.075), inset 0 1rpx 0 rgba(255, 255, 255, 0.9);
 		position: relative;
 		z-index: 99;
 		overflow: hidden;
@@ -1595,30 +1927,121 @@
 		justify-content: center;
 		position: relative;
 		z-index: 1;
-		border-radius: 28rpx;
-		transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.3, 1.2), background 0.2s ease;
+		border-radius: 30rpx;
+		overflow: hidden;
+		transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.3, 1.2), background 0.2s ease, box-shadow 0.2s ease;
 	}
 
 	.menu-list:active {
-		background: rgba(255, 255, 255, 0.72);
-		transform: translateY(-4rpx) scale(0.96);
+		background: rgba(255, 255, 255, 0.76);
+		transform: translateY(-5rpx) scale(0.95);
+		box-shadow: 0 10rpx 20rpx rgba(0, 35, 28, 0.06);
 	}
 
 	.menu-list img {
-		width: 100rpx;
-		height: 100rpx;
+		width: 82rpx;
+		height: 82rpx;
 		display: block;
 		margin: 0 auto;
-		filter: drop-shadow(0 10rpx 14rpx rgba(0, 35, 28, 0.08));
+		position: relative;
+		z-index: 2;
+	}
+
+	.menu-list:nth-child(2) img {
+		animation-delay: 0.3s;
+	}
+
+	.menu-list:nth-child(3) img {
+		animation-delay: 0.6s;
+	}
+
+	.menu-list:nth-child(4) img {
+		animation-delay: 0.9s;
+	}
+
+	.menu-list:nth-child(5) img {
+		animation-delay: 1.2s;
 	}
 
 	.menu-name {
 		text-align: center;
-		font-size: 24rpx;
+		font-size: 22rpx;
+		font-weight: 900;
+		margin-top: 8rpx;
+		color: #183f36;
+		line-height: 28rpx;
+		position: relative;
+		z-index: 2;
+		text-shadow: 0 1rpx 0 rgba(255, 255, 255, 0.85);
+		white-space: nowrap;
+	}
+
+	.menu-desc {
+		margin-top: 2rpx;
+		color: rgba(18, 73, 63, 0.58);
+		font-size: 17rpx;
 		font-weight: 800;
-		margin-top: 12rpx;
-		color: #40534d;
-		line-height: 30rpx;
+		line-height: 22rpx;
+		position: relative;
+		z-index: 2;
+		white-space: nowrap;
+	}
+
+	.world-light {
+		width: 104rpx;
+		height: 104rpx;
+		position: absolute;
+		left: 50%;
+		top: 18rpx;
+		margin-left: -52rpx;
+		border-radius: 50%;
+		background: radial-gradient(circle, rgba(166, 255, 234, 0.62) 0%, rgba(166, 255, 234, 0) 68%);
+		box-shadow: 0 0 24rpx rgba(166, 255, 234, 0.32);
+		z-index: 1;
+	}
+
+	.world-food .world-light {
+		background: radial-gradient(circle, rgba(255, 232, 151, 0.72) 0%, rgba(255, 232, 151, 0) 68%);
+	}
+
+	.world-store .world-light {
+		background: radial-gradient(circle, rgba(205, 233, 255, 0.72) 0%, rgba(205, 233, 255, 0) 68%);
+	}
+
+	.world-luck .world-light {
+		background: radial-gradient(circle, rgba(255, 203, 229, 0.72) 0%, rgba(255, 203, 229, 0) 68%);
+	}
+
+	.world-fish .world-light {
+		background: radial-gradient(circle, rgba(198, 255, 144, 0.62) 0%, rgba(198, 255, 144, 0) 68%);
+	}
+
+	.world-dot {
+		width: 10rpx;
+		height: 10rpx;
+		position: absolute;
+		border-radius: 50%;
+		background: rgba(255, 255, 255, 0.96);
+		box-shadow: 0 0 16rpx rgba(166, 255, 234, 0.9);
+		z-index: 2;
+		animation: none;
+	}
+
+	.world-dot-a {
+		left: 18rpx;
+		top: 34rpx;
+	}
+
+	.world-dot-b {
+		right: 18rpx;
+		top: 48rpx;
+		animation-delay: 0.8s;
+	}
+
+	.world-dot-c {
+		left: 24rpx;
+		bottom: 50rpx;
+		animation-delay: 1.4s;
 	}
 
 	.like-box,
@@ -1799,13 +2222,16 @@
 		padding: 0 12rpx;
 		box-sizing: border-box;
 		border-radius: 999rpx;
-		background: linear-gradient(135deg, #ff4b27 0%, #ff8b18 48%, #ffd257 100%);
-		box-shadow: 0 16rpx 30rpx rgba(255, 91, 39, 0.22);
+		border: 1px solid rgba(255, 255, 255, 0.52);
+		background:
+			radial-gradient(circle at 18% 4%, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0) 76rpx),
+			linear-gradient(135deg, #ff4b27 0%, #ff8b18 48%, #ffd257 100%);
+		box-shadow: 0 16rpx 30rpx rgba(255, 91, 39, 0.24), 0 0 40rpx rgba(255, 188, 80, 0.26);
 		display: flex;
 		align-items: center;
 		position: relative;
 		overflow: hidden;
-		animation: seckillEntryFloat 2.6s ease-in-out infinite;
+		animation: none;
 	}
 
 	.seckill-entry:active {
@@ -1820,7 +2246,7 @@
 		top: -20rpx;
 		left: -220rpx;
 		transform: rotate(12deg);
-		animation: seckillEntrySweep 2.8s ease-in-out infinite;
+		animation: seckillEntrySweep 4.8s ease-in-out infinite;
 	}
 
 	.seckill-entry-icon {
@@ -1837,7 +2263,7 @@
 		box-shadow: inset 0 -4rpx 0 rgba(255, 197, 69, 0.38);
 		position: relative;
 		z-index: 1;
-		animation: seckillIconPulse 1.6s ease-in-out infinite;
+		animation: none;
 	}
 
 	.seckill-entry-info {
@@ -1862,6 +2288,7 @@
 		font-weight: 700;
 		opacity: 0.92;
 		white-space: nowrap;
+		animation: none;
 	}
 
 	.seckill-entry-btn {
@@ -1877,18 +2304,44 @@
 		position: relative;
 		z-index: 1;
 		box-shadow: 0 8rpx 18rpx rgba(158, 32, 0, 0.22);
-		animation: seckillBtnBeat 1.2s ease-in-out infinite;
+		animation: seckillBtnBeat 2.8s ease-in-out infinite;
+	}
+
+	.heat-dot {
+		width: 12rpx;
+		height: 12rpx;
+		position: absolute;
+		border-radius: 50%;
+		background: rgba(255, 255, 255, 0.92);
+		box-shadow: 0 0 16rpx rgba(255, 255, 255, 0.88);
+		z-index: 1;
+		animation: heatParticle 3.2s ease-in-out infinite;
+	}
+
+	.heat-dot-a {
+		left: 34rpx;
+		top: 18rpx;
+	}
+
+	.heat-dot-b {
+		right: 74rpx;
+		bottom: 16rpx;
+		animation-delay: 0.5s;
 	}
 
 	.like-content-box {
 		height: 400rpx;
-		background: url("https://jewel-shop.oss-cn-beijing.aliyuncs.com/6d65d349d68f40e7886c978190b6ea33.png") no-repeat;
-		background-size: 100%;
+		background:
+			radial-gradient(circle at 8% 18%, rgba(255, 255, 255, 0.78) 0, rgba(255, 255, 255, 0) 120rpx),
+			linear-gradient(135deg, rgba(224, 255, 246, 0.9) 0%, rgba(255, 250, 226, 0.82) 52%, rgba(232, 255, 249, 0.9) 100%),
+			url("https://jewel-shop.oss-cn-beijing.aliyuncs.com/6d65d349d68f40e7886c978190b6ea33.png") no-repeat;
+		background-size: 100%, 100%, 100%;
 		margin-top: 10rpx;
 		display: flex;
 		border-radius: 34rpx;
 		overflow: hidden;
-		box-shadow: 0 18rpx 42rpx rgba(81, 139, 91, 0.1);
+		border: 1px solid rgba(255, 255, 255, 0.82);
+		box-shadow: 0 20rpx 48rpx rgba(81, 139, 91, 0.12), inset 0 1rpx 0 rgba(255, 255, 255, 0.84);
 		position: relative;
 	}
 
@@ -1901,22 +2354,24 @@
 		top: -60rpx;
 		left: -360rpx;
 		transform: rotate(16deg);
-		animation: groupLightSweep 3.8s ease-in-out infinite;
+		animation: none;
 		z-index: 1;
 	}
 
 	.like-left {
 		width: 45%;
-		background: rgba(255, 255, 255, 0.92);
-		border: 1px solid rgba(255, 255, 255, 0.86);
+		background:
+			radial-gradient(circle at 92% 0%, rgba(166, 255, 234, 0.22) 0, rgba(166, 255, 234, 0) 90rpx),
+			rgba(255, 255, 255, 0.82);
+		border: 1px solid rgba(255, 255, 255, 0.76);
 		border-radius: 26rpx;
 		height: 340rpx;
 		margin: 50rpx 0 0 3.3%;
-		box-shadow: 0 12rpx 28rpx rgba(0, 35, 28, 0.05);
+		box-shadow: 0 14rpx 32rpx rgba(0, 35, 28, 0.07), inset 0 1rpx 0 rgba(255, 255, 255, 0.9);
 		overflow: hidden;
 		position: relative;
 		z-index: 2;
-		animation: groupCardFloat 3.6s ease-in-out infinite;
+		animation: none;
 	}
 
 	.like-left:nth-child(2) {
@@ -1925,20 +2380,24 @@
 
 	.like-content-title {
 		width: 100%;
-		height: 70rpx;
+		height: 58rpx;
 		position: relative;
-		line-height: 70rpx;
-		padding: 0 10rpx;
+		line-height: 58rpx;
+		padding: 0 12rpx;
 		color: #173f36;
+		font-size: 24rpx;
+		letter-spacing: 1rpx;
+		text-shadow: 0 1rpx 0 rgba(255, 255, 255, 0.86);
+		box-sizing: border-box;
 	}
 
 	.like-hot-gif {
 		width: 42rpx;
 		height: 42rpx;
 		position: absolute;
-		top: 14rpx;
+		top: 8rpx;
 		right: 42rpx;
-		animation: hotBadgePulse 1.5s ease-in-out infinite;
+		animation: none;
 	}
 
 	.like-content {
@@ -1948,20 +2407,25 @@
 
 	.content-list {
 		display: flex;
-		margin-bottom: 10rpx;
-		border-radius: 20rpx;
-		transition: transform 0.18s ease, background 0.18s ease;
+		margin: 0 8rpx 9rpx;
+		border-radius: 22rpx;
+		background: rgba(255, 255, 255, 0.52);
+		border: 1px solid rgba(255, 255, 255, 0.58);
+		box-shadow: 0 8rpx 18rpx rgba(0, 35, 28, 0.04);
+		overflow: hidden;
+		transition: transform 0.18s cubic-bezier(0.2, 0.9, 0.3, 1.24), background 0.18s ease, box-shadow 0.18s ease;
 	}
 
 	.content-list:active {
-		background: rgba(255, 247, 215, 0.42);
-		transform: scale(0.98) translateY(-2rpx);
+		background: rgba(255, 247, 215, 0.52);
+		box-shadow: 0 12rpx 24rpx rgba(0, 35, 28, 0.07);
+		transform: scale(0.98) translateY(-3rpx);
 	}
 
 	.list-img {
-		width: 42%;
+		width: 132rpx;
 		height: 132rpx;
-		padding: 8rpx 6rpx 8rpx 10rpx;
+		padding: 8rpx 4rpx 8rpx 8rpx;
 		position: relative;
 		box-sizing: border-box;
 	}
@@ -1969,46 +2433,62 @@
 	.list-img img {
 		width: 100%;
 		height: 100%;
-		border-radius: 14rpx;
-		box-shadow: 0 8rpx 16rpx rgba(0, 35, 28, 0.08);
+		border-radius: 18rpx;
+		box-shadow: 0 8rpx 16rpx rgba(0, 35, 28, 0.09);
+		object-fit: cover;
 	}
 
 	.list-product {
-		width: 56%;
-		padding: 4rpx 4rpx 0 12rpx;
+		width: 52%;
+		padding: 9rpx 8rpx 0 10rpx;
 		box-sizing: border-box;
 	}
 
 	.list-name {
-		height: 40rpx;
-		line-height: 35rpx;
+		height: 34rpx;
+		line-height: 34rpx;
+		overflow: hidden;
 	}
 
 	.list-type {
-		display: inline;
+		display: inline-block;
 		font-size: 18rpx;
-		padding: 4rpx 6rpx;
-		background: linear-gradient(135deg, #a6ffea 0%, #fff2c6 100%);
-		border-radius: 10rpx;
+		padding: 4rpx 9rpx;
+		background: linear-gradient(135deg, rgba(166, 255, 234, 0.96) 0%, rgba(255, 242, 198, 0.96) 100%);
+		border: 1px solid rgba(255, 255, 255, 0.72);
+		border-radius: 999rpx;
 		position: absolute;
 		top: 10rpx;
 		left: 10rpx;
-		font-weight: 700;
-		box-shadow: 0 4rpx 10rpx rgba(0, 35, 28, 0.08);
-		animation: groupMemberPulse 1.8s ease-in-out infinite;
+		font-weight: 900;
+		color: #125e50;
+		box-shadow: 0 6rpx 14rpx rgba(0, 35, 28, 0.1);
+		transform: rotate(-4deg);
+		animation: none;
 	}
 
 	.list-text {
-		display: inline;
+		display: block;
 		font-size: 22rpx;
-		font-weight: 700;
+		font-weight: 900;
+		color: #173f36;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
 	}
 
 	.list-price {
-		color: #777;
-		height: 17px;
-		font-size: 20rpx;
-		text-decoration: line-through;
+		color: #ff4b35 !important;
+		height: 38rpx;
+		margin-top: 6rpx;
+		font-size: 28rpx;
+		font-weight: 900;
+		line-height: 38rpx;
+		text-decoration: none;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		text-shadow: 0 4rpx 10rpx rgba(255, 75, 53, 0.14);
 	}
 
 	.list-total {
@@ -2018,28 +2498,83 @@
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		margin-top: 2rpx;
+		margin-top: 3rpx;
+		min-width: 0;
 	}
 
 	.list-total text {
-		font-size: 22rpx;
-		font-weight: 900;
-		animation: groupPricePop 1.7s ease-in-out infinite;
+		flex: 1;
+		min-width: 0;
+		font-size: 18rpx;
+		font-weight: 800;
+		color: rgba(18, 73, 63, 0.58) !important;
+		animation: none;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
 	}
 
 	.group-cta {
-		display: inline-block;
-		height: 30rpx;
-		line-height: 30rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex: 0 0 58rpx;
+		width: 58rpx;
+		height: 34rpx;
+		line-height: 1;
 		margin-left: 6rpx;
-		padding: 0 10rpx;
+		padding: 0;
+		box-sizing: border-box;
 		border-radius: 999rpx;
-		background: linear-gradient(135deg, #ff8f70 0%, #ffd46f 100%);
-		color: #fff;
+		border: 1px solid rgba(255, 255, 255, 0.72);
+		background: linear-gradient(135deg, #1ed0a9 0%, #9effe7 100%);
+		color: #0d5d4e;
+		font-size: 18rpx;
+		font-weight: 900;
+		text-align: center;
+		white-space: nowrap;
+		box-shadow: 0 7rpx 14rpx rgba(27, 191, 156, 0.2);
+		animation: none;
+	}
+
+	.brand-memory-strip {
+		position: absolute;
+		left: 18rpx;
+		right: 18rpx;
+		top: 10rpx;
+		height: 32rpx;
+		display: flex;
+		align-items: center;
+		overflow: hidden;
+		z-index: 3;
+		pointer-events: none;
+	}
+
+	.brand-memory-strip text {
+		flex-shrink: 0;
+		height: 32rpx;
+		margin-right: 10rpx;
+		padding: 0 12rpx;
+		border-radius: 999rpx;
+		background: rgba(255, 255, 255, 0.68);
+		color: #0f695b;
 		font-size: 18rpx;
 		font-weight: 900;
-		box-shadow: 0 6rpx 14rpx rgba(255, 143, 112, 0.24);
-		animation: groupCtaNudge 1.9s ease-in-out infinite;
+		line-height: 32rpx;
+		box-shadow: 0 6rpx 14rpx rgba(0, 35, 28, 0.06);
+		animation: none;
+	}
+
+	.brand-memory-strip text:nth-child(2) {
+		animation-delay: 0.4s;
+	}
+
+	.brand-memory-strip text:nth-child(3) {
+		animation-delay: 0.8s;
+	}
+
+	.brand-memory-strip text:nth-child(4) {
+		animation-delay: 1.2s;
 	}
 
 	@keyframes groupLightSweep {
@@ -2070,7 +2605,7 @@
 		}
 
 		50% {
-			transform: translateY(-6rpx);
+			transform: translateY(-4rpx);
 		}
 	}
 
@@ -2109,7 +2644,7 @@
 		}
 
 		50% {
-			transform: scale(1.12);
+			transform: scale(1.08);
 		}
 	}
 
@@ -2120,7 +2655,7 @@
 		}
 
 		50% {
-			transform: translateY(-12rpx);
+			transform: translateY(-5rpx);
 		}
 	}
 
@@ -2131,18 +2666,18 @@
 		}
 
 		50% {
-			transform: scale(1.18) rotate(-3deg);
+			transform: scale(1.1) rotate(-3deg);
 		}
 	}
 
 	@keyframes groupMemberPulse {
 		0%,
 		100% {
-			transform: scale(1);
+			transform: rotate(-4deg) scale(1);
 		}
 
 		50% {
-			transform: scale(1.16);
+			transform: rotate(-4deg) scale(1.06);
 		}
 	}
 
@@ -2153,7 +2688,7 @@
 		}
 
 		50% {
-			transform: scale(1.18);
+			transform: scale(1.06);
 		}
 	}
 
@@ -2164,7 +2699,7 @@
 		}
 
 		50% {
-			transform: translateX(5rpx);
+			transform: translateX(3rpx);
 		}
 	}