/* 🔥 超级爆炸特效样式库 */
/* 可以在任何项目中重复使用 */
/* 
 * 文件位置: /reveal.js/effect/explose/explosion-effects.css
 * 作者: AI助手 
 * 版本: 2.0
 * 最后更新: 2024
 */

/* 爆炸容器 */
#explosion-stage {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 5;
}

/* 冲击波效果 */
.shockwave {
	position: absolute;
	border: 3px solid #ff4444;
	border-radius: 50%;
	transform: scale(0);
	opacity: 1;
}

/* 火焰粒子 */
.flame-particle {
	position: absolute;
	border-radius: 50%;
	background: radial-gradient(circle, #ffff00, #ff8800, #ff4444);
	transform: scale(0);
}

/* 烟雾粒子 */
.smoke-particle {
	position: absolute;
	border-radius: 50%;
	background: radial-gradient(circle, #666, #333, #000);
	transform: scale(0);
	opacity: 0.7;
}

/* 火花粒子 */
.spark-particle {
	position: absolute;
	background: #ffff00;
	border-radius: 50%;
}

/* 超级爆炸按钮样式 */
.mega-explosion-btn {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(45deg, #ff0000, #ff4444, #ff8800, #ffff00);
	background-size: 300% 300%;
	animation: gradient-shift 2s ease infinite;
	color: white;
	border: none;
	padding: 20px 40px;
	border-radius: 60px;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	z-index: 20;
	box-shadow: 0 0 30px rgba(255, 68, 68, 0.8);
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

@keyframes gradient-shift {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.mega-explosion-btn:hover {
	transform: translateX(-50%) scale(1.1);
	box-shadow: 0 0 50px rgba(255, 68, 68, 1);
}