html{
	font-size: 10px;
}

body{
	font-size: 1.6rem;
	font-family: "微软雅黑", "Microsoft YaHei", "PingFang SC", "Heiti SC", "Hiragino Sans GB", Helvetica, Arial, SimHei, sans-serif;
	color: var(--eigengrau);
	visibility: hidden;
}

section{

}

section #background-container{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

section #background-container .background-image{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -999;
	background-size: cover;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

section #background-container .background-image.active{
	opacity: 1;
}

section .logo{
	position: fixed;
	top: 0;
	left: 0;
	display: grid;
	align-content: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	background: rgba(255, 255, 255, 0.7); /* 半透明底色 */
	backdrop-filter: blur(2px); /* 关键属性：背景模糊 */
	-webkit-backdrop-filter: blur(2px); /* Safari 支持 */
	text-align: center;
}

section .logo2{
	position: fixed;
	top: 0;
	left: 0;
	display: grid;
	align-content: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	text-align: center;
}

section .logo img,
section .logo2 img{
	height: 40vh;
	object-fit: cover;
	filter: blur(10px); /* 初始模糊 */
	transition: filter 4s ease-out, transform 0.2s ease-out; /* 模糊过渡效果 */
	position: relative;
}


@media screen and (max-width: 640px) {

}