/**
 * Bricks 满屏樱花 - 花瓣层为固定全屏、不阻挡点击
 */
.ma-sakura {
	position: relative;
	display: block;
	width: 100%;
	min-height: 1px;
	overflow: visible;
	pointer-events: none;
}

/* 前台全屏效果时元素本身不占高；编辑器内保留最小高度便于选中 */
.brx-content .ma-sakura {
	min-height: 24px;
}

/* 花瓣容器：固定铺满视口，置于最上层，不响应鼠标 */
.ma-sakura__layer {
	position: fixed;
	inset: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 9998;
	overflow: hidden;
}

.ma-sakura__petal {
	position: absolute;
	will-change: transform;
	pointer-events: none;
	opacity: 0.85;
}

.ma-sakura__petal svg {
	display: block;
	width: 100%;
	height: 100%;
	filter: drop-shadow(0 0 1px rgba(255, 182, 193, 0.3));
}

/* 下落动画：随机时长与延迟由 JS 内联 */
@keyframes ma-sakura-fall {
	0% {
		transform: translateY(-10%) translateX(0) rotate(0deg);
		opacity: 0.9;
	}
	15% {
		transform: translateY(15vh) translateX(5vw) rotate(60deg);
		opacity: 0.85;
	}
	30% {
		transform: translateY(35vh) translateX(-3vw) rotate(120deg);
		opacity: 0.9;
	}
	50% {
		transform: translateY(55vh) translateX(4vw) rotate(180deg);
		opacity: 0.8;
	}
	70% {
		transform: translateY(75vh) translateX(-2vw) rotate(240deg);
		opacity: 0.85;
	}
	85% {
		transform: translateY(95vh) translateX(2vw) rotate(300deg);
		opacity: 0.9;
	}
	100% {
		transform: translateY(110vh) translateX(0) rotate(360deg);
		opacity: 0.7;
	}
}