/* === index_live_toast.css === */
/**
 * 首页实时飘屏 — 购买（简洁居中卡片）/ 中奖（奖杯+气泡）
 * BEM：idx-live-toast--order / idx-live-toast--win，统一宽度与圆角体系
 */
 .idx-live-toast-mount {
	position: fixed;
	left: 0;
	right: 0;
	/* 商城首页顶栏约 1.56rem：顶栏下略留空，整体落在轮播图上段（不再压九宫格/HOT） */
	top: calc(1.56rem + 0.58rem + env(safe-area-inset-top, 0px));
	z-index: 100200;
	display: flex;
	justify-content: center;
	padding: 0 14px;
	box-sizing: border-box;
	pointer-events: none;
	visibility: hidden;
	transition: visibility 0s linear 0.36s;
}

.idx-live-toast-mount.idx-live-toast-mount--visible {
	visibility: visible;
	transition: visibility 0s;
}

.idx-live-toast {
	position: relative;
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 340px;
	min-height: 0;
	padding: 12px 38px 12px 11px;
	border-radius: 13px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.58);
	border: 1px solid rgba(255, 255, 255, 0.52);
	-webkit-backdrop-filter: blur(22px) saturate(1.18);
	backdrop-filter: blur(22px) saturate(1.18);
	box-shadow:
		0 10px 36px rgba(15, 23, 42, 0.09),
		0 2px 8px rgba(15, 23, 42, 0.04),
		inset 0 1px 0 rgba(255, 255, 255, 0.65);
	transform: translateY(14px) scale(0.97);
	opacity: 0;
	transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.48s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
	overflow: hidden;
}

.idx-live-toast__close {
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 5;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: rgba(15, 23, 42, 0.32);
	cursor: pointer;
	pointer-events: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-tap-highlight-color: transparent;
}

.idx-live-toast__close:hover,
.idx-live-toast__close:active {
	color: rgba(15, 23, 42, 0.52);
	background: rgba(255, 255, 255, 0.35);
}

/* 购买：与中奖同宽同圆角，高度约 88%，阴影略弱；轻量气泡+红包向上飘 */
.idx-live-toast--order {
	min-height: 104px;
	background: linear-gradient(
		152deg,
		rgba(255, 255, 255, 0.72) 0%,
		rgba(248, 250, 252, 0.68) 100%
	);
	border: 1px solid rgba(255, 255, 255, 0.55);
	box-shadow:
		0 9px 30px rgba(15, 23, 42, 0.065),
		0 2px 8px rgba(15, 23, 42, 0.035),
		inset 0 1px 0 rgba(255, 255, 255, 0.72);
	-webkit-backdrop-filter: blur(22px) saturate(1.06);
	backdrop-filter: blur(22px) saturate(1.06);
	transform: translateY(18px) scale(0.985);
}

.idx-live-toast__order-fx {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	border-radius: inherit;
	overflow: hidden;
}

.idx-live-toast--order .idx-live-toast__media,
.idx-live-toast--order .idx-live-toast__body {
	z-index: 2;
}

.idx-live-toast__order-bubble {
	position: absolute;
	bottom: -10px;
	border-radius: 50%;
	box-shadow:
		inset 0 2px 5px rgba(255, 255, 255, 0.55),
		0 2px 10px rgba(0, 0, 0, 0.1);
	opacity: 1;
	animation: idx-live-toast-order-bubble-rise 2.65s ease-in-out infinite;
}

.idx-live-toast__order-bubble--1 {
	left: 6%;
	width: 12px;
	height: 12px;
	animation-delay: 0s;
	background: radial-gradient(
		circle at 30% 30%,
		#fecdd3 0%,
		#fb7185 45%,
		#e11d48 100%
	);
}

.idx-live-toast__order-bubble--2 {
	left: 20%;
	width: 9px;
	height: 9px;
	animation-delay: 0.35s;
	background: radial-gradient(
		circle at 28% 28%,
		#fef3c7 0%,
		#fde047 40%,
		#f97316 100%
	);
}

.idx-live-toast__order-bubble--3 {
	left: 78%;
	width: 11px;
	height: 11px;
	animation-delay: 0.7s;
	background: radial-gradient(
		circle at 32% 30%,
		#ccfbf1 0%,
		#5eead4 42%,
		#14b8a6 100%
	);
}

@keyframes idx-live-toast-order-bubble-rise {
	0% {
		transform: translateY(0) scale(0.82);
		opacity: 0.22;
	}
	12% {
		opacity: 0.92;
	}
	40% {
		opacity: 1;
	}
	100% {
		transform: translateY(-132px) scale(1.1);
		opacity: 0;
	}
}

