.hero {
	height: 880px;
	display: grid;
	place-content: center;
	text-align: center;
	color: #fcfcfc;
	font-family: sans-serif;
	margin: 0;
}
html {
	scroll-behavior: smooth;
}

/* 同心圆样式 rings--------------------------------------------*/
.rings {
	background: repeating-radial-gradient(
			circle at 50% 100%,
			transparent 0 1px,
			#ffffff26 100px
		)
		#4e085370;
}
/* 渐变 背景 glow--------------------------------------------------*/
.glow {
	margin: 0;
	background:
		radial-gradient(circle at 50% 0%, #b40be7, transparent 60%),
		radial-gradient(circle at 90% 100%, #3dbfe7, transparent 40%), #000000;
	background-size:
		200% 200%,
		200% 200%,
		100% 100%;
	animation: glowFloat 12s ease-in-out infinite alternate;
}
@keyframes glowFloat {
	0% {
		background-position:
			0% 0%,
			100% 100%,
			0 0;
	}
	100% {
		background-position:
			100% 100%,
			0% 0%,
			0 0;
	}
}
/* 星空样式 --------------------------------------------- */
/* 体样式 */
.jies {
	background-color: #000000;
}
body {
	background-color: #000000;
}
ul {
	display: flex;
	flex-direction: row;
	gap: 10px;
	list-style: none;
}
a {
	font-family: sans-serif;
	color: white;
	text-decoration: none;
	opacity: 0.8;
}
a:hover {
	opacity: 1;
}
.dinbu {
	position: sticky; /* 默认随文档走，滚到 top:0 才吸住 */
	top: 0;
	z-index: 1000;
	opacity: 0.5;
	background-color: #000000;
	display: flex;
	justify-content: left;
	height: 50px;
	font-family: sans-serif;
}
.dibu {
	background-color: #1e1e1e;
	display: flex;

	justify-content: center;
	height: unset;
	font-family: sans-serif;
}