/* 导航栏 */
.navbar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 5vh;
	border-bottom: 1px solid rgba(230, 200, 145, 0.2);
	background: rgba(10, 10, 18, 0.35);
	display: flex; /* 启用 Flex 布局 */
	backdrop-filter: blur(10px);
	justify-content: space-between; /* 关键：左右两侧对齐 */
	align-items: center;
	z-index: 1000;
}

.nav-content {
	max-width: 100%;
	/*margin: 0 auto;*/
	height: 2.5vh;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1vh;
}

.nav-links {
	display: flex;
	position: relative;
	align-items: center;
	/*gap: 0.2vh;*/
}

.nav-link {
	color: #ffffff;
	font-size: 13px;
	width: 6vh;
	position: relative;
	padding: 0.7vh 0;
	transition: color 0.3s;
	/*
    border-left: 1px solid rgba(230, 200, 145, 0.2);
    border-right: 1px solid rgba(230, 200, 145, 0.2);
    */

	text-decoration: none;
	text-align: center;
}

	.nav-link::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 2px;
		background: #D1BBA4;
		transition: width 0.3s;
	}

	.nav-link:hover {
		color: #e6c891;
	}

		.nav-link:hover::after {
			width: 100%;
		}

.nav-music {
	color: #ffffff;
	font-size: 13px;
	width: 6vh;
	position: relative;
	padding: 0.7vh 2.3vh;
	transition: color 0.3s;
	border-left: 1px solid rgba(230, 200, 145, 0.2);
	border-right: 1px solid rgba(230, 200, 145, 0.2);
	align-items: center;
	display: flex;
	text-decoration: none;
	text-align: center;
}

/* 注册按钮特别样式 */
.register-btn {
	color: #e6c891;
	padding: 0vh 2vh;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.3s;
}

	.register-btn:hover {
		transform: translateY(-5px);
		box-shadow: 0 5px 5px rgba(230, 200, 145, 0.05);
	}

/*悬浮窗*/
.floating-window {
	bottom: 8rem; /* 上下位置 */
	display: flex;
	margin-top: 0.5rem; /* 顶部外边距 */
	position: fixed;
	right: 2rem; /* 左右位置 */
	height: auto;
	width: auto;
	z-index: 1000; /* 确保悬浮窗在最上层 */
}

.downloads-box {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 0 0 0;
	width: 183px;
	height: 124px;
	z-index: 5;
}

.downloads1-btn {
	height: 62px;
	width: 183px;
	background-image: url('img/dn1.png');
}

.downloads2-btn {
	height: 62px;
	width: 183px;
	background-image: url('img/dn2.png');
}

	.downloads1-btn:hover, .downloads2-btn:hover {
		transform: scale(1.05);
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
	}

	.downloads1-btn:active, .downloads2-btn:active {
		transform: scale(1);
	}

.qrcode {
	background-image: url('img/qr.png');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 0.46875rem 0 0;
	height: 117px;
	width: 117px;
	z-index: 5;
}

	.qrcode:hover {
		transform: scale(1.05);
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
	}

	.qrcode:active {
		transform: scale(1);
	}