.idx-live-toast__order-hb {
	position: absolute;
	bottom: -28%;
	width: 10px;
	height: 12px;
	margin-left: -5px;
	border-radius: 2px 2px 3px 3px;
	background: linear-gradient(
		158deg,
		#fecdd3 0%,
		#f87171 38%,
		#dc2626 72%,
		#991b1b 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.38),
		0 2px 6px rgba(153, 27, 27, 0.22);
	opacity: 0;
	animation: idx-live-toast-order-hb-rise linear infinite;
	will-change: transform, opacity;
}

.idx-live-toast__order-hb::before {
	content: '';
	position: absolute;
	top: 34%;
	left: 1px;
	right: 1px;
	height: 2px;
	border-radius: 1px;
	background: linear-gradient(90deg, #fde047, #fef9c3, #fde047);
	box-shadow: 0 0 0 0.5px rgba(180, 83, 9, 0.2);
}

.idx-live-toast__order-hb::after {
	content: '';
	position: absolute;
	top: 12%;
	left: 50%;
	width: 3px;
	height: 2px;
	margin-left: -1.5px;
	border-radius: 1px;
	background: rgba(254, 243, 199, 0.95);
}

.idx-live-toast__order-hb--1 {
	left: 9%;
	animation-duration: 2.35s;
	animation-delay: 0s;
}

.idx-live-toast__order-hb--2 {
	left: 17%;
	animation-duration: 2.85s;
	animation-delay: 0.25s;
	animation-name: idx-live-toast-order-hb-rise-alt;
}

.idx-live-toast__order-hb--3 {
	left: 27%;
	animation-duration: 2.55s;
	animation-delay: 0.5s;
}

.idx-live-toast__order-hb--4 {
	left: 36%;
	animation-duration: 3.05s;
	animation-delay: 0.12s;
	animation-name: idx-live-toast-order-hb-rise-alt;
}

.idx-live-toast__order-hb--5 {
	left: 46%;
	animation-duration: 2.7s;
	animation-delay: 0.65s;
}

.idx-live-toast__order-hb--6 {
	left: 55%;
	animation-duration: 2.95s;
	animation-delay: 0.38s;
	animation-name: idx-live-toast-order-hb-rise-alt;
}

.idx-live-toast__order-hb--7 {
	left: 64%;
	animation-duration: 2.45s;
	animation-delay: 0.82s;
}

.idx-live-toast__order-hb--8 {
	left: 73%;
	animation-duration: 2.8s;
	animation-delay: 0.18s;
	animation-name: idx-live-toast-order-hb-rise-alt;
}

.idx-live-toast__order-hb--9 {
	left: 81%;
	animation-duration: 3.1s;
	animation-delay: 0.55s;
}

.idx-live-toast__order-hb--10 {
	left: 91%;
	animation-duration: 2.65s;
	animation-delay: 0.92s;
	animation-name: idx-live-toast-order-hb-rise-alt;
}

@keyframes idx-live-toast-order-hb-rise {
	0% {
		transform: translate3d(0, 0, 0) rotate(-11deg);
		opacity: 0;
	}
	7% {
		opacity: 0.88;
	}
	72% {
		opacity: 0.42;
	}
	100% {
		transform: translate3d(8px, -195%, 0) rotate(14deg);
		opacity: 0;
	}
}

@keyframes idx-live-toast-order-hb-rise-alt {
	0% {
		transform: translate3d(0, 0, 0) rotate(9deg);
		opacity: 0;
	}
	7% {
		opacity: 0.85;
	}
	72% {
		opacity: 0.38;
	}
	100% {
		transform: translate3d(-9px, -205%, 0) rotate(-13deg);
		opacity: 0;
	}
}

/* —— 中奖：氛围气泡 + 闪光 + 奖杯（装饰层） —— */
.idx-live-toast__fx {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	border-radius: inherit;
	overflow: hidden;
}

.idx-live-toast__media,
.idx-live-toast__body {
	position: relative;
	z-index: 2;
}

.idx-live-toast__bubble {
	position: absolute;
	bottom: -6px;
	border-radius: 50%;
	box-shadow:
		inset 0 2px 5px rgba(255, 255, 255, 0.55),
		0 2px 12px rgba(0, 0, 0, 0.12);
	opacity: 1;
	animation: idx-live-toast-bubble-rise 3.2s ease-in-out infinite;
}

/* 装饰气泡基底（中奖--win 下覆写为暖色渐变） */
.idx-live-toast__bubble--a {
	left: 8%;
	width: 11px;
	height: 11px;
	animation-delay: 0s;
	background: radial-gradient(
		circle at 28% 28%,
		#fda4af 0%,
		#f472b6 38%,
		#e879f9 72%,
		#a78bfa 100%
	);
}

.idx-live-toast__bubble--b {
	left: 28%;
	width: 8px;
	height: 8px;
	animation-delay: 0.7s;
	background: radial-gradient(
		circle at 30% 30%,
		#7dd3fc 0%,
		#38bdf8 42%,
		#6366f1 100%
	);
}

.idx-live-toast__bubble--c {
	right: 18%;
	width: 10px;
	height: 10px;
	animation-delay: 1.1s;
	background: radial-gradient(
		circle at 32% 28%,
		#fde047 0%,
		#fbbf24 35%,
		#a8d4bc 70%,
		#f472b6 100%
	);
}

.idx-live-toast__bubble--d {
	right: 6%;
	width: 7px;
	height: 7px;
	animation-delay: 1.6s;
	background: radial-gradient(
		circle at 30% 32%,
		#6ee7b7 0%,
		#34d399 45%,
		#14b8a6 100%
	);
}

.idx-live-toast__spark {
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 1px;
	background: linear-gradient(135deg, #fde68a 0%, #f59e0b 100%);
	box-shadow: 0 0 7px rgba(251, 191, 36, 0.65);
	opacity: 0;
	animation: idx-live-toast-spark-pop 2.4s ease-in-out infinite;
}

.idx-live-toast__spark--x {
	top: 14%;
	left: 22%;
	animation-delay: 0.3s;
}

.idx-live-toast__spark--y {
	top: 40%;
	right: 12%;
	animation-delay: 1.2s;
}

/* 金色奖杯（圆润杯身 + 高光 + 双耳），小尺寸更清晰 */
.idx-live-toast__trophy {
	position: absolute;
	width: 14px;
	height: 16px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='tp' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23fffef8'/%3E%3Cstop offset='22%25' stop-color='%23fde68a'/%3E%3Cstop offset='55%25' stop-color='%23f59e0b'/%3E%3Cstop offset='100%25' stop-color='%237c2d12'/%3E%3C/linearGradient%3E%3CradialGradient id='hi' cx='32%25' cy='28%25' r='70%25'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='.55'/%3E%3Cstop offset='55%25' stop-color='%23ffffff' stop-opacity='.08'/%3E%3Cstop offset='100%25' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='5' y='19.2' width='14' height='3.4' rx='1.35' fill='%231a1208'/%3E%3Crect x='10.5' y='13.8' width='3' height='5.6' rx='0.55' fill='url(%23tp)' stroke='%2394510b' stroke-width='.28'/%3E%3Crect x='7' y='4' width='10' height='11' rx='3.2' fill='url(%23tp)' stroke='%23b45309' stroke-width='.42'/%3E%3Crect x='8.1' y='5.1' width='7.8' height='4.2' rx='2' fill='url(%23hi)'/%3E%3Cpath fill='none' stroke='%23a35618' stroke-width='1.08' stroke-linecap='round' stroke-linejoin='round' d='M7.15 8.15H5.45Q4.15 8.15 4.15 10.65q0 2.35 1.35 2.35h1.65M16.85 8.15H18.55Q19.85 8.15 19.85 10.65q0 2.35-1.35 2.35H16.85'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.92;
	filter: drop-shadow(0 1px 4px rgba(180, 83, 9, 0.45));
	animation: idx-live-toast-trophy-glow 2.15s ease-in-out infinite;
}

.idx-live-toast__trophy--1 {
	top: 8%;
	right: 24%;
	width: 15px;
	height: 17px;
	animation-delay: 0s;
}

.idx-live-toast__trophy--2 {
	bottom: 18%;
	left: 12%;
	width: 12px;
	height: 14px;
	opacity: 0.82;
	animation-delay: 0.55s;
}

.idx-live-toast__trophy--3 {
	top: 48%;
	right: 6%;
	width: 11px;
	height: 13px;
	opacity: 0.78;
	animation-delay: 1s;
}

/* 中奖飘屏：减少装饰数量，整体降速，更克制 */
.idx-live-toast--win .idx-live-toast__bubble--c,
.idx-live-toast--win .idx-live-toast__bubble--d,
.idx-live-toast--win .idx-live-toast__spark--y,
.idx-live-toast--win .idx-live-toast__trophy--3 {
	display: none;
}

.idx-live-toast--win .idx-live-toast__bubble {
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	filter: saturate(0.88);
}

@keyframes idx-live-toast-bubble-rise {
	0% {
		transform: translateY(0) scale(0.88);
		opacity: 0.25;
	}
	10% {
		opacity: 0.92;
	}
	45% {
		opacity: 1;
	}
	100% {
		transform: translateY(-88px) scale(1.08);
		opacity: 0;
	}
}

@keyframes idx-live-toast-spark-pop {
	0%,
	100% {
		transform: scale(0.4) rotate(0deg);
		opacity: 0;
	}
	25% {
		opacity: 1;
		transform: scale(1.15) rotate(45deg);
	}
	50% {
		opacity: 0.55;
		transform: scale(0.75) rotate(90deg);
	}
}

@keyframes idx-live-toast-trophy-glow {
	0%,
	100% {
		transform: scale(0.92) translateY(0) rotate(-2deg);
		opacity: 0.78;
	}
	40% {
		transform: scale(1.04) translateY(-0.5px) rotate(2deg);
		opacity: 0.96;
	}
	70% {
		transform: scale(0.97) translateY(0) rotate(0deg);
		opacity: 0.88;
	}
}

.idx-live-toast-mount.idx-live-toast-mount--visible .idx-live-toast.idx-live-toast--animate-in {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.idx-live-toast-mount.idx-live-toast-mount--hiding .idx-live-toast {
	opacity: 0;
	transform: translateY(-6px) scale(0.985);
	transition: opacity 0.34s cubic-bezier(0.4, 0, 1, 1), transform 0.36s cubic-bezier(0.4, 0, 1, 1);
}

.idx-live-toast-mount.idx-live-toast-mount--hiding .idx-live-toast--order {
	transform: translateY(-5px) scale(0.989);
}

.idx-live-toast__media {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	border-radius: 9px;
	overflow: hidden;
	background: #f3f4f6;
	align-self: center;
}

/* 购买：商品图较中奖约 +20% */
.idx-live-toast--order .idx-live-toast__media {
	flex: 0 0 62px;
	width: 62px;
	height: 62px;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.idx-live-toast__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.idx-live-toast__body {
	flex: 1;
	min-width: 0;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 3px;
}

.idx-live-toast--order .idx-live-toast__body {
	margin-left: 11px;
	padding: 4px 0 2px;
	gap: 7px;
	justify-content: flex-start;
}

.idx-live-toast__order-head {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
	line-height: 1.2;
}

.idx-live-toast__buy-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 2px 7px;
	border-radius: 5px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #0c4a6e;
	background: linear-gradient(
		160deg,
		#f0f9ff 0%,
		#e0f2fe 40%,
		#bae6fd 100%
	);
	border: 1px solid rgba(14, 165, 233, 0.28);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.85),
		0 1px 3px rgba(14, 116, 144, 0.12);
	flex-shrink: 0;
}

.idx-live-toast__buy-caption {
	font-size: 11px;
	font-weight: 600;
	color: #64748b;
	letter-spacing: 0.01em;
}

.idx-live-toast__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: auto;
	padding-top: 2px;
}

.idx-live-toast__nick {
	flex: 1;
	min-width: 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.38;
	color: #334155;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-word;
}

.idx-live-toast--win .idx-live-toast__nick {
	color: #374151;
}

.idx-live-toast--win .idx-live-toast__body {
	justify-content: flex-start;
	gap: 4px;
	padding: 2px 0 0;
}

.idx-live-toast--win .idx-live-toast__meta {
	margin-top: auto;
	padding-top: 3px;
}

.idx-live-toast--win .idx-live-toast__time {
	margin-top: 0;
	color: #94a3b8;
	font-size: 11px;
}

.idx-live-toast__meta-dot {
	flex-shrink: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #cbd5e1;
}

.idx-live-toast--order .idx-live-toast__time {
	margin-top: 0;
	color: #94a3b8;
	font-size: 11px;
}

.idx-live-toast__badge-row {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 0;
	min-height: 16px;
}

.idx-live-toast__badge-win {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1px 5px;
	border-radius: 4px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #5c3d0a;
	background: linear-gradient(
		145deg,
		#fffef5 0%,
		#fef3c7 28%,
		#fcd34d 52%,
		#d97706 100%
	);
	border: 1px solid rgba(217, 119, 6, 0.28);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.75),
		0 1px 2px rgba(146, 90, 10, 0.12);
}

.idx-live-toast__badge-done {
	font-size: 10px;
	font-weight: 500;
	color: rgba(46, 125, 50, 0.92);
}

.idx-live-toast__title {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.34;
	max-height: calc(1.34em * 2);
	color: #111827;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
}

.idx-live-toast--order .idx-live-toast__title {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.38;
	color: #0f172a;
}

.idx-live-toast__hint {
	font-size: 12px;
	line-height: 1.38;
	color: #6b7280;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.idx-live-toast__hint em {
	font-style: normal;
	font-weight: 600;
	color: #374151;
}

.idx-live-toast__luck {
	font-size: 11px;
	color: #6b7280;
	margin-top: 1px;
	letter-spacing: 0.02em;
}

.idx-live-toast__luck:empty {
	display: none;
}

.idx-live-toast__time {
	font-size: 11px;
	color: #9ca3af;
	margin-top: 1px;
}

.idx-live-toast--win {
	min-height: 118px;
	background: linear-gradient(
		155deg,
		rgba(255, 253, 251, 0.62) 0%,
		rgba(255, 248, 245, 0.55) 100%
	);
	border: 1px solid rgba(255, 255, 255, 0.5);
	box-shadow:
		0 12px 40px rgba(127, 29, 29, 0.07),
		0 4px 12px rgba(15, 23, 42, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.6);
	-webkit-backdrop-filter: blur(22px) saturate(1.12);
	backdrop-filter: blur(22px) saturate(1.12);
}

/* 中奖：暖色高饱和渐变气泡 */
.idx-live-toast--win .idx-live-toast__bubble--a {
	background: radial-gradient(
		circle at 28% 28%,
		#fef08a 0%,
		#facc15 35%,
		#a8d4bc 100%
	);
	box-shadow:
		inset 0 2px 5px rgba(255, 255, 255, 0.45),
		0 2px 14px rgba(251, 146, 60, 0.35);
}

.idx-live-toast--win .idx-live-toast__bubble--b {
	background: radial-gradient(
		circle at 32% 30%,
		#fecaca 0%,
		#f87171 40%,
		#7cb89a 100%
	);
	box-shadow:
		inset 0 2px 5px rgba(255, 255, 255, 0.45),
		0 2px 12px rgba(239, 68, 68, 0.3);
}

.idx-live-toast--win .idx-live-toast__bubble--c {
	background: radial-gradient(
		circle at 30% 30%,
		#fcd34d 0%,
		#f59e0b 45%,
		#ea580c 100%
	);
	box-shadow:
		inset 0 2px 5px rgba(255, 255, 255, 0.5),
		0 2px 12px rgba(234, 88, 12, 0.32);
}

.idx-live-toast--win .idx-live-toast__bubble--d {
	background: radial-gradient(
		circle at 28% 32%,
		#fbcfe8 0%,
		#f472b6 50%,
		#db2777 100%
	);
	box-shadow:
		inset 0 2px 5px rgba(255, 255, 255, 0.5),
		0 2px 12px rgba(219, 39, 119, 0.28);
}

.idx-live-toast--win .idx-live-toast__trophy {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='tw' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23fff7ed'/%3E%3Cstop offset='25%25' stop-color='%23fdba74'/%3E%3Cstop offset='58%25' stop-color='%23ea580c'/%3E%3Cstop offset='100%25' stop-color='%237f1d1d'/%3E%3C/linearGradient%3E%3CradialGradient id='wi' cx='30%25' cy='26%25' r='72%25'%3E%3Cstop offset='0%25' stop-color='%23ffedd5' stop-opacity='.75'/%3E%3Cstop offset='50%25' stop-color='%23ffffff' stop-opacity='.15'/%3E%3Cstop offset='100%25' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='5' y='19.2' width='14' height='3.4' rx='1.35' fill='%23450a0a'/%3E%3Crect x='10.5' y='13.8' width='3' height='5.6' rx='0.55' fill='url(%23tw)' stroke='%23b91c1c' stroke-width='.28'/%3E%3Crect x='7' y='4' width='10' height='11' rx='3.2' fill='url(%23tw)' stroke='%23dc2f2f' stroke-width='.42'/%3E%3Crect x='8.1' y='5.1' width='7.8' height='4.2' rx='2' fill='url(%23wi)'/%3E%3Cpath fill='none' stroke='%23b91c1c' stroke-width='1.08' stroke-linecap='round' stroke-linejoin='round' d='M7.15 8.15H5.45Q4.15 8.15 4.15 10.65q0 2.35 1.35 2.35h1.65M16.85 8.15H18.55Q19.85 8.15 19.85 10.65q0 2.35-1.35 2.35H16.85'/%3E%3C/svg%3E");
	filter: drop-shadow(0 1px 3px rgba(234, 88, 12, 0.32));
	animation-duration: 3.6s;
	animation-timing-function: ease-in-out;
}

.idx-live-toast--win .idx-live-toast__spark {
	background: linear-gradient(135deg, #fecaca 0%, #f97316 100%);
	box-shadow: 0 0 5px rgba(249, 115, 22, 0.38);
	animation-duration: 3.8s;
	animation-timing-function: ease-in-out;
}

.idx-live-toast--win .idx-live-toast__title {
	color: #1a1a1a;
}

@media (prefers-reduced-motion: reduce) {
	.idx-live-toast {
		transition: opacity 0.2s ease;
	}

	.idx-live-toast {
		transform: none;
	}

	.idx-live-toast-mount.idx-live-toast-mount--visible .idx-live-toast.idx-live-toast--animate-in {
		transform: none;
	}

	.idx-live-toast-mount.idx-live-toast-mount--hiding .idx-live-toast {
		transform: none;
	}

	.idx-live-toast__bubble,
	.idx-live-toast__spark,
	.idx-live-toast__trophy {
		animation: none;
	}

	.idx-live-toast__bubble {
		opacity: 0.65;
		transform: translateY(-24px);
	}

	.idx-live-toast__spark,
	.idx-live-toast__trophy {
		opacity: 0.45;
		transform: none;
	}

	.idx-live-toast__order-bubble,
	.idx-live-toast__order-hb {
		animation: none;
	}

	.idx-live-toast__order-bubble {
		opacity: 0.55;
		transform: translateY(-48px) scale(0.95);
	}

	.idx-live-toast__order-hb {
		opacity: 0.4;
		transform: translate3d(0, -90%, 0);
	}
}


/* === index_home_yiyuan_grid.css === */
/**
 * 首页 1元购双列商品卡
 * .page-index-yiyuan-grid
 */

/* 首页底衬：轻米白渐变（白为主，边缘略暖，接近图标底板质感） */
.page-index-yiyuan-grid {
	--idx-page-bg-fallback: #fefdfb;
	--idx-page-bg: linear-gradient(
		165deg,
		#f7f4ef 0%,
		#ffffff 24%,
		#ffffff 76%,
		#f6f3ee 100%
	);
}

html.page-index-yiyuan-grid,
body.page-index-yiyuan-grid {
	min-height: 100%;
	background-color: var(--idx-page-bg-fallback) !important;
	background-image: var(--idx-page-bg) !important;
	background-attachment: scroll;
}

.page-index-yiyuan-grid .idx-lux-wrap,
.page-index-yiyuan-grid #loading_container {
	background: transparent !important;
}

/* 桌面宽屏：两侧 gutter 与 public.css 统一 #edeff3，中间 480px 列用纯色底衬（避免 fixed 渐变滚动分层） */
@media screen and (min-width: 481px) {
	html.page-index-yiyuan-grid {
		background-color: #edeff3 !important;
		background-image: none !important;
		background-attachment: scroll !important;
	}

	body.page-index-yiyuan-grid {
		background-color: var(--idx-page-bg-fallback) !important;
		background-image: none !important;
		background-attachment: scroll !important;
	}
}

.page-index-yiyuan-grid .idx-lux-ambient {
	display: none;
}

/* ── 双列网格 ── */
.tuan-ul.idx-yiyuan-grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	background: transparent !important;
	padding: 0.16rem 0.24rem 0.2rem !important;
	list-style: none;
}

