/* 加载提示 */
	.loading-box {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 100;
		background: rgba(0, 0, 0, 0.7);
		color: white;
		padding: 1.25rem 2.5rem;
		border-radius: 0.625rem;
		font-size: 1.125rem;
		display: none;
	}

	/* 页面标题美化 */
	.page-title {
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		font-size: 2rem;
		background: linear-gradient(45deg, #ff6b6b, #ff9a76);
		-webkit-background-clip: text;
		color: transparent;
		text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.2);
	}

	/* 抽奖容器 */
	.lottery-container {
		position: relative;
		width: 28.125rem;
		height: 28.125rem;
		margin: 0 auto;
		display: none;
		/* 初始隐藏，加载奖品后显示 */
		z-index: 1;
		/* 放在按钮下方 */
	}

	/* 转盘样式 - 核心修复：确保每次都有动画 */
	.lottery-wheel {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background: conic-gradient(#ff6b6b 0deg 36deg,
				#4ecdc4 36deg 72deg,
				#ffe66d 72deg 108deg,
				#1a535c 108deg 144deg,
				#ff8a80 144deg 180deg,
				#6b48ff 180deg 216deg,
				#95e1d3 216deg 252deg,
				#f38181 252deg 288deg,
				#66cccc 288deg 324deg,
				#daa3e5 324deg 360deg);
		position: relative;
		/* 前快后慢的减速曲线，确保前2圈快速旋转 */
		transition: transform 6s cubic-bezier(0.05, 0.85, 0.15, 1);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
		transform: rotate(0deg);
	}

	/* 转盘分区 */
	.lottery-segment {
		position: absolute;
		width: 100%;
		height: 100%;
		text-align: center;
		transform-origin: center;
		color: white;
		font-weight: bold;
	}

	/* 奖品图片和文字 */
	.prize-img {
		/* 增大图片，仍保持圆形并居中 */
		width: 3.25rem;
		height: 3.25rem;
		border-radius: 50%;
		margin: 0 auto;
		margin-top: 1.25rem;
		object-fit: cover;
		border: 0.125rem solid white;
		box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.2);
	}

	.prize-text {
		font-size: 0.75rem;
		margin-top: 0.3125rem;
		text-shadow: 0.0625rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.5);
	}

	/* 指示线+中心圆点样式 */
	.lottery-indicator {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
		pointer-events: none;
	}

	.indicator-center {
		width: 2.8125rem;
		height: 2.8125rem;
		border-radius: 50%;
		background: radial-gradient(circle at 50% 50%, #ff9a76 0%, #ff4500 70%);
		box-shadow: 0 0 0.75rem rgba(255, 69, 0, 0.6), inset 0 0 0.25rem rgba(255, 255, 255, 0.5);
		border: 0.0625rem solid #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 2;
	}

	.indicator-center::after {
		content: '';
		position: absolute;
		top: 10%;
		left: 10%;
		width: 80%;
		height: 80%;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.3);
		filter: blur(0.3rem);
	}

	.indicator-line {
		position: absolute;
		top: -5.3125rem;
		left: 50%;
		transform: translateX(-50%);
		width: 0.25rem;
		height: 5.3125rem;
		background: linear-gradient(to bottom, #ff6b6b 0%, #cc0000 100%);
		border-radius: 0.125rem;
		z-index: 1;
	}

	.indicator-line::before {
		content: '';
		position: absolute;
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
		width: 0.0625rem;
		height: 80%;
		background: rgba(255, 255, 255, 0.6);
		border-radius: 0.03125rem;
	}

	.indicator-arrow {
		/* revert to a plain red triangular needle like the original design */
		position: absolute;
		top: -5.3125rem;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-left: 0.5rem solid transparent;
		border-right: 0.5rem solid transparent;
		/* solid red tip instead of gradient, avoids any stray square */
		border-bottom: 1.2rem solid #ff4500;
		z-index: 3;
		filter: drop-shadow(0 0.1875rem 0.25rem rgba(0, 0, 0, 0.25));
		transition: transform 0.3s ease;
	}

	/* earlier pseudo-element used for highlight is no longer needed */
	.indicator-arrow::after {
		content: none;
	}

	/* 当转盘正在旋转时可以加一个轻微抖动效果 */
	.lottery-wheel[style*="rotate"]+.lottery-indicator .indicator-arrow {
		transform: translateX(-50%) rotate(3deg);
	}

	/* 抽奖次数和积分（使用 Bootstrap 卡片显示） */
	.count-box {
		display: none;
	}

	.score-box {
		color: #ff6700;
		font-weight: bold;
	}

	/* 抽奖按钮 */
	/* 按钮和组使用 Bootstrap 样式，无需额外自定义 */


	/* 音量控制按钮 */
	.volume-control {
		position: fixed;
		top: 1.25rem;
		right: 1.25rem;
		width: 2.5rem;
		height: 2.5rem;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.5);
		color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		border: none;
		z-index: 99;
	}

	/* 响应式适配 */
	@media (max-width: 30rem) {
		.lottery-container {
			width: 20rem;
			height: 20rem;
		}

		.count-box,
		.prize-select-box {
			width: 20rem;
			font-size: 0.9375rem;
			padding: 0.5rem 0.75rem;
		}

		.prize-img {
			width: 2.75rem;
			height: 2.75rem;
		}

		.indicator-center {
			width: 2.1875rem;
			height: 2.1875rem;
		}

		.indicator-line {
			top: -4.0625rem;
			height: 4.0625rem;
		}

		.indicator-arrow {
			top: -4.0625rem;
			border-left: 0.375rem solid transparent;
			border-right: 0.375rem solid transparent;
			border-bottom: 0.875rem solid #ff4500;
		}

		.volume-control {
			width: 2.1875rem;
			height: 2.1875rem;
			font-size: 0.875rem;
		}
	}