* {
	padding: 0;
	margin: 0;
}

body {
	background: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dec470b0-fed6-46e5-be53-ec85fadc01be/8d27cd6a-ff36-4d4a-87fa-0171b176b0bd.png)
		no-repeat center center;
	background-size: cover;
	height: 100vh;
}

body::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100vh;
	-webkit-background-color: rgba(0, 0, 0, 0.5);
	background-color: rgba(0, 0, 0, 0.5);
}

audio,
.love_you {
	position: absolute;
	left: 50%;
	top: 1.5rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1809185784;
}

.love_you {
	top: 45%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3rem;
	font-weight: bold;
	color: #ffc0cb;
	letter-spacing: 0.05rem;
	-moz-animation: love-xf 1.2s alternate ease-in-out;
	-webkit-animation: love-xf 1.2s alternate ease-in-out;
	animation: love-xf 1.2s alternate ease-in-out;
	user-select: none;
	-webkit-text-shadow: 0 0 8px #fff;
	text-shadow: 0 0 8px #fff;
}

#lovexf {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 520;
}

@keyframes love-xf {
	0% {
		opacity: 0.08;
		filter: blur(8px);
		letter-spacing: 0.1rem;
	}

	100% {
		opacity: 1;
		filter: blur(0);
		letter-spacing: 0.05rem;
	}
}

/* 爱心缩放 */
@media screen and (max-width: 450px) {
	#lovexf {
		/* .5 指的是在画布原始大小上缩放一半 */
		zoom: 0.5;
		/* .3 就是缩放 3/10 */
		/* zoom: .3; */
		/* 大家自己尝试 */
	}
}

audio {
	/* 隐藏 */
	/* display: none; */
	/* 透明 */
	opacity: 0.35;
}