.tuan-ul.idx-yiyuan-grid .idx-yiyuan-card {
	width: 49% !important;
	float: none !important;
	margin: 0 0 0.2rem !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

.idx-yiyuan-card__link {
	display: block;
	background: #fff;
	border-radius: 0.32rem;
	padding: 0.2rem 0.2rem 0.22rem;
	box-shadow: 0 4px 16px rgba(74, 143, 110, 0.06);
	text-decoration: none !important;
	color: inherit;
	-webkit-tap-highlight-color: transparent;
}

/* 商品图 + 角标叠层 */
.idx-yiyuan-card__pic {
	position: relative;
	width: 100%;
	padding-top: 88%;
	margin-bottom: 0.14rem;
	background: #fff;
	border-radius: 0.24rem;
	overflow: hidden;
}

.idx-yiyuan-card__tags {
	position: absolute;
	left: 0.1rem;
	right: 0.1rem;
	top: 0.1rem;
	z-index: 3;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	align-items: flex-start;
	pointer-events: none;
}

.idx-yiyuan-tag {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 0.08rem;
	font-size: 0.32rem;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 999px;
	padding: 0.08rem 0.14rem;
	white-space: nowrap;
}

.idx-yiyuan-tag svg {
	width: 0.28rem;
	height: 0.28rem;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.idx-yiyuan-tag--safe {
	background: rgba(255, 248, 235, 0.92);
	color: #8d6e4a;
	font-weight: 500;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.idx-yiyuan-card__img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 96%;
	height: 96%;
	max-width: none;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: contain;
}

/* 标题：纯色微黑金（无渐变） */
.idx-yiyuan-card__title {
	margin: 0;
	padding: 0 0.04rem;
	font-size: 0.46rem;
	font-weight: 500;
	color: #3a3224;
	line-height: 1.45;
	min-height: 3em;
	max-height: 3em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-word;
}

/* 价格行 */
.idx-yiyuan-card__price-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-top: 0.12rem;
	padding: 0 0.04rem;
}

.idx-yiyuan-card__price {
	margin: 0;
	line-height: 1;
}

.idx-yiyuan-card__price em {
	font-style: normal;
	font-size: 0.64rem;
	font-weight: 700;
	color: #4a8f6e;
}

.idx-yiyuan-card__price span {
	font-size: 0.38rem;
	font-weight: 500;
	color: #7cb89a;
	margin-left: 0.04rem;
}

/* 剩余 */
/* 进度 + 百分比 */
.idx-yiyuan-card__prog-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 0.12rem;
	margin: 0.14rem 0.04rem 0;
	padding: 0 0.04rem;
}

