@font-face {
	font-family: 'Source Han Serif SC';
	src: url('./font/SourceHanSerifSC-Bold.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Source Han Serif SC';
	src: url('./font/SourceHanSerifSC-SemiBold.otf') format('opentype');
	font-weight: 600;
	/* 半加粗常用 600 权重，可按需调整 */
	font-style: normal;
}

.header {
	width: 100%;
	height: 60px;
	position: fixed;
	z-index: 100;

	font-family: Source Han Serif SC;
	font-weight: 600;
	font-size: 16px;
	color: #F9F2E4;
	line-height: 24px;
}

.header .bg {
	width: 100%;
	height: 60px;
	position: absolute;
}

.header a {
	text-decoration: none;
	color: #F9F2E4;
}

.header a:hover {
	text-decoration: none;
	color: #F6E6AF;
}
.header .active{
	color: #F6E6AF;
}

.header .videoCenter {
	width: 64px;
	height: 24px;

	position: absolute;
	top: 36.67%;
	left: 12.45%;
	cursor: pointer;
}

.header .encyclopedia {
	width: 64px;
	height: 24px;

	position: absolute;
	top: 36.67%;
	left: 22.03%;
	cursor: pointer;
}

.header .DLC {
	width: 85px;
	height: 24px;

	position: absolute;
	top: 36.67%;
	left: 31.61%;
	cursor: pointer;
}

.header .home {
	width: 64px;
	height: 24px;

	position: absolute;
	top: 36.67%;
	left: 65.1%;
	cursor: pointer;
}

.header .news {
	width: 64px;
	height: 24px;

	position: absolute;
	top: 36.67%;
	left: 74.58%;
	cursor: pointer;
}

.header .contact {
	width: 64px;
	height: 24px;

	position: absolute;
	top: 36.67%;
	left: 84.11%;
	cursor: pointer;
}

.btn-press {
	transition: all 0.2s ease;
	transform: translateY(0);
	/* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); */
}

.btn-press:hover {
	transform: translateY(4px);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.06);
}

.btn-raise {
	transition: all 0.2s ease;
	transform: translateY(4px);
	/* box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.06); */
}

.btn-raise:hover {
	transform: translateY(0);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.btn-scale {
	transition: all 0.2s ease;
	transform: scale(1);
}

.btn-scale:hover {
	transform: scale(1.1);
}