/* 适配浅色/深色模式 */
#loading{
	background-color: var(--bg-color);
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 9999;
	margin-top: 0em;
	top: 0em;
	opacity: 0.98;
	transition: background-color 0.4s ease;
}

#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}

#loading-center-absolute {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.object{
	width: 120px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

#object_one {
	animation: object_one 1.5s infinite normal;
	-webkit-animation: object_one 1.5s infinite normal;
	-moz-animation: object_one 1.5s infinite normal;
	-ms-animation: object_one 1.5s infinite normal;
	-o-animation: object_one 1.5s infinite normal;

	animation-delay: 0.25s;
	-webkit-animation-delay: 0.25s;
	-moz-animation-delay: 0.25s;
	-ms-animation-delay: 0.25s;
	-o-animation-delay: 0.25s;
}

@keyframes object_one {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@-webkit-keyframes object_one {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes object_one {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes object_one {
	0% { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes object_one {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}

.loader-circle {
	width: 100px;
	height: 100px;
	border: 8px solid var(--border-color);
	/*border-top: 8px solid var(--accent-color);*/
	border-top: 10px solid orangered;
	border-radius: 50%;
}