.idx-yiyuan-card__prog-track {
	-webkit-box-flex: 1;
	flex: 1;
	height: 0.16rem;
	border-radius: 999px;
	background: #f3ebe8;
	overflow: hidden;
}

/* 进度填充：珊瑚红渐变（无金黄），仅轻流动 */
@-webkit-keyframes idx-yiyuan-progress-flow {
	0% {
		background-position: 200% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes idx-yiyuan-progress-flow {
	0% {
		background-position: 200% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.idx-yiyuan-card .idx-yiyuan-card__prog-track .idx-progress-fill {
	display: block;
	height: 100%;
	border-radius: 999px;
	min-width: 0;
	background-color: #7cb89a;
	background-image: -webkit-linear-gradient(90deg, #a8d4bc 0%, #7cb89a 45%, #4a8f6e 100%);
	background-image: linear-gradient(90deg, #a8d4bc 0%, #7cb89a 45%, #4a8f6e 100%);
	background-size: 200% 100%;
	background-position: 200% 50%;
	-webkit-animation: idx-yiyuan-progress-flow 2.2s ease-in-out infinite;
	animation: idx-yiyuan-progress-flow 2.2s ease-in-out infinite;
}

.idx-yiyuan-card__pct {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	font-size: 0.42rem;
	font-weight: 600;
	color: #9a8f88;
	min-width: 0.9rem;
	text-align: right;
	line-height: 1;
}

/* 参与人数：米白质感信息条（与首页顶栏统一） */
.idx-yiyuan-card__joining {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin: 0.14rem 0.04rem 0;
	padding: 0.14rem 0.12rem;
	border-radius: 0.2rem;
	background: #faf7f5;
	border: 1px solid #efe5df;
	box-shadow: none;
}

.idx-yiyuan-card__joining-main {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	flex: 1;
	min-width: 0;
	gap: 0.1rem;
}

.idx-yiyuan-card__joining-sep {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 1px;
	height: 0.4rem;
	margin: 0 0.1rem;
	background: linear-gradient(
		180deg,
		transparent 0%,
		rgba(180, 165, 145, 0.28) 50%,
		transparent 100%
	);
}

.idx-yiyuan-card__joining-txt,
.idx-yiyuan-card__remain {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-box-align: baseline;
	align-items: baseline;
	gap: 0.04rem;
	white-space: nowrap;
	line-height: 1.3;
}

.idx-yiyuan-card__remain {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
	padding: 0.08rem 0.14rem;
	border-radius: 0.12rem;
	background: #fff;
	border: 1px solid #f5ddd4;
	box-shadow: none;
}

.idx-yiyuan-card__remain::after {
	content: '';
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(
		100deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.72) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	background: linear-gradient(
		100deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.72) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
	-webkit-animation: idx-yiyuan-remain-shimmer 4.5s ease-in-out infinite;
	animation: idx-yiyuan-remain-shimmer 4.5s ease-in-out infinite;
	pointer-events: none;
	z-index: 1;
}

.tuan-ul.idx-yiyuan-grid .idx-yiyuan-card:nth-child(3n + 1) .idx-yiyuan-card__remain::after {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.tuan-ul.idx-yiyuan-grid .idx-yiyuan-card:nth-child(3n + 2) .idx-yiyuan-card__remain::after {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.tuan-ul.idx-yiyuan-grid .idx-yiyuan-card:nth-child(3n) .idx-yiyuan-card__remain::after {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

@-webkit-keyframes idx-yiyuan-remain-shimmer {
	0% {
		left: -75%;
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	50% {
		left: 125%;
		opacity: 0;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

@keyframes idx-yiyuan-remain-shimmer {
	0% {
		left: -75%;
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	50% {
		left: 125%;
		opacity: 0;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.idx-yiyuan-card__remain::after {
		display: none;
	}
}

.idx-yiyuan-card__stat-num {
	font-style: normal;
	font-weight: 700;
	font-size: 0.42rem;
	color: #5c4f47;
	letter-spacing: 0.02em;
}

.idx-yiyuan-card__stat-num--hot {
	color: #7cb89a;
}

.idx-yiyuan-card__stat-label {
	font-size: 0.3rem;
	font-weight: 400;
	color: #8a7f78;
}

.idx-yiyuan-card__avatars {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	max-width: 2.9rem;
	padding-right: 0.04rem;
}

.idx-yiyuan-card__avatar {
	display: block;
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 50%;
	border: 2px solid #fff;
	margin-left: -0.14rem;
	object-fit: cover;
	background: #fff;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	box-shadow: 0 1px 3px rgba(90, 70, 50, 0.1);
}

.idx-yiyuan-card__avatar:first-child {
	margin-left: 0;
}

/* CTA：与首页揭晓倒计时同系珊瑚渐变 */
.idx-yiyuan-card__cta {
	display: block;
	width: calc(100% - 0.08rem);
	margin: 0.16rem 0.04rem 0;
	padding: 0.24rem 0;
	border: none;
	border-radius: 999px;
	text-align: center;
	font-size: 0.46rem;
	font-weight: 600;
	color: #fff !important;
	line-height: 1.2;
	background: -webkit-linear-gradient(90deg, #2d6b4f 0%, #7cb89a 100%);
	background: linear-gradient(90deg, #2d6b4f 0%, #7cb89a 100%);
	box-shadow: 0 4px 14px rgba(74, 143, 110, 0.22);
}

.page-index-yiyuan-grid .index-cate-nav {
	background: transparent !important;
}

.page-index-yiyuan-grid .content {
	background: transparent;
}

.page-index-yiyuan-grid .sort_list {
	background: transparent !important;
}

.page-index-yiyuan-grid .sort_nav,
.page-index-yiyuan-grid .idx-lux-dock {
	background: transparent !important;
}

.page-index-yiyuan-grid .sort_list .sort_li,
.page-index-yiyuan-grid a.sort_li {
	background: transparent !important;
	box-shadow: none !important;
}

.page-index-yiyuan-grid .sort_li .yuan,
.page-index-yiyuan-grid .sort_li img.yuan {
	background: transparent !important;
	box-shadow: none !important;
}

.page-index-yiyuan-grid .sort_li img.yuan {
	mix-blend-mode: multiply;
}

.page-index-yiyuan-grid .header-wrapper--mall {
	background: transparent;
}

.page-index-yiyuan-grid .soon-reveal-mod {
	background: transparent;
}


/* === index_home_hero_theme.css === */
/**
 * 首页 home-top：当前轮播图光影背景（CRMEB 风格）
 * 背景图由 Vue 注入到 .home-top__ambient-layer 的 background-image
 */

.page-index-yiyuan-grid .idx-home-theme-shell {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	background: #ffffff;
}

.page-index-yiyuan-grid .home-top {
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: visible;
}

.page-index-yiyuan-grid .home-top > .header-wrapper {
	position: relative;
	z-index: 20;
}

.page-index-yiyuan-grid .home-top > .home-top__banner {
	position: relative;
	z-index: 1;
}

/* ── 光影背景层：放大 + 模糊 ── */
.page-index-yiyuan-grid .home-top__ambient {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

.page-index-yiyuan-grid .home-top__ambient-layer {
	position: absolute;
	top: -18%;
	left: -12%;
	right: -12%;
	bottom: -10%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-filter: blur(32px);
	filter: blur(32px);
	-webkit-transform: scale(1.18);
	transform: scale(1.18);
	opacity: 0;
	-webkit-transition: opacity 0.45s ease;
	transition: opacity 0.45s ease;
	will-change: opacity;
}

.page-index-yiyuan-grid .home-top__ambient-layer.is-visible {
	opacity: 1;
}

/* 香槟白渐变遮罩：干净高级，底部自然过渡到白 */
.page-index-yiyuan-grid .home-top__ambient-mask {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(255, 252, 247, 0.12) 0%,
		rgba(255, 250, 242, 0.38) 30%,
		rgba(255, 255, 255, 0.62) 58%,
		rgba(255, 255, 255, 0.88) 78%,
		#ffffff 100%
	);
}

/* ── 顶栏：透明，浮在光影上 ── */
.page-index-yiyuan-grid .home-top--active .header-wrapper.header-wrapper--mall {
	background: transparent !important;
}

.page-index-yiyuan-grid .home-top--active .header-wrapper.header-wrapper--mall .header-wrap--mall {
	background: transparent !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-shadow: none !important;
	border-bottom: none !important;
	overflow: visible;
}

.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-lang-switch.open {
	z-index: 100300;
}

/* 搜索：毛玻璃半透明 */
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-searchbar {
	height: 1.22rem;
	padding: 0 0.32rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.46) !important;
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border: 1px solid rgba(255, 255, 255, 0.34) !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
	color: #4a4540;
	-webkit-transition: background-color 0.35s ease, box-shadow 0.35s ease;
	transition: background-color 0.35s ease, box-shadow 0.35s ease;
}

.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-searchbar:active {
	background: rgba(255, 255, 255, 0.58) !important;
}

.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-searchbar__ico {
	color: #6b635a;
	opacity: 1;
}

.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-searchbar__placeholder {
	color: #7a7268;
	font-weight: 400;
}

/* 语言切换 */
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-lang-btn.wap-mall-lang-trigger {
	background: rgba(255, 255, 255, 0.42) !important;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
	color: #4a4540 !important;
}

.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-lang-trigger-label {
	color: #4a4540;
}

.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-lang-trigger-chevron {
	color: #8a7f72;
	opacity: 1;
}

/* 右侧图标：白色半透明圆卡 */
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn {
	background: rgba(255, 255, 255, 0.5) !important;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important;
	-webkit-transition: background-color 0.35s ease, box-shadow 0.35s ease, transform 0.15s ease;
	transition: background-color 0.35s ease, box-shadow 0.35s ease, transform 0.15s ease;
}

.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn:active {
	background: rgba(255, 255, 255, 0.62) !important;
}

.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-header-ico {
	color: #4a4540 !important;
}

.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-msg__dot {
	background: #c9a87c;
}

/* ── 轮播：清晰卡片，不模糊 ── */
.page-index-yiyuan-grid .home-top__banner {
	position: relative;
	z-index: 1;
	background: transparent !important;
}

.page-index-yiyuan-grid .home-top--active .index-adv-box {
	margin: 0.16rem 0.28rem 0.12rem;
	border-radius: 0.32rem;
	background: transparent;
	border: none;
	box-shadow: none;
	overflow: hidden;
}

.page-index-yiyuan-grid .home-top--active .index-adv-box .bd ul li,
.page-index-yiyuan-grid .home-top--active .index-adv-box .bd ul li img {
	border-radius: 0.32rem;
	background: transparent;
}

.page-index-yiyuan-grid .home-top--active .index-adv-box .bd ul li img {
	display: block;
	width: 100%;
	vertical-align: top;
	-webkit-filter: none;
	filter: none;
}

/* 指示点 */
.page-index-yiyuan-grid .home-top--active .index-adv-box .hd li {
	background: rgba(255, 255, 255, 0.5);
	-webkit-transition: background-color 0.35s ease, opacity 0.35s ease;
	transition: background-color 0.35s ease, opacity 0.35s ease;
}

.page-index-yiyuan-grid .home-top--active .index-adv-box .hd li.on {
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 0 1px rgba(201, 168, 124, 0.45);
}

.page-index-yiyuan-grid .home-top--active + .index-home-floats-layer,
.page-index-yiyuan-grid .idx-home-theme-shell .idx-lux-dock,
.page-index-yiyuan-grid .idx-home-theme-shell .sort_nav {
	background: transparent !important;
}

@media screen and (min-width: 481px) {
	.page-index-yiyuan-grid .home-top__ambient {
		left: 0;
		right: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.page-index-yiyuan-grid .home-top__ambient-layer,
	.page-index-yiyuan-grid .home-top--active .index-adv-box .hd li,
	.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-searchbar,
	.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn {
		-webkit-transition: none;
		transition: none;
	}
}


/* === pull_refresh.css === */
@charset "UTF-8";

/**
 * @authors petrus.law (you@example.org)
 * @date    2015-07-20 15:06:33
 * @version 基础样式
 */

  
.loading-warp{ display: none; }
.loading-warp .box{ width: 100%; padding-top: 1rem; padding-bottom: 1rem; display: table-cell; text-align: center; vertical-align: middle; }
.loading-warp .box img{ display: block; width: 2rem; height: 2rem; margin: 0 auto; }
.loading-warp .box .text{ display: block; text-align: center; font-size: 0.5rem; line-height: 0.5rem; opacity: 0.7; margin-top: 1.4rem; }

/* === index_entry_splash.css === */
/**
 * 首页开屏 — 深色轻奢 / 玻璃与香槟金（竖屏移动商城）
 * 进度环与百分比由 --ies-splash-pct（0~1）与 JS 同步
 */
:root {
	--ies-z: 100000;
	--ies-flow-circ: 289.03;
	--ies-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--ies-ease-hide: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

html.index-entry-splash--active,
html.index-entry-splash--active body {
	overflow: hidden;
	height: 100%;
}

#indexEntrySplash.index-entry-splash {
	--ies-splash-pct: 0;
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	max-height: 100dvh;
	z-index: var(--ies-z);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: max(env(safe-area-inset-top), 20px) max(env(safe-area-inset-right), 20px)
		max(env(safe-area-inset-bottom), 24px) max(env(safe-area-inset-left), 20px);
	background:
		radial-gradient(ellipse 120% 80% at 50% 0%, rgba(42, 38, 48, 0.95) 0%, transparent 55%),
		radial-gradient(ellipse 90% 70% at 80% 100%, rgba(58, 42, 48, 0.55) 0%, transparent 50%),
		radial-gradient(ellipse 85% 60% at 15% 85%, rgba(38, 48, 52, 0.45) 0%, transparent 48%),
		linear-gradient(165deg, #0a090c 0%, #121016 42%, #0e0c10 100%);
	color: rgba(245, 242, 238, 0.92);
	opacity: 1;
	transform: scale(1) translateZ(0);
	transition: opacity 0.62s var(--ies-ease-hide), transform 0.62s var(--ies-ease-hide);
	-webkit-font-smoothing: antialiased;
}

/* 细腻环境光 */
.index-entry-splash__ambient {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 70% 45% at 50% 38%, rgba(212, 175, 130, 0.07) 0%, transparent 62%),
		radial-gradient(ellipse 55% 40% at 50% 72%, rgba(180, 130, 110, 0.05) 0%, transparent 58%);
	opacity: 1;
}

/* 底部柔焦高光 */
.index-entry-splash__bloom {
	position: absolute;
	inset: auto 0 0 0;
	height: 42%;
	pointer-events: none;
	background: radial-gradient(ellipse 85% 70% at 50% 100%, rgba(200, 165, 130, 0.09) 0%, transparent 65%);
	filter: blur(2px);
	opacity: 0.85;
}

#indexEntrySplash.index-entry-splash.is-hiding {
	opacity: 0;
	transform: scale(0.985) translateY(4px) translateZ(0);
	pointer-events: none;
}

#indexEntrySplash.index-entry-splash.is-hiding .index-entry-splash__inner {
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.52s var(--ies-ease-hide), transform 0.52s var(--ies-ease-hide);
}

.index-entry-splash__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	max-width: 20rem;
	transition: opacity 0.45s var(--ies-ease-out), transform 0.45s var(--ies-ease-out);
}

/* ========== 品牌：外环进度 + 中央玻璃 Logo ========== */
.index-entry-splash__brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto 1.75rem;
	width: 100%;
	max-width: min(58vw, 13rem);
}

.index-entry-splash__brand-stage {
	position: relative;
	width: 100%;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-entry-splash__ring-wrap {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.index-entry-splash__flow-svg {
	width: 100%;
	height: 100%;
	display: block;
	overflow: visible;
}

.index-entry-splash__flow-track {
	stroke: rgba(255, 255, 255, 0.07);
}

.index-entry-splash__flow-arc {
	stroke-dasharray: calc(var(--ies-splash-pct, 0) * var(--ies-flow-circ)) var(--ies-flow-circ);
	transition: stroke-dasharray 0.42s var(--ies-ease-out);
}

.index-entry-splash__logo-portal {
	position: relative;
	z-index: 2;
	width: min(42vw, 9.25rem);
	height: min(42vw, 9.25rem);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	padding: 3px;
	background: linear-gradient(
		145deg,
		rgba(255, 255, 255, 0.16) 0%,
		rgba(200, 170, 130, 0.12) 45%,
		rgba(255, 255, 255, 0.06) 100%
	);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.1) inset,
		0 1px 0 rgba(255, 255, 255, 0.12) inset,
		0 24px 48px rgba(0, 0, 0, 0.45),
		0 0 60px rgba(200, 165, 130, 0.06);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.index-entry-splash__logo-shell {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}

.index-entry-splash__logo-shell::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	pointer-events: none;
	box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.25);
}

.index-entry-splash__logo-img {
	display: none;
	width: 100%;
	height: 100%;
	max-width: none;
	border-radius: 50%;
	object-fit: cover;
	vertical-align: middle;
}

.index-entry-splash__brand.use-logo-img .index-entry-splash__logo-shell .index-entry-splash__logo-img {
	display: block;
}

.index-entry-splash__logo {
	margin: 1.1rem 0 0;
	padding: 0;
	position: relative;
	z-index: 3;
	font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif);
	font-size: clamp(0.62rem, 2.2vw, 0.72rem);
	font-weight: 500;
	letter-spacing: 0.42em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.34);
	line-height: 1.4;
	user-select: none;
}

.index-entry-splash__brand.use-logo-img .index-entry-splash__logo {
	display: none;
}

/* ========== 文案 ========== */
.index-entry-splash__hint {
	margin: 0 0 0.65rem;
	max-width: 18rem;
	padding: 0 1rem;
	font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif);
	font-size: clamp(0.74rem, 2.75vw, 0.86rem);
	line-height: 1.6;
	letter-spacing: 0.04em;
	font-weight: 400;
	color: rgba(200, 195, 188, 0.55);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	.index-entry-splash__hint {
		background: linear-gradient(105deg, rgba(210, 205, 198, 0.62) 0%, rgba(165, 158, 150, 0.45) 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
	}
}

.index-entry-splash__pct {
	margin: 0;
	font-family: var(--wap-num-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif);
}

.index-entry-splash__pct-value {
	display: inline-block;
	font-size: clamp(1.85rem, 7vw, 2.35rem);
	font-weight: 300;
	letter-spacing: 0.12em;
	font-variant-numeric: tabular-nums;
	line-height: 1.15;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	.index-entry-splash__pct-value {
		background: linear-gradient(
			168deg,
			#f2e6d4 0%,
			#d4b896 28%,
			#c9a87a 52%,
			#a67c6a 88%,
			#8b6a5c 100%
		);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;
	}
}

@media (prefers-reduced-motion: reduce) {
	.index-entry-splash__flow-arc {
		transition-duration: 0.05s;
	}
	#indexEntrySplash.index-entry-splash,
	#indexEntrySplash.index-entry-splash.is-hiding .index-entry-splash__inner {
		transition-duration: 0.15s;
	}
}

html.index-entry-splash--seen #indexEntrySplash {
	display: none !important;
}


/* === index_wheel_home.css === */
/* 首页大转盘悬浮入口 + 活动弹窗（红金风格） */

/* 跳动 + 扫光（邀请、大转盘共用） */
@keyframes indexFloatBounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-7px); }
}
@keyframes indexFloatSweep {
	0% {
		transform: rotate(22deg) translateX(-160%);
		opacity: 0;
	}
	12% {
		opacity: 1;
	}
	100% {
		transform: rotate(22deg) translateX(220%);
		opacity: 0;
	}
}

/* 与 public.css 宽屏下 .wrap 同宽居中（max-width:480px），避免 fixed 贴浏览器最右侧跑出手机内容区 */
.index-home-floats-layer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 480px;
	height: 100%;
	pointer-events: none;
	z-index: 9185;
	box-sizing: border-box;
}
/* 父层整块不接收事件，悬浮按钮必须单独可点，否则点击穿透到下方内容 */
.index-home-floats-layer .index-fx-invite-float,
.index-home-floats-layer .index-wheel-float {
	pointer-events: auto;
}
.index-home-floats-layer .index-wheel-home-modal {
	pointer-events: auto;
}

/* 首页「邀请好友」悬浮
 * 有上传图时：曾用 cover + 圆形，会把方图放大裁切，横幅「推广赚钱」左右被切。
 * 改为 contain + 圆角矩形，整图缩放入框、不裁内容（与设计稿 1:1 方图一致）。 */
.index-fx-invite-float {
	position: absolute;
	right: 10px;
	bottom: calc(22% + 76px);
	z-index: 9190;
	width: 64px;
	height: 64px;
	border-radius: 12px;
	background: transparent;
	border: none;
	box-shadow: none;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	text-decoration: none;
	display: block;
	color: #fff;
	overflow: hidden;
	animation: indexFloatBounce 2.4s ease-in-out infinite;
}
.index-fx-invite-float::before {
	content: '';
	position: absolute;
	top: -60%;
	left: -80%;
	width: 55%;
	height: 220%;
	pointer-events: none;
	border-radius: inherit;
	background: linear-gradient(
		100deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.12) 42%,
		rgba(255, 255, 255, 0.55) 50%,
		rgba(255, 255, 255, 0.12) 58%,
		rgba(255, 255, 255, 0) 100%
	);
	transform: rotate(22deg) translateX(-160%);
	animation: indexFloatSweep 2.6s ease-in-out infinite;
	z-index: 1;
}
/* 有背景图时：整图可见，不裁切 */
.index-fx-invite-float:not(.index-fx-invite-float--default) {
	background-size: contain;
}
/* 无图默认占位：仍用圆形小按钮 */
.index-fx-invite-float.index-fx-invite-float--default {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
}
.index-fx-invite-float span {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	padding: 0 4px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	z-index: 2;
}
.index-fx-invite-float:not(.index-fx-invite-float--default) span {
	display: none;
}

/* 大转盘悬浮：仅展示后台配置的图标，无外层装饰环与描边 */
.index-wheel-float {
	position: absolute;
	right: 10px;
	bottom: 22%;
	z-index: 9200;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: transparent;
	border: none;
	box-shadow: none;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	text-decoration: none;
	display: block;
	overflow: hidden;
	animation: indexFloatBounce 2.4s ease-in-out infinite;
	animation-delay: 0.35s;
}
.index-wheel-float::before {
	content: '';
	position: absolute;
	top: -60%;
	left: -80%;
	width: 55%;
	height: 220%;
	pointer-events: none;
	border-radius: inherit;
	background: linear-gradient(
		100deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 248, 220, 0.15) 42%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 248, 220, 0.15) 58%,
		rgba(255, 255, 255, 0) 100%
	);
	transform: rotate(22deg) translateX(-160%);
	animation: indexFloatSweep 2.6s ease-in-out infinite;
	animation-delay: 0.9s;
	z-index: 1;
}
/* 未配置自定义悬浮图时，保留简洁占位 */
.index-wheel-float:not([style*="background-image"]) {
	background: rgba(0, 0, 0, 0.18);
}
.index-wheel-float span {
	display: none;
}
.index-wheel-home-modal {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9300;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 16px;
	box-sizing: border-box;
}
.index-wheel-home-modal.show { display: flex; }
.index-wheel-home-modal__bg {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
}
.index-wheel-home-modal__box {
	position: relative;
	max-width: 320px;
	width: 100%;
	background: linear-gradient(165deg, #fff8e7 0%, #ffe4c4 100%);
	border: 3px solid #e6b422;
	border-radius: 16px;
	padding: 14px 12px 16px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
	text-align: center;
	color: #4a0000;
}
.index-wheel-home-modal__close {
	position: absolute;
	right: 8px;
	top: 4px;
	border: none;
	background: transparent;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	color: #666;
}
.index-wheel-home-modal__title {
	font-size: 17px;
	font-weight: bold;
	margin: 8px 0 6px;
	color: #2d6b4f;
}
.index-wheel-home-modal__text {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.index-wheel-home-modal__img {
	max-width: 100%;
	border-radius: 10px;
	display: block;
	margin: 0 auto 10px;
}
.index-wheel-home-modal__go {
	display: inline-block;
	padding: 10px 28px;
	border-radius: 999px;
	background: linear-gradient(180deg, #7cb89a, #2d6b4f);
	color: #fff8d0;
	font-weight: bold;
	border: 2px solid #ffd56b;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}


/* === index_ad_popup.css === */
/* 首页广告弹窗 600×800 (3:4) */
.index-ad-popup {
	position: fixed;
	inset: 0;
	z-index: 99990;
	display: none;
	align-items: center;
	justify-content: center;
	padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right))
		max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
	box-sizing: border-box;
}
.index-ad-popup.is-open {
	display: flex;
}
.index-ad-popup__mask {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.72);
}
.index-ad-popup__panel {
	position: relative;
	z-index: 1;
	width: min(300px, 86vw);
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.index-ad-popup__frame {
	width: 100%;
	aspect-ratio: 3 / 4;
	max-height: calc(90vh - 48px);
	background: #111;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
	position: relative;
	touch-action: pan-y;
}
.index-ad-popup__frame--multi {
	touch-action: none;
}
.index-ad-popup__close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(201, 168, 122, 0.65);
	border-radius: 50%;
	background: rgba(12, 10, 8, 0.62);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
	cursor: pointer;
	z-index: 3;
	-webkit-tap-highlight-color: transparent;
}
.index-ad-popup__close span {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.index-ad-popup__close span::before,
.index-ad-popup__close span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 1.5px;
	margin: -0.75px 0 0 -7px;
	background: rgba(245, 234, 216, 0.95);
	border-radius: 1px;
}
.index-ad-popup__close span::before {
	transform: rotate(45deg);
}
.index-ad-popup__close span::after {
	transform: rotate(-45deg);
}
.index-ad-popup__close:active {
	background: rgba(0, 0, 0, 0.78);
	border-color: rgba(245, 200, 66, 0.85);
}
.index-ad-popup__track {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	height: 100%;
	will-change: transform;
	transition: transform 0.58s cubic-bezier(0.33, 1, 0.42, 1);
}
.index-ad-popup__track.is-dragging {
	transition: none;
}
.index-ad-popup__slide {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	min-width: 0;
	position: relative;
}
.index-ad-popup__slide a,
.index-ad-popup__slide img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-user-drag: none;
	user-select: none;
}
.index-ad-popup__slide img {
	object-fit: cover;
	background: #1a1a1a;
}
.index-ad-popup__dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	display: flex;
	justify-content: center;
	gap: 6px;
	z-index: 2;
	pointer-events: none;
}
.index-ad-popup__dot {
	width: 6px;
	height: 6px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.45);
	pointer-events: auto;
	cursor: pointer;
	transition: width 0.35s cubic-bezier(0.33, 1, 0.42, 1), background 0.35s ease, border-radius 0.35s ease;
	-webkit-tap-highlight-color: transparent;
}
.index-ad-popup__dot.is-active {
	background: #f5c842;
	width: 16px;
	border-radius: 4px;
}