From accb7417c3eb9b80cdd11a6db44e0866e5622c9f Mon Sep 17 00:00:00 2001
From: tianyi <13521030702@163.com>
Date: Fri, 24 Jul 2026 18:03:28 +0800
Subject: [PATCH] 1

---
 pages/worker/index.vue | 1664 ++++------------------------------------
 1 file changed, 153 insertions(+), 1511 deletions(-)

diff --git a/pages/worker/index.vue b/pages/worker/index.vue
index 1c716de..085ee5c 100644
--- a/pages/worker/index.vue
+++ b/pages/worker/index.vue
@@ -1,16 +1,11 @@
 <template>
-	<view class="page1" :class="{'is-sticky': lastScrollTop>stickyTrigger}">
+	<view class="page1">
 		<view class="swiper-container">
 			<view class="swiper-page" v-show="currentIndex == 0">
-				<view style="position: relative;height: 545rpx;">
-					<view class="daimai-sticky-cover" :style="{'height': (navBarHeight + 220) + 'px'}"
-						v-if="lastScrollTop>stickyTrigger"></view>
-					
-					
+				<view style="position: relative;">
 					<view class="daimai-box" style="padding-bottom:180rpx;">
 						
-						<view class="daimai-tab" id="menuList" :class="{'daimai-tab--sticky': lastScrollTop>stickyTrigger}"
-							:style="{'top': (navBarHeight) + 'px'}">
+						<view class="daimai-tab" :style="{'top': (navBarHeight) + 'px'}">
 							<view class="daimai-tab-item" :class="{'active': checked == 'waimai'}"
 								@tap="checkTab1('waimai')">
 								<view class="daimai-tab-glow"></view>
@@ -113,7 +108,7 @@
 							</view>
 						</view>
 						
-						<view class="delivery-list-wrap">
+						<scroll-view class="delivery-list-wrap" scroll-y>
 
 							<view class="empty-delivery" v-if="deliveryItem.length <= 0">
 								<view class="empty-delivery-icon">校园</view>
@@ -158,7 +153,7 @@
 										<view class="qu-song">
 											<view class="qu-box">
 												<view class='qu-tu'>
-													<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1f77398a73454a6595c12a3c18731599.png"
+													<image src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/1f77398a73454a6595c12a3c18731599.png"
 														alt="" />
 												</view>
 												<view class="qu-text">
@@ -166,7 +161,7 @@
 														{{item.shopAddress != null ? item.shopAddress : ''}}
 													</view>
 													<view class="qu-right">
-														<img @tap.stop="makeCall(item.shopPhone)" v-if="checked != 'kuaidi'"
+														<image @tap.stop="makeCall(item.shopPhone)" v-if="checked != 'kuaidi'"
 															src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
 															alt="" style="width: 55rpx;height: 55rpx;" />
 													</view>
@@ -174,7 +169,7 @@
 											</view>
 											<view class="qu-box" style="margin-top:15rpx;">
 												<view class='qu-tu'>
-													<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/d0764fb4138747769538cf1cafa3b017.png"
+													<image src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/d0764fb4138747769538cf1cafa3b017.png"
 														alt="" />
 												</view>
 												<view class="qu-text">
@@ -182,7 +177,7 @@
 														{{item.receiverAddress != null ? item.receiverAddress : ''}}
 													</view>
 													<view class="qu-right" v-if="shouldShowReceiverPhoneIcon(item)">
-														<img @tap.stop="makeCall(item.receiverPhone)"
+														<image @tap.stop="makeCall(item.receiverPhone)"
 															src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
 															alt="" style="width: 55rpx;height: 55rpx;" />
 													</view>
@@ -206,7 +201,7 @@
 									<view class="delivery-time-warning-text">
 										{{getMustFinishWarningText(item)}}
 									</view>
-									<img v-if="item.receiverPhone" @tap.stop="makeCall(item.receiverPhone)"
+									<image v-if="item.receiverPhone" @tap.stop="makeCall(item.receiverPhone)"
 										src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
 										alt="" class="delivery-time-warning-phone" />
 								</view>
@@ -239,7 +234,7 @@
 									</view>
 								</view>
 							</view>
-						</view>
+						</scroll-view>
 					</view>
 				</view>
 
@@ -291,7 +286,7 @@
 				<view class="product-popup-list" v-if="productGoodsList.length > 0">
 					<view class="product-popup-card" v-for="(item1,index1) in productGoodsList" :key="index1">
 						<view class="product-popup-img">
-							<img :src="item1.productPicture" alt="">
+							<image :src="item1.productPicture" alt="">
 						</view>
 						<view class="product-popup-info">
 							<view class="product-popup-name">
@@ -324,7 +319,7 @@
 				</view>
 			</view>
 		</uni-popup>
-		<tab-bar :width="width" @tab-index="changeIndex" :currentIndex="currentIndex"></tab-bar>
+		<tab-bar ref="tabBar" :width="width" @tab-index="changeIndex" :currentIndex="currentIndex"></tab-bar>
 	</view>
 </template>
 <script>
@@ -522,8 +517,8 @@
 			} else {
 				this.$nextTick(() => {
 					Promise.resolve(this.refreshTabCounts()).then(() => {
-						if (this.currentIndex == 4 && this.$refs.myCenter) {
-							this.$refs.myCenter.init()
+						if (this.currentIndex == 4 && this.$refs.myCenterPage) {
+							this.$refs.myCenterPage.init()
 						}
 						if (this.pendingDeliveryRuleConfirm && this.currentIndex == 1) {
 							this.pendingDeliveryRuleConfirm = false
@@ -1065,7 +1060,7 @@
 						this.indexInit()
 						break;
 					case 1:
-						that.$refs.deLivery.init(type)
+						that.$refs.deLiveryPage.init(type)
 						break;
 					case 2:
 						that.$refs.myCenter.init()
@@ -1184,23 +1179,9 @@
 					this.searchForm.kuaidiData = [];
 				}
 				this.getDelivery()
-				this.$nextTick(() => {
-					this.scrollToDaimaiPanel()
-				})
+				
 				this.$forceUpdate()
 			},
-			scrollToDaimaiPanel() {
-				const query = uni.createSelectorQuery().in(this);
-				query.select('#menuList').boundingClientRect(rect => {
-					if (!rect) return;
-					const stickyTop = this.navBarHeight + 46;
-					const target = rect.top + (this._scrollTopRaw || 0) - stickyTop;
-					uni.pageScrollTo({
-						scrollTop: target > 0 ? target : 0,
-						duration: 260
-					});
-				}).exec();
-			},
 			//拨打电话
 			makeCall(phone) {
 				uni.makePhoneCall({
@@ -1226,6 +1207,7 @@
 		font-size: 28rpx;
 		background: linear-gradient(180deg, #f2fff8 0%, #fffdf4 32%, #f7fbf6 100%);
 		color: #00231C;
+		overflow-y: scroll;
 	}
 
 	.page1 {
@@ -1236,22 +1218,6 @@
 			radial-gradient(circle at 12% 12%, rgba(166, 255, 234, 0.34) 0, rgba(166, 255, 234, 0) 240rpx),
 			radial-gradient(circle at 90% 36%, rgba(255, 216, 168, 0.26) 0, rgba(255, 216, 168, 0) 260rpx);
 	}
-
-	/* 吸顶后上方区域不可见，暂停所有 infinite 动画，降低主线程合成压力 */
-	.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-btn,
-	.page1.is-sticky .heat-dot,
-	.page1.is-sticky .earn-guide-light {
-		animation-play-state: paused !important;
-	}
-
 	.swiper-container {
 
 		width: 100%;
@@ -1273,1363 +1239,199 @@
 		z-index: 99 !important;
 	}
 
-	.swiper img {
+	.swiper image {
 		width: 100%;
 		height: 100%;
 		z-index: 99 !important;
 		border-radius:10px;
 	}
 
-	.campus-hero {
+
+	.tabbar {
 		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;
+		height: 100rpx;
+		background-color: #ffffff;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-around;
+		align-items: center;
+		border-top: 1px solid #eee;
+		box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+		z-index: 100;
 	}
 
-	.hero-bg-swiper {
-		position: absolute;
-		left: 0;
-		top: 0;
-		width: 100%;
+	.tab-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
 		height: 100%;
-		z-index: 0 !important;
+		flex: 1;
+		position: relative;
 	}
 
-	.hero-bg-img {
-		width: 100%;
-		height: 100%;
-		display: block;
-		object-fit: cover;
-		border-radius: 0 0 26rpx 26rpx !important;
-		transform: scale(1.01);
+	.daimai-box {
+		width: 95%;
+		margin: 12rpx auto;
 	}
 
-	.hero-bg-mask {
-		width: 100%;
-		height: 100%;
-		position: absolute;
-		left: 0;
+	.daimai-tab {
+		display: flex;
+		align-items: center;
+		height: 88rpx;
+		padding: 8rpx;
+		margin: 0 8rpx;
+		box-sizing: border-box;
+		position: sticky;
 		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);
+		z-index: 97;
+		border-radius: 34rpx;
+		background: rgba(255, 255, 255, 0.62);
+		    border-bottom-left-radius: 0;
+		    border-bottom-right-radius: 0;
 	}
-
-	.hero-live-strip {
+	.daimai-tab-item {
+		flex: 1;
+		min-width: 0;
+		height: 68rpx;
+		margin-right: 10rpx;
+		border-radius: 26rpx;
+		border: 1px solid rgba(255, 184, 116, 0.16);
+		background: rgba(255, 252, 244, 0.82);
+		box-shadow: 0 8rpx 22rpx rgba(130, 84, 43, 0.04);
 		display: flex;
 		align-items: center;
-		position: absolute;
-		left: 30rpx;
-		right: 30rpx;
-		bottom: 18rpx;
-		z-index: 4;
+		justify-content: center;
+		position: relative;
 		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;
+		color: #7d756c;
+		transition: transform 0.22s cubic-bezier(0.2, 0.9, 0.3, 1.35), box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease;
 	}
 
-	.hero-particle-a {
-		left: 80rpx;
-		top: 70rpx;
+	.daimai-tab-item:last-child {
+		margin-right: 0;
 	}
 
-	.hero-particle-b {
-		right: 96rpx;
-		top: 48rpx;
-		animation-delay: 1s;
+	.daimai-tab-item:active {
+		transform: scale(0.94);
+		box-shadow: 0 4rpx 12rpx rgba(255, 150, 93, 0.14);
 	}
 
-	.hero-particle-c {
-		left: 330rpx;
-		bottom: 62rpx;
-		animation-delay: 1.8s;
+	.daimai-tab-item.active {
+		border-color: rgba(255, 188, 119, 0.72);
+		background: linear-gradient(135deg, #fff7d7 0%, #ffd8a8 45%, #ffb8a3 100%);
+		box-shadow: 0 14rpx 30rpx rgba(255, 158, 100, 0.28);
+		color: #63351d;
+		transform: translateY(-4rpx);
+		animation: daimaiTabPop 0.34s cubic-bezier(0.2, 0.9, 0.3, 1.35);
 	}
 
-	.order-notice-wrap {
-		position: relative;
-		top:10rpx;
-		z-index: 3;
+	.daimai-tab-item.active:active {
+		transform: translateY(-2rpx) scale(0.96);
 	}
 
-	.order-msg-box {
-		width: 95%;
-		height: 146rpx;
-		padding: 18rpx;
-		box-sizing: border-box;
-		border-radius: 36rpx;
-		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, #ffffff, #f7fffb);
-		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;
+	.daimai-tab-glow {
+		width: 88rpx;
+		height: 88rpx;
+		border-radius: 50%;
+		background: rgba(255, 255, 255, 0.42);
 		position: absolute;
-		left: 2.5%;
-		bottom: 0;
-		display: flex;
-		align-items: center;
-		overflow: hidden;
+		top: -38rpx;
+		right: -26rpx;
+		opacity: 0;
+		transform: scale(0.6);
+		transition: opacity 0.22s ease, transform 0.26s ease;
 	}
 
-	.order-msg-box::after {
-		content: '';
-		width: 260rpx;
-		height: 150rpx;
-		border-radius: 50%;
-		background: linear-gradient(135deg, rgba(255, 244, 217, 0.34) 0%, rgba(166, 255, 234, 0) 72%);
-		position: absolute;
-		right: -130rpx;
-		top: -80rpx;
+	.daimai-tab-item.active .daimai-tab-glow {
+		opacity: 1;
+		transform: scale(1.08);
 	}
 
-	.order-msg-left {
-		width: 88rpx;
-		height: 88rpx;
-		flex-shrink: 0;
-		position: relative;
+	.daimai-tab-icon {
+		width: 40rpx;
+		height: 40rpx;
+		margin-right: 8rpx;
+		border-radius: 14rpx;
+		background: rgba(255, 221, 176, 0.56);
+		color: #724126;
+		font-size: 22rpx;
+		font-weight: 900;
+		line-height: 40rpx;
+		text-align: center;
 		z-index: 1;
 	}
 
-	.order-msg-left img {
-		width: 70rpx;
-		height: 70rpx;
-		margin: 9rpx;
+	.daimai-tab-item.active .daimai-tab-icon {
+		background: rgba(255, 255, 255, 0.5);
+		color: #63351d;
+		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.36);
 	}
 
-	.order-msg-center {
-		flex: 1;
+	.daimai-tab-info {
 		min-width: 0;
-		height: auto;
 		display: flex;
-		flex-direction: column;
-		margin-left: 18rpx;
-		padding-left: 0;
-		position: relative;
-		z-index: 1;
-	}
-
-	.order-msg-right {
-		width: 78rpx;
-		height: 58rpx;
-		margin-left: 16rpx;
-		position: relative;
+		align-items: center;
 		z-index: 1;
 	}
 
-	.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;
+	.daimai-tab-label {
+		font-size: 24rpx;
 		font-weight: 900;
-		line-height: 36rpx;
 		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
+		letter-spacing: 1rpx;
 	}
 
-	.life-progress {
-		width: 100%;
-		height: 12rpx;
-		margin: 12rpx 0 8rpx;
+	.daimai-tab-count {
+		min-width: 30rpx;
+		height: 30rpx;
+		margin-left: 6rpx;
+		padding: 0 8rpx;
 		border-radius: 999rpx;
-		background: rgba(16, 118, 98, 0.08);
-		overflow: hidden;
+		background: rgba(255, 221, 176, 0.66);
+		color: #724126;
+		font-size: 20rpx;
+		font-weight: 900;
+		line-height: 30rpx;
+		text-align: center;
+		box-sizing: border-box;
 	}
 
-	.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);
+	.daimai-tab-item.active .daimai-tab-count {
+		background: rgba(255, 255, 255, 0.88);
+		color: #ff734d;
+		box-shadow: 0 4rpx 12rpx rgba(255, 115, 77, 0.18);
 	}
 
-	.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;
-	}
+	@keyframes daimaiTabPop {
+		0% {
+			transform: translateY(0) scale(0.94);
+		}
 
-	.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;
+		65% {
+			transform: translateY(-6rpx) scale(1.04);
+		}
+
+		100% {
+			transform: translateY(-4rpx) scale(1);
+		}
 	}
 
-	.life-action:active {
-		transform: translateY(-4rpx) scale(0.97);
+	.list-1 {
+		width: 98%;
+		background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(253, 255, 250, 0.96) 100%);
+		border: 1px solid rgba(255, 255, 255, 0.86);
+		border-radius: 34rpx;
+		margin: 22rpx auto 0;
+		overflow: hidden;
+		position: relative;
+		z-index: 1;
 	}
 
-	.tabbar {
-		width: 100%;
-		height: 100rpx;
-		background-color: #ffffff;
+	.daoda-time-row {
 		display: flex;
-		flex-direction: row;
-		justify-content: space-around;
 		align-items: center;
-		border-top: 1px solid #eee;
-		box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
-		z-index: 100;
-	}
-
-	.tab-item {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		height: 100%;
-		flex: 1;
-		position: relative;
-	}
-
-	.tab-text {
-		font-size: 28rpx;
-		color: #666;
-		transition: color 0.3s;
-	}
-
-	.tab-item.active .tab-text {
-		color: #007aff;
-		font-weight: bold;
-	}
-
-	.tab-indicator {
-		position: absolute;
-		bottom: 10rpx;
-		width: 40rpx;
-		height: 4rpx;
-		background-color: #007aff;
-		border-radius: 2rpx;
-		animation: indicatorScale 0.3s ease;
-	}
-
-	@keyframes indicatorScale {
-		0% {
-			transform: scaleX(0.5);
-			opacity: 0;
-		}
-
-		100% {
-			transform: scaleX(1);
-			opacity: 1;
-		}
-	}
-
-	/* 滑动动画效果增强 */
-	.swiper-item {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	/* 如果需要自定义滑动动画，可以添加以下样式 */
-	.swiper-container .uni-swiper-wrapper {
-		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: 176rpx;
-		display: flex;
-		align-items: flex-end;
-		margin: 30rpx auto 0;
-		padding: 14rpx 8rpx 12rpx;
-		box-sizing: border-box;
-		border-radius: 38rpx;
-		border: 1px solid rgba(255, 255, 255, 0.9);
-		background:
-			radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0) 150rpx),
-			radial-gradient(circle at 92% 78%, rgba(88, 205, 122, 0.18) 0, rgba(88, 205, 122, 0) 170rpx),
-			linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 255, 241, 0.94) 50%, rgba(231, 255, 244, 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;
-	}
-
-	/* .menu-box::after {
-		content: '本周精选活动 >';
-		position: absolute;
-		right: 24rpx;
-		top: 16rpx;
-		height: 42rpx;
-		padding: 0 18rpx;
-		border-radius: 999rpx;
-		background: rgba(255, 255, 255, 0.76);
-		color: #1e6a58;
-		font-size: 22rpx;
-		font-weight: 900;
-		line-height: 42rpx;
-		box-shadow: 0 8rpx 18rpx rgba(0, 35, 28, 0.06);
-	} */
-
-	.menu-list {
-		flex: 1;
-		height: 142rpx;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		position: relative;
-		z-index: 1;
-		border-radius: 30rpx;
-		overflow: visible;
-		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.76);
-		transform: translateY(-5rpx) scale(0.95);
-		box-shadow: 0 10rpx 20rpx rgba(0, 35, 28, 0.06);
-	}
-
-	.menu-list img {
-		width: 76rpx;
-		height: 76rpx;
-		display: block;
-		margin: 0 auto;
-		position: relative;
-		z-index: 2;
-	}
-
-	.planet-reminder-badge {
-		position: absolute;
-		right: 8rpx;
-		top: 6rpx;
-		min-width: 36rpx;
-		height: 34rpx;
-		padding: 0 10rpx;
-		border-radius: 999rpx;
-		background: linear-gradient(135deg, #ff4f8b 0%, #ff8a3d 100%);
-		border: 3rpx solid rgba(255, 255, 255, 0.96);
-		box-shadow: 0 10rpx 22rpx rgba(255, 86, 126, 0.34), 0 0 0 2rpx rgba(255, 214, 229, 0.75);
-		color: #fff;
-		font-size: 19rpx;
-		font-weight: 900;
-		line-height: 34rpx;
-		text-align: center;
-		white-space: nowrap;
-		z-index: 6;
-	}
-
-	.planet-reminder-badge::after {
-		content: '';
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		width: 100%;
-		height: 100%;
-		border-radius: inherit;
-		background: rgba(255, 93, 126, 0.32);
-		transform: translate(-50%, -50%);
-		animation: reminderBadgePulse 1.8s ease-out infinite;
-		z-index: -1;
-	}
-
-	.planet-reminder-badge text {
-		position: relative;
-		z-index: 1;
-	}
-
-	.planet-win-badge {
-		right: 2rpx;
-		top: -10rpx;
-		height: 30rpx;
-		padding: 0 10rpx;
-		font-size: 16rpx;
-		line-height: 30rpx;
-		letter-spacing: 1rpx;
-		transform: scale(0.92);
-		transform-origin: right top;
-	}
-
-	.ie-badge {
-		right: 4rpx;
-		top: 4rpx;
-		min-width: 34rpx;
-		height: 34rpx;
-		padding: 0 9rpx;
-		background: linear-gradient(135deg, #12c98a 0%, #08794f 100%);
-		box-shadow: 0 10rpx 22rpx rgba(8, 121, 79, 0.32), 0 0 0 2rpx rgba(198, 255, 144, 0.76);
-		color: #fff;
-	}
-
-	.ie-badge::after {
-		background: rgba(18, 201, 138, 0.32);
-	}
-
-	@keyframes reminderBadgePulse {
-		0% {
-			opacity: 0.72;
-			transform: translate(-50%, -50%) scale(1);
-		}
-
-		100% {
-			opacity: 0;
-			transform: translate(-50%, -50%) scale(1.9);
-		}
-	}
-
-	.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: 21rpx;
-		font-weight: 900;
-		margin-top: 6rpx;
-		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: 0;
-		color: rgba(18, 73, 63, 0.58);
-		font-size: 17rpx;
-		font-weight: 800;
-		line-height: 22rpx;
-		position: relative;
-		z-index: 2;
-		white-space: nowrap;
-	}
-
-	.world-light {
-		width: 96rpx;
-		height: 96rpx;
-		position: absolute;
-		left: 50%;
-		top: 10rpx;
-		margin-left: -48rpx;
-		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,
-	.daimai-box {
-		width: 95%;
-		margin: 12rpx auto;
-	}
-
-	.daimai-tab {
-		display: flex;
-		align-items: center;
-		height: 88rpx;
-		padding: 8rpx;
-		margin: 0 8rpx;
-		box-sizing: border-box;
-		position: sticky;
-		top: 0;
-		z-index: 97;
-		border-radius: 34rpx;
-		background: rgba(255, 255, 255, 0.62);
-		    border-bottom-left-radius: 0;
-		    border-bottom-right-radius: 0;
-	}
-
-	.daimai-sticky-cover {
-		width: 100%;
-		position: fixed;
-		left: 0;
-		top: 0;
-		z-index: 94;
-		pointer-events: none;
-		background:
-			linear-gradient(180deg, rgba(246, 255, 251, 1) 0%, rgba(246, 255, 251, 1) 78%, rgba(246, 255, 251, 0.92) 92%, rgba(246, 255, 251, 0) 100%),
-			url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat;
-		background-size: 100% 100%, 100% 260rpx;
-	}
-
-	.earn-guide {
-		height: 64rpx;
-		margin: 0 8rpx 8rpx;
-		padding: 0 12rpx 0 18rpx;
-		box-sizing: border-box;
-		border-radius: 16rpx;
-		background:
-			radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0) 74rpx),
-			linear-gradient(90deg, rgba(236, 255, 248, 0.98) 0%, rgba(255, 252, 237, 0.98) 58%, rgba(255, 238, 226, 0.98) 100%);
-		border: 1px solid rgba(255, 255, 255, 0.88);
-		box-shadow: 0 10rpx 24rpx rgba(74, 151, 111, 0.08), inset 0 1rpx 0 rgba(255, 255, 255, 0.9);
-		display: flex;
-		align-items: center;
-		position: relative;
-		overflow: hidden;
-	}
-
-	.earn-guide-light {
-		width: 180rpx;
-		height: 100rpx;
-		background: linear-gradient(105deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.74) 48%, rgba(255, 255, 255, 0) 100%);
-		position: absolute;
-		top: -18rpx;
-		left: -210rpx;
-		transform: rotate(12deg);
-		animation: seckillEntrySweep 5.2s ease-in-out infinite;
-	}
-
-	.earn-guide-icon {
-		width: 48rpx;
-		height: 48rpx;
-		margin-right: 12rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		color: #139c7d;
-		font-size: 31rpx;
-		line-height: 1;
-		position: relative;
-		z-index: 1;
-	}
-
-	.earn-guide-main {
-		color: #0c6958;
-		font-size: 26rpx;
-		font-weight: 900;
-		letter-spacing: 1rpx;
-		position: relative;
-		z-index: 1;
-		white-space: nowrap;
-	}
-
-	.earn-guide-tag {
-		height: 36rpx;
-		margin-left: auto;
-		padding: 0 12rpx;
-		border-radius: 999rpx;
-		/* background: rgba(255, 117, 88, 0.14); */
-		color: #ff7a3f;
-		font-size: 22rpx;
-		font-weight: 900;
-		line-height: 36rpx;
-		position: relative;
-		z-index: 1;
-		white-space: nowrap;
-	}
-
-	.earn-guide-arrow {
-		width: 38rpx;
-		height: 38rpx;
-		margin-left: 8rpx;
-		border-radius: 50%;
-		background: rgba(255, 255, 255, 0.88);
-		color: #ffb079;
-		font-size: 36rpx;
-		font-weight: 900;
-		line-height: 34rpx;
-		text-align: center;
-		box-shadow: 0 4rpx 12rpx rgba(255, 152, 82, 0.12);
-		position: relative;
-		z-index: 1;
-	}
-
-	.daimai-tab--sticky {
-		background: rgba(255, 255, 255, 1);
-		box-shadow: 0 16rpx 36rpx rgba(130, 84, 43, 0.08);
-	}
-
-	.page1.is-sticky .daimai-tab,
-	.page1.is-sticky .title-sort,
-	.page1.is-sticky .sort-text {
-		position: sticky;
-		transform: translateZ(0);
-	}
-
-	.page1.is-sticky .daimai-tab {
-		z-index: 97;
-	}
-
-	.page1.is-sticky .title-sort {
-		z-index: 96;
-	}
-
-	.page1.is-sticky .sort-text {
-		z-index: 95;
-	}
-
-	.daimai-tab-item {
-		flex: 1;
-		min-width: 0;
-		height: 68rpx;
-		margin-right: 10rpx;
-		border-radius: 26rpx;
-		border: 1px solid rgba(255, 184, 116, 0.16);
-		background: rgba(255, 252, 244, 0.82);
-		box-shadow: 0 8rpx 22rpx rgba(130, 84, 43, 0.04);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		position: relative;
-		overflow: hidden;
-		color: #7d756c;
-		transition: transform 0.22s cubic-bezier(0.2, 0.9, 0.3, 1.35), box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease;
-	}
-
-	.daimai-tab-item:last-child {
-		margin-right: 0;
-	}
-
-	.daimai-tab-item:active {
-		transform: scale(0.94);
-		box-shadow: 0 4rpx 12rpx rgba(255, 150, 93, 0.14);
-	}
-
-	.daimai-tab-item.active {
-		border-color: rgba(255, 188, 119, 0.72);
-		background: linear-gradient(135deg, #fff7d7 0%, #ffd8a8 45%, #ffb8a3 100%);
-		box-shadow: 0 14rpx 30rpx rgba(255, 158, 100, 0.28);
-		color: #63351d;
-		transform: translateY(-4rpx);
-		animation: daimaiTabPop 0.34s cubic-bezier(0.2, 0.9, 0.3, 1.35);
-	}
-
-	.daimai-tab-item.active:active {
-		transform: translateY(-2rpx) scale(0.96);
-	}
-
-	.daimai-tab-glow {
-		width: 88rpx;
-		height: 88rpx;
-		border-radius: 50%;
-		background: rgba(255, 255, 255, 0.42);
-		position: absolute;
-		top: -38rpx;
-		right: -26rpx;
-		opacity: 0;
-		transform: scale(0.6);
-		transition: opacity 0.22s ease, transform 0.26s ease;
-	}
-
-	.daimai-tab-item.active .daimai-tab-glow {
-		opacity: 1;
-		transform: scale(1.08);
-	}
-
-	.daimai-tab-icon {
-		width: 40rpx;
-		height: 40rpx;
-		margin-right: 8rpx;
-		border-radius: 14rpx;
-		background: rgba(255, 221, 176, 0.56);
-		color: #724126;
-		font-size: 22rpx;
-		font-weight: 900;
-		line-height: 40rpx;
-		text-align: center;
-		z-index: 1;
-	}
-
-	.daimai-tab-item.active .daimai-tab-icon {
-		background: rgba(255, 255, 255, 0.5);
-		color: #63351d;
-		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.36);
-	}
-
-	.daimai-tab-info {
-		min-width: 0;
-		display: flex;
-		align-items: center;
-		z-index: 1;
-	}
-
-	.daimai-tab-label {
-		font-size: 24rpx;
-		font-weight: 900;
-		white-space: nowrap;
-		letter-spacing: 1rpx;
-	}
-
-	.daimai-tab-count {
-		min-width: 30rpx;
-		height: 30rpx;
-		margin-left: 6rpx;
-		padding: 0 8rpx;
-		border-radius: 999rpx;
-		background: rgba(255, 221, 176, 0.66);
-		color: #724126;
-		font-size: 20rpx;
-		font-weight: 900;
-		line-height: 30rpx;
-		text-align: center;
-		box-sizing: border-box;
-	}
-
-	.daimai-tab-item.active .daimai-tab-count {
-		background: rgba(255, 255, 255, 0.88);
-		color: #ff734d;
-		box-shadow: 0 4rpx 12rpx rgba(255, 115, 77, 0.18);
-	}
-
-	@keyframes daimaiTabPop {
-		0% {
-			transform: translateY(0) scale(0.94);
-		}
-
-		65% {
-			transform: translateY(-6rpx) scale(1.04);
-		}
-
-		100% {
-			transform: translateY(-4rpx) scale(1);
-		}
-	}
-
-	.like-head {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-	}
-
-	.like-title {
-		width: 218rpx;
-		height: 64rpx;
-		filter: drop-shadow(0 8rpx 10rpx rgba(0, 35, 28, 0.06));
-	}
-
-	.like-title img {
-		width: 100%;
-		height: 100%;
-		background-size: 100%;
-	}
-
-	.seckill-entry {
-		width: 198rpx;
-		height: 56rpx;
-		padding: 0 10rpx;
-		box-sizing: border-box;
-		border-radius: 999rpx;
-		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: none;
-	}
-
-	.seckill-entry--in-card {
-		position: absolute;
-		top: 16rpx;
-		right: 20rpx;
-		z-index: 4;
-	}
-
-	.seckill-entry:active {
-		transform: scale(0.96);
-	}
-
-	.seckill-entry-light {
-		width: 190rpx;
-		height: 120rpx;
-		background: linear-gradient(105deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.76) 46%, rgba(255, 255, 255, 0) 100%);
-		position: absolute;
-		top: -20rpx;
-		left: -220rpx;
-		transform: rotate(12deg);
-		animation: seckillEntrySweep 4.8s ease-in-out infinite;
-	}
-
-	.seckill-entry-icon {
-		width: 54rpx;
-		height: 54rpx;
-		margin-right: 10rpx;
-		border-radius: 50%;
-		background: rgba(255, 255, 255, 0.92);
-		color: #ff4f24;
-		font-size: 26rpx;
-		font-weight: 900;
-		line-height: 54rpx;
-		text-align: center;
-		box-shadow: inset 0 -4rpx 0 rgba(255, 197, 69, 0.38);
-		position: relative;
-		z-index: 1;
-		animation: none;
-	}
-
-	.seckill-entry-info {
-		flex: 1;
-		min-width: 0;
-		position: relative;
-		z-index: 1;
-		color: #fff;
-	}
-
-	.seckill-entry-title {
-		font-size: 27rpx;
-		font-weight: 900;
-		line-height: 62rpx;
-		letter-spacing: 1rpx;
-		text-shadow: 0 3rpx 8rpx rgba(183, 35, 0, 0.24);
-	}
-
-	.seckill-entry-btn {
-		width: 48rpx;
-		height: 48rpx;
-		border-radius: 50%;
-		background: #fff;
-		color: #ff3d18;
-		font-size: 24rpx;
-		font-weight: 900;
-		line-height: 48rpx;
-		text-align: center;
-		position: relative;
-		z-index: 1;
-		box-shadow: 0 8rpx 18rpx rgba(158, 32, 0, 0.22);
-		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:
-			radial-gradient(circle at 8% 12%, rgba(255, 255, 255, 0.92) 0, rgba(255, 255, 255, 0) 118rpx),
-			radial-gradient(circle at 86% 88%, rgba(116, 255, 216, 0.36) 0, rgba(116, 255, 216, 0) 150rpx),
-			linear-gradient(135deg, rgba(229, 255, 247, 0.96) 0%, rgba(255, 250, 226, 0.9) 46%, rgba(221, 255, 246, 0.96) 100%),
-			url("https://jewel-shop.oss-cn-beijing.aliyuncs.com/6d65d349d68f40e7886c978190b6ea33.png") no-repeat;
-		background-size: 100%, 100%, 100%, 100%;
-		margin-top: 0;
-		display: flex;
-		border-radius: 34rpx;
-		overflow: hidden;
-		border: 1px solid rgba(255, 255, 255, 0.82);
-		box-shadow: 0 22rpx 52rpx rgba(50, 137, 95, 0.14), inset 0 1rpx 0 rgba(255, 255, 255, 0.88);
-		position: relative;
-	}
-
-	.brand-memory-strip {
-		position: absolute;
-		left: 20rpx;
-		right: 240rpx;
-		top: 26rpx;
-		height: 36rpx;
-		display: flex;
-		align-items: center;
-		overflow: hidden;
-		z-index: 4;
-		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.8);
-		color: #0f695b;
-		font-size: 18rpx;
-		font-weight: 900;
-		line-height: 32rpx;
-		box-shadow: 0 6rpx 14rpx rgba(0, 35, 28, 0.06);
-	}
-
-	.group-flat-row {
-		position: absolute;
-		left: 8rpx;
-		right: 8rpx;
-		top: 84rpx;
-		bottom: 20rpx;
-		display: flex;
-		z-index: 3;
-	}
-
-	.flat-card {
-		flex: 1;
-		min-width: 0;
-		margin: 0 6rpx;
-		padding: 12rpx 12rpx 16rpx;
-		box-sizing: border-box;
-		display: flex;
-		flex-direction: column;
-		border-radius: 26rpx;
-		background: rgba(255, 255, 255, 0.9);
-		border: 1px solid rgba(255, 255, 255, 0.88);
-		box-shadow: 0 12rpx 26rpx rgba(0, 35, 28, 0.06);
-		overflow: hidden;
-		position: relative;
-		transition: transform 0.18s ease, box-shadow 0.18s ease;
-	}
-
-	.flat-card:active {
-		box-shadow: 0 16rpx 30rpx rgba(0, 35, 28, 0.1);
-		transform: scale(0.97);
-	}
-
-	.flat-card-img {
-		width: 100%;
-		height: 140rpx;
-		position: relative;
-	}
-
-	.flat-card-img img {
-		width: 100%;
-		height: 100%;
-		border-radius: 20rpx;
-		object-fit: cover;
-		box-shadow: 0 8rpx 16rpx rgba(0, 35, 28, 0.08);
-	}
-
-	.flat-card-tag {
-		position: absolute;
-		top: 1rpx;
-		left: 0;
-		height: 32rpx;
-		padding: 0 14rpx;
-		border-radius: 999rpx;
-		background: rgba(255, 255, 255, 0.94);
-		color: #ff6a23;
-		font-size: 17rpx;
-		font-weight: 900;
-		line-height: 32rpx;
-		box-shadow: 0 6rpx 14rpx rgba(255, 110, 36, 0.14);
-	}
-
-	.flat-card-name {
-		margin-top: 12rpx;
-		height: 34rpx;
-		line-height: 34rpx;
-		font-size: 23rpx;
-		font-weight: 900;
-		color: #173f36;
-		text-align: left;
-		overflow: hidden;
-		white-space: nowrap;
-		text-overflow: ellipsis;
-	}
-
-	.flat-card-price {
-		height: 40rpx;
-		line-height: 40rpx;
-		margin-top: 4rpx;
-		font-size: 27rpx;
-		font-weight: 900;
-		color: #ff6a23;
-		text-align: left;
-		white-space: nowrap;
-		overflow: hidden;
-	}
-
-	.flat-card-foot {
-		margin-top: auto;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		min-width: 0;
-	}
-
-	.flat-card-foot text {
-		flex: 1;
-		min-width: 0;
-		font-size: 19rpx;
-		font-weight: 800;
-		color: rgba(18, 73, 63, 0.55);
-		overflow: hidden;
-		white-space: nowrap;
-		text-overflow: ellipsis;
-	}
-
-	.flat-card-btn {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex: 0 0 60rpx;
-		width: 60rpx;
-		height: 36rpx;
-		margin-left: 8rpx;
-		border-radius: 999rpx;
-		border: 1px solid rgba(165, 255, 226, 0.9);
-		background: linear-gradient(135deg, #7be8c8 0%, #e4fff4 100%);
-		color: #16866d;
-		font-size: 18rpx;
-		font-weight: 900;
-		white-space: nowrap;
-		box-shadow: 0 6rpx 14rpx rgba(27, 191, 156, 0.14);
-	}
-
-	@keyframes seckillEntryFloat {
-		0%,
-		100% {
-			transform: translateY(0);
-		}
-
-		50% {
-			transform: translateY(-4rpx);
-		}
-	}
-
-	@keyframes seckillEntrySweep {
-		0% {
-			left: -220rpx;
-			opacity: 0;
-		}
-
-		34% {
-			opacity: 0.9;
-		}
-
-		72%,
-		100% {
-			left: 470rpx;
-			opacity: 0;
-		}
-	}
-
-	@keyframes seckillIconPulse {
-		0%,
-		100% {
-			transform: scale(1);
-		}
-
-		50% {
-			transform: scale(1.08);
-		}
-	}
-
-	@keyframes seckillBtnBeat {
-		0%,
-		100% {
-			transform: scale(1);
-		}
-
-		50% {
-			transform: scale(1.08);
-		}
-	}
-
-	@keyframes groupCardFloat {
-		0%,
-		100% {
-			transform: translateY(0);
-		}
-
-		50% {
-			transform: translateY(-5rpx);
-		}
-	}
-
-	@keyframes hotBadgePulse {
-		0%,
-		100% {
-			transform: scale(1);
-		}
-
-		50% {
-			transform: scale(1.1) rotate(-3deg);
-		}
-	}
-
-	@keyframes groupMemberPulse {
-		0%,
-		100% {
-			transform: rotate(-4deg) scale(1);
-		}
-
-		50% {
-			transform: rotate(-4deg) scale(1.06);
-		}
-	}
-
-	@keyframes groupPricePop {
-		0%,
-		100% {
-			transform: scale(1);
-		}
-
-		50% {
-			transform: scale(1.06);
-		}
-	}
-
-	@keyframes groupCtaNudge {
-		0%,
-		100% {
-			transform: translateX(0);
-		}
-
-		50% {
-			transform: translateX(3rpx);
-		}
-	}
-
-	.list-1 {
-		width: 98%;
-		background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(253, 255, 250, 0.96) 100%);
-		border: 1px solid rgba(255, 255, 255, 0.86);
-		border-radius: 34rpx;
-		margin: 22rpx auto 0;
-		overflow: hidden;
-		position: relative;
-		z-index: 1;
-	}
-
-	.daoda-time-row {
-		display: flex;
-		align-items: center;
-		margin: 20rpx 0 20rpx 20rpx;
+		margin: 20rpx 0 20rpx 20rpx;
 	}
 
 	.appointment-delivery-tag {
@@ -2731,59 +1533,10 @@
 		margin: 0 auto;
 	}
 
-	.shangjialogo {
-		width: 40rpx;
-		height: 40rpx;
-		margin: 8rpx 20rpx 0 28rpx;
-
-		img {
-			width: 100%;
-			height: 100%;
-			background-size: 100%;
-		}
-	}
-
 	.shangpin {
 		display: flex;
 	}
 
-	.shangpintu {
-		width: 120rpx;
-		height: 120rpx;
-		margin-left: 20rpx;
-
-		img {
-			width: 100%;
-			height: 100%;
-			background-size: 100%;
-		}
-	}
-
-	.shangpinxinxi {
-		padding: 0 20rpx;
-		flex: 1;
-	}
-
-	.pinming {
-		font-size: 24rpx;
-		font-weight: 700;
-	}
-
-	.guige {
-		font-size: 20rpx;
-		height: 56rpx;
-		line-height: 56rpx;
-		color: #777;
-	}
-
-	.shuliang {
-		font-size: 20rpx;
-		display: flex;
-		height: 40rpx;
-		line-height: 40rpx;
-		color: #777;
-	}
-
 	.qu-song {
 		width: 95%;
 		margin: 0 auto;
@@ -2798,7 +1551,7 @@
 		width: 50rpx;
 		height: 50rpx;
 
-		img {
+		image {
 			width: 100%;
 			height: 100%;
 			background-size: 100%;
@@ -2956,55 +1709,6 @@
 		}
 	}
 
-	.paotui-title {
-		display: flex;
-		flex: 1;
-		line-height: 88rpx;
-		text-align: right;
-		padding-right: 20rpx;
-	}
-
-	.paotui-text {
-		font-size: 28rpx;
-		color: red;
-		font-weight: bold;
-		flex: 1;
-	}
-
-	.paotui-num {
-		font-size: 24rpx;
-		padding: 0 10rpx;
-	}
-
-	.popup-area-content {
-		align-items: center;
-		justify-content: center;
-		height: auto;
-		background-color: #fff;
-		    padding: 10px 20px;
-		    border-radius: 10px;
-	}
-
-	.popup-area-title {
-		font-size: 36rpx;
-		font-weight: bold;
-		text-align: center;
-		position: relative;
-		    margin-top: 10px;
-	}
-
-	.popup-area-container {
-		margin-top: 20rpx;
-		height: 100rpx;
-		border-radius: 20rpx;
-		background: #088FEB;
-		line-height: 100rpx;
-		text-align: center;
-		border-bottom: 1px solid #eee;
-		border-top: 1px solid #eee;
-		color: #fff;
-		    padding: 0 10px;
-	}
 
 	.campus-area-popup {
 		position: relative;
@@ -3262,10 +1966,6 @@
 		font-size: 12px;
 	}
 
-	.title-sort--sticky {
-		animation: stickyPanelIn 0.24s ease;
-	}
-
 	.sort-text {
 		height: auto;
 		display: flex;
@@ -3380,6 +2080,7 @@
 		position: relative;
 		z-index: 1;
 		margin-top:80rpx;
+		height: calc(100vh - 480rpx); 
 	}
 
 	.empty-delivery {
@@ -3481,7 +2182,7 @@
 		border-radius: 22rpx;
 		background: #f0f5f3;
 
-		img {
+		image {
 			width: 100%;
 			height: 100%;
 			background-size: 100%;
@@ -3563,18 +2264,6 @@
 		text-align: center;
 	}
 
-	@keyframes stickyPanelIn {
-		0% {
-			opacity: 0.88;
-			transform: translateY(-8rpx);
-		}
-
-		100% {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
 	@keyframes filterChipIn {
 		0% {
 			opacity: 0;
@@ -3598,53 +2287,6 @@
 			transform: translateY(0);
 		}
 	}
-	.box1 {
-		width: 95%;
-		margin: 0 auto 20rpx;
-		background: #fff;
-		border-radius: 20rpx;
-		padding: 20rpx;
-	}
-	.goods-img {
-		width: 160rpx;
-		height: 160rpx;
-		position: relative;
-	
-		img {
-			width: 100%;
-			background-size: 100%;
-			height: 100%;
-		}
-	}
-	
-	.goods-content {
-		flex: 1;
-		padding-left: 20rpx;
-	}
-	
-	.goods-name {
-		font-size: 32rpx;
-		font-weight: 900;
-	}
-	
-	.goods-content-center {
-		display: flex;
-		margin: 16rpx 0;
-		color: #777;
-	}
-	
-	.goods-content-bottom {
-		display: flex;
-		line-height: 56rpx;
-		color: #777;
-	}
-	
-	.pintuan-left-price {
-		width: 50%;
-		text-align: right;
-		font-weight: 700;
-		color: #000;
-	}
 	.tishi-popup{
 		background:url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/629843c61a014d69bf3a1195f51a898b.png') no-repeat;
 		width: 300px;