/* 头部样式 */
header {
	background-color: rgba(255,255,255,0.60);;
	backdrop-filter: blur(10px);
	/* position: sticky; */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 60px;
}
.fixed-pre{
	background-color: rgba(255,255,255,0.8);
}
.fixed {
	background-color: rgba(255,255,255,1);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, .04); */
}

.header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}

.logo {
	/* display: flex;
	align-items: center;
	gap: 10px;
	font-weight: bold;
	font-size: 1.2rem;
	color: #333; */
	height: 40px;
	width: 110px;
	background: url('../static/img/logo.svg') center/cover no-repeat;
}
.dark .logo {
	background: url('../static/img/logo_w.svg') center/cover no-repeat;
}
.fixed .logo{
	background: url('../static/img/logo.svg') center/cover no-repeat !important;
}
.logo img {
	height: 40px;
	width: auto;
}

nav ul {
	display: flex;
	list-style: none;
	height: 60px;
	gap: 30px;
}

nav ul li {
	height: 60px;
	line-height: 60px;
	justify-content: center;
}


nav a {
	text-decoration: none;
	color: #191919;
	font-size: 16px;
	transition: color 0.3s;
}

nav ul li {
	border-bottom: 3px solid transparent;
}

nav ul li.active {
	border-bottom: 3px solid #0066cc;
}

nav a:hover,
nav .active a {
	font-weight: bold;
	/* color: #0066cc; */
}