* {
	padding: 0px;
	margin: 0px;
}
html, body { overflow: scroll; }
a.link:link{color:#000000;}      /* 未访问链接*/
a.link:visited {color:#000000;}  /* 已访问链接 */
a.link:hover {color:#000000;}  /* 鼠标移动到链接上 */
a.link:active {color:#000000;}  /* 鼠标点击时 */
a { text-decoration: none; }
#body {
	font-size:15px;
	/*
	background:url("/img/homepage.jpg");
	background-size:cover;
	background-color:slategray;
	*/
}
#header {
	position:fixed; 
	z-index:999;
	left:0px; 
	top:0px; 
	width:100%; 
	background-color:#ffffff;
	padding:10px 0px;
	margin:0 auto;
	box-shadow:0px 0px 16px 0px rgb(0 0 0 / 18%);
	text-align: center;
}
.logo a, .logo {
	background-image: linear-gradient(to right, maroon, blueviolet);
	-webkit-background-clip: text;
	color: transparent;
	letter-spacing:2px;
	position:relative;
	text-align:center;
	font-size:20px;
	font-weight:500;
	height:30px;
	line-height:30px;
}
#logo-img {
	position: absolute;
	width:30px;
	height:30px;
}
#title-text {
	margin-left:40px;
	letter-spacing:10px;
}
.notice {
	background-color: #ececec;
	text-align: center;
	width:80%;
	margin:120px 0 0 10%;
	scrollbar-width: none; /* firefox */
	-ms-overflow-style: none; /* IE 10+ */
	overflow: hidden;
}
#eye {
	margin: 40px 0px 0px 5px;
}
#eye1 {
	margin: 40px 0px 0px 5px;
}
#body::-webkit-scrollbar {
	display:none;
}  
.center-div {
	background-color:#F5F5F6;
	box-shadow: 0 1px 1px rgb(0 0 0 / 40%);
	border-radius:10px;
	position:fixed;
	width:40%;
	margin-top:80px;
	margin-left:30%;
	min-height:300px;
	height:auto;
	text-align:center;
}
.center-div input {
	width:60%;
	height:30px;
	margin:5px 0px;
	border:solid lightgray 2px;
}
#login-container .color { color: green; }
#register-container .color { color: coral; }
#reset-container .color { color: purple; }

.submit {
	width:100px;
	height:30px;
	cursor:pointer;
	color:white;
}
#login-container .submit { background-color: green; }
#register-container .submit { background-color: coral; }
#reset-container .submit { background-color: purple; }

#msg {
	font-size: 20px; background-color:tan; position:fixed; width:40%; left:30%; height:auto;line-height:30px; text-align:center; margin-top:50px; z-index:1001; display:none
}

.content {
	background-color:white;
	position:fixed;
	left:0%;
	top:0px;
	width:100%;
	height:auto;
	border-radius:10px;
	bottom:0;
	/*overflow:scroll;*/
	margin-bottom:60px;
}

.loader {
  border: 8px solid darkgray;
  border-top: 8px solid blue;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 背景变暗的遮罩层样式 */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1); /* 使用rgba颜色设置透明度 */
  z-index: 1000; /* 设置遮罩层的层级 */
  display: none; /* 初始时隐藏遮罩层 */
}




#footer {
	position:fixed;
	bottom:0;
	left:0;
	background-color:#ffffff;
	width:100%;
	height:50px;
	padding:10px 0px;
	box-shadow:0px 0px 16px 0px rgb(0 0 0 / 18%);
}
#footer p, #footer a, #footer {
	text-align:center;
	height:30px;
	line-height:30px;
}



/* 手机端样式  */
@media screen and (max-width: 1000px) {
#body {
	font-size:35px;
}
#header {
	position:fixed; 
	z-index:999;
	left:0px; 
	top:0px; 
	width:100%; 
	background-color:#ffffff;
	padding:20px 0px;
	margin:0 auto;
	box-shadow:0px 0px 16px 0px rgb(0 0 0 / 18%);
	text-align: center;
}
.logo a, .logo {
	background-image: linear-gradient(to right, deeppink, dodgerblue);
	-webkit-background-clip: text;
	color: transparent;
	letter-spacing:2px;
	position:relative;
	text-align:center;
	font-size:50px;
	font-weight:500;
	height:60px;
	line-height:60px;
}
#logo-img {
	position: absolute;
	width:60px;
	height:60px;
}
#title-text {
	margin-left:70px;
	letter-spacing:10px;
}
.notice {
	background-color: #ececec;
	text-align: center;
	width:80%;
	margin:120px 0 0 10%;
	scrollbar-width: none; /* firefox */
	-ms-overflow-style: none; /* IE 10+ */
	overflow: hidden;
}
#msg {
	font-size:32px; 
	background-color:tan; 
	position:fixed; 
	width:80%; 
	left:10%;
	height:auto;
	line-height:55px;
	text-align:center;
	margin-top:80px;
	z-index:1001;
	display:none
}

#body::-webkit-scrollbar {
	display:none;
}  
.center-div {
	background-color:#F5F5F6;
	box-shadow: 0 1px 1px rgb(0 0 0 / 40%);
	border-radius:10px;
	position:fixed;
	width:88%;
	margin-top:350px;
	margin-left:6%;
	min-height:600px;
	height:auto;
	text-align:center;
	font-size: 35px;
}
#login-container select, #register-container select {
	font-size: 35px;
}
.center-div input {
	width:80%;
	height:70px;
	margin:20px 0px;
	border:solid lightgray 2px;
	font-size: 35px;
}
.color { color: coral; }
.submit {
	background-color: coral;
	width:100px;
	height:30px;
	cursor:pointer;
	color:white;
}
#footer {
	position:fixed;
	bottom:0;
	left:0;
	background-color:#ffffff;
	width:100%;
	height:50px;
	padding:10px 0px;
	box-shadow:0px 0px 16px 0px rgb(0 0 0 / 18%);
}
#footer p, #footer a, #footer {
	text-align:center;
	height:50px;
	line-height:50px;
	font-size:30px;
}
}