/* 认证按钮样式 */
        .auth-buttons {
            display: flex;
            align-items: center;
            gap: 10px;
        }

.auth-btn {
	padding: 8px 20px;
	border-radius: 6px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease;
	border: 1px solid transparent;
	position: relative;
}

/* 重置导航样式对认证按钮的影响 */
.hd-nav .auth-buttons .auth-btn {
	position: relative !important;
	overflow: hidden !important;
}

/* 关键：将认证按钮视为普通导航项，让它们自动获得下划线效果 */
.hd-nav li.auth-buttons a.auth-btn {
	display: block !important;
	font-size: 16px !important;
	line-height: 70px !important;
	position: relative !important;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
	padding: 0 8px !important;
	border-radius: 4px !important;
}

/* 让认证按钮继承导航栏的伪元素效果 */
.hd-nav li.auth-buttons a.auth-btn::before {
	content: '' !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 0 !important;
	height: 0 !important;
	background: radial-gradient(circle, rgba(79, 172, 254, 0.1) 0%, transparent 70%) !important;
	border-radius: 50% !important;
	transform: translate(-50%, -50%) !important;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
	z-index: -1 !important;
}

.hd-nav li.auth-buttons a.auth-btn::after {
	content: '' !important;
	position: absolute !important;
	left: 50% !important;
	bottom: 12px !important;
	height: 2px !important;
	width: 0 !important;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
	background: linear-gradient(90deg, transparent, #4facfe, transparent) !important;
	border-radius: 1px !important;
	box-shadow: 0 0 8px rgba(79, 172, 254, 0.4) !important;
}

/* 登录按钮独立悬停效果 */
.hd-nav li.auth-buttons a.login-btn:hover::before {
	width: 120px !important;
	height: 40px !important;
}

.hd-nav li.auth-buttons a.login-btn:hover::after {
	width: 100% !important;
	left: 0 !important;
}

.hd-nav li.auth-buttons a.login-btn:hover {
	color: #4facfe !important;
	text-shadow: 0 0 8px rgba(79, 172, 254, 0.5), 0 0 16px rgba(79, 172, 254, 0.3), 0 0 32px rgba(79, 172, 254, 0.1) !important;
	transform: translateY(-1px) !important;
}

/* 注册按钮独立悬停效果 */
.hd-nav li.auth-buttons a.register-btn:hover::before {
	width: 120px !important;
	height: 40px !important;
}

.hd-nav li.auth-buttons a.register-btn:hover::after {
	width: 100% !important;
	left: 0 !important;
}

.hd-nav li.auth-buttons a.register-btn:hover {
	color: #4facfe !important;
	text-shadow: 0 0 8px rgba(79, 172, 254, 0.5), 0 0 16px rgba(79, 172, 254, 0.3), 0 0 32px rgba(79, 172, 254, 0.1) !important;
	transform: translateY(-1px) !important;
}

.login-btn {
	color: #fff !important;
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	text-shadow: none !important;
	transform: none !important;
}

/* 登录按钮背景样式 */
.login-btn:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	text-decoration: none !important;
}


.register-btn {
	color: #333 !important;
	background: #fff !important;
	border-color: #fff !important;
	text-shadow: none !important;
	transform: none !important;
}

/* 注册按钮背景样式 */
.register-btn:hover {
	background: #f0f0f0 !important;
	text-decoration: none !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}


        /* 用户下拉菜单样式 */
        .user-dropdown {
            position: relative;
        }

        .user-info {
            display: flex;
            align-items: center;
            gap: 6px;
            color: #fff;
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 6px;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .user-info:hover {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            text-decoration: none;
            transform: translateY(-1px);
        }

        .user-info:active {
            transform: translateY(0);
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            right: 0;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            padding: 8px 0;
            margin: 8px 0 0 0;
            min-width: 140px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            z-index: 1000;
        }

        .user-dropdown:hover .dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* 添加一个小箭头指示器 */
        .user-info::after {
            content: '▼';
            font-size: 10px;
            margin-left: 4px;
            transition: all 0.3s ease;
        }

.user-dropdown:hover .user-info::after {
	transform: rotate(180deg);
}

/* 游客模式样式 */
.guest-mode .guest-info {
	background: linear-gradient(135deg, rgba(255, 193, 7, 0.1), rgba(255, 193, 7, 0.05));
	border: 1px solid rgba(255, 193, 7, 0.3);
	color: #ffc107;
}

.guest-mode .guest-info:hover {
	background: linear-gradient(135deg, rgba(255, 193, 7, 0.2), rgba(255, 193, 7, 0.1));
	border-color: rgba(255, 193, 7, 0.5);
	color: #fff3cd;
}

/* 消息提示样式 - 居中显示 */
#messages-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	max-width: 450px;
	min-width: 350px;
	pointer-events: none;
}

#messages-container .message-alert {
	pointer-events: auto;
}

.message-alert {
	background: 
		linear-gradient(135deg, 
			rgba(255, 255, 255, 0.99) 0%,
			rgba(254, 255, 255, 0.98) 20%,
			rgba(252, 254, 255, 0.97) 40%,
			rgba(249, 253, 255, 0.96) 60%,
			rgba(247, 252, 255, 0.95) 80%,
			rgba(245, 251, 255, 0.94) 100%
		);
	border-radius: 16px;
	box-shadow: 
		0 20px 40px -8px rgba(147, 197, 253, 0.08),
		0 8px 20px -4px rgba(191, 219, 254, 0.06),
		0 0 0 1px rgba(191, 219, 254, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 1),
		inset 0 0 50px rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(20px) saturate(150%) brightness(125%);
	margin-bottom: 16px;
	opacity: 0;
	transform: translateY(-30px) scale(0.9);
	animation: slideInCenter 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
	overflow: visible;
	position: relative;
	border: 1px solid rgba(191, 219, 254, 0.3);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 超明亮悬停效果 */
.message-alert:hover {
	transform: translateY(-6px) scale(1.02);
	box-shadow: 
		0 25px 50px -8px rgba(147, 197, 253, 0.12),
		0 15px 30px -4px rgba(191, 219, 254, 0.1),
		0 0 0 1px rgba(191, 219, 254, 0.35),
		0 0 30px rgba(191, 219, 254, 0.25),
		0 0 50px rgba(147, 197, 253, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 1),
		inset 0 0 80px rgba(255, 255, 255, 0.6);
}

/* 超明亮白色边框发光效果 */
.message-alert::before {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	background: 
		linear-gradient(135deg, 
			#93c5fd 0%,
			#dbeafe 15%,
			#f0f9ff 30%,
			#ffffff 45%,
			#f0f9ff 60%,
			#dbeafe 75%,
			#93c5fd 100%
		);
	border-radius: 18px;
	z-index: -1;
	opacity: 0.8;
	animation: borderGlow 3s ease-in-out infinite;
	filter: blur(0.3px);
}

@keyframes borderGlow {
	0%, 100% {
		opacity: 0.8;
		filter: blur(0.3px) brightness(1.2);
	}
	50% {
		opacity: 0.95;
		filter: blur(0.5px) brightness(1.4);
	}
}

/* 内部超明亮光泽效果 */
.message-alert::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: 
		linear-gradient(135deg, 
			rgba(219, 234, 254, 0.06) 0%,
			rgba(240, 249, 255, 0.08) 20%,
			rgba(255, 255, 255, 0.12) 40%,
			rgba(255, 255, 255, 0.15) 60%,
			rgba(255, 255, 255, 0.08) 80%,
			transparent 100%
		);
	border-radius: 16px;
	pointer-events: none;
}

.message-alert.message-error::before {
	background: linear-gradient(135deg, #f44336, #d32f2f);
}

.message-alert.message-info::before {
	background: linear-gradient(135deg, #2196F3, #1976D2);
}

.message-alert.message-warning::before {
	background: linear-gradient(135deg, #ff9800, #f57c00);
}

.message-content {
	display: flex;
	align-items: center;
	padding: 20px 24px;
	gap: 18px;
	position: relative;
	z-index: 2;
	background: 
		linear-gradient(135deg, 
			rgba(255, 255, 255, 0.5) 0%,
			rgba(248, 252, 255, 0.4) 20%,
			rgba(255, 255, 255, 0.6) 40%,
			rgba(252, 254, 255, 0.5) 60%,
			rgba(255, 255, 255, 0.4) 80%,
			rgba(255, 255, 255, 0.3) 100%
		);
	border-radius: 16px;
	backdrop-filter: blur(10px) brightness(120%);
}

.message-icon {
	font-size: 24px;
	color: #0ea5e9;
	flex-shrink: 0;
	animation: iconScale 0.6s ease-out;
	position: relative;
	/* 超明亮图标设计 */
	background: 
		radial-gradient(circle, 
			rgba(14, 165, 233, 0.12) 0%,
			rgba(125, 211, 252, 0.1) 30%,
			rgba(186, 230, 253, 0.08) 60%,
			rgba(240, 249, 255, 0.06) 80%,
			rgba(255, 255, 255, 0.04) 100%
		);
	border-radius: 50%;
	padding: 10px;
	margin: -10px;
	box-shadow: 
		0 0 20px rgba(14, 165, 233, 0.15),
		0 4px 12px rgba(125, 211, 252, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(186, 230, 253, 0.3);
}

@keyframes iconScale {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.message-error .message-icon {
	color: #f44336;
}

.message-info .message-icon {
	color: #2196F3;
}

.message-warning .message-icon {
	color: #ff9800;
}

.message-text {
	flex: 1;
	color: #0f172a;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.2px;
	/* 明亮简洁的文字效果 */
	background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #334155 80%, #64748b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.message-close {
	display: none !important;
}

@keyframes slideInCenter {
	0% {
		opacity: 0;
		transform: translateY(-40px) scale(0.8) rotateX(10deg);
		filter: blur(8px);
	}
	50% {
		opacity: 0.8;
		transform: translateY(10px) scale(1.05) rotateX(-2deg);
		filter: blur(2px);
	}
	80% {
		opacity: 0.95;
		transform: translateY(-2px) scale(1.01) rotateX(1deg);
		filter: blur(0px);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1) rotateX(0deg);
		filter: blur(0px);
	}
}

@keyframes slideOutCenter {
	0% {
		opacity: 1;
		transform: translateY(0) scale(1) rotateX(0deg);
		filter: blur(0px);
	}
	100% {
		opacity: 0;
		transform: translateY(-30px) scale(0.9) rotateX(-5deg);
		filter: blur(5px);
	}
}

.message-alert.closing {
	animation: slideOutCenter 0.3s ease-in forwards;
}

/* 游客模式特殊样式 */
.guest_welcome::before {
	background: linear-gradient(135deg, #ffc107, #ff8f00);
}

.guest_welcome .message-icon {
	color: #ffc107;
	filter: drop-shadow(0 2px 4px rgba(255, 193, 7, 0.4));
}

.guest_exit::before {
	background: linear-gradient(135deg, #6c757d, #495057);
}

.guest_exit .message-icon {
	color: #6c757d;
	filter: drop-shadow(0 2px 4px rgba(108, 117, 125, 0.4));
}

/* 成功消息 - 超明亮白绿科技感 */
.message-alert.message-success {
	background: 
		linear-gradient(135deg, 
			rgba(248, 255, 250, 0.99) 0%,
			rgba(243, 254, 246, 0.98) 15%,
			rgba(236, 253, 243, 0.97) 30%,
			rgba(220, 252, 231, 0.96) 45%,
			rgba(187, 247, 208, 0.95) 60%,
			rgba(167, 243, 208, 0.94) 75%,
			rgba(134, 239, 172, 0.93) 100%
		);
	border: 1px solid rgba(110, 231, 183, 0.25);
	box-shadow: 
		0 20px 40px -8px rgba(110, 231, 183, 0.08),
		0 8px 20px -4px rgba(167, 243, 208, 0.06),
		0 0 0 1px rgba(167, 243, 208, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 1),
		inset 0 0 50px rgba(255, 255, 255, 0.6);
}

.message-alert.message-success::before {
	background: 
		linear-gradient(135deg, 
			#6ee7b7 0%,
			#a7f3d0 15%,
			#d1fae5 30%,
			#f0fdf4 45%,
			#d1fae5 60%,
			#a7f3d0 75%,
			#6ee7b7 100%
		);
}

.message-alert.message-success::after {
	background: 
		linear-gradient(135deg, 
			rgba(110, 231, 183, 0.05) 0%,
			rgba(167, 243, 208, 0.06) 20%,
			rgba(240, 253, 244, 0.08) 40%,
			rgba(255, 255, 255, 0.12) 60%,
			rgba(255, 255, 255, 0.08) 80%,
			transparent 100%
		);
}

/* 错误消息 - 超明亮白红科技感 */
.message-alert.message-error {
	background: 
		linear-gradient(135deg, 
			rgba(255, 247, 247, 0.99) 0%,
			rgba(254, 242, 242, 0.98) 15%,
			rgba(254, 226, 226, 0.97) 30%,
			rgba(252, 165, 165, 0.96) 45%,
			rgba(248, 113, 113, 0.95) 60%,
			rgba(239, 68, 68, 0.94) 100%
		);
	border: 1px solid rgba(252, 165, 165, 0.25);
	box-shadow: 
		0 20px 40px -8px rgba(252, 165, 165, 0.08),
		0 8px 20px -4px rgba(254, 202, 202, 0.06),
		0 0 0 1px rgba(254, 202, 202, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 1),
		inset 0 0 50px rgba(255, 255, 255, 0.6);
}

.message-alert.message-error::before {
	background: 
		linear-gradient(135deg, 
			#fca5a5 0%,
			#fecaca 15%,
			#fee2e2 30%,
			#fef2f2 45%,
			#fee2e2 60%,
			#fecaca 75%,
			#fca5a5 100%
		);
}

.message-alert.message-error::after {
	background: 
		linear-gradient(135deg, 
			rgba(252, 165, 165, 0.05) 0%,
			rgba(254, 202, 202, 0.06) 20%,
			rgba(254, 242, 242, 0.08) 40%,
			rgba(255, 255, 255, 0.12) 60%,
			rgba(255, 255, 255, 0.08) 80%,
			transparent 100%
		);
}

.message-error .message-icon {
	color: #fca5a5;
	background: 
		radial-gradient(circle, 
			rgba(252, 165, 165, 0.12) 0%,
			rgba(254, 202, 202, 0.1) 30%,
			rgba(254, 242, 242, 0.08) 60%,
			rgba(255, 247, 247, 0.06) 80%,
			rgba(255, 255, 255, 0.04) 100%
		);
	box-shadow: 
		0 0 20px rgba(252, 165, 165, 0.15),
		0 4px 12px rgba(254, 202, 202, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(254, 202, 202, 0.3);
}

/* 信息消息 - 超明亮白蓝科技感 */
.message-alert.message-info {
	background: 
		linear-gradient(135deg, 
			rgba(248, 252, 255, 0.99) 0%,
			rgba(240, 249, 255, 0.98) 15%,
			rgba(219, 234, 254, 0.97) 30%,
			rgba(147, 197, 253, 0.96) 45%,
			rgba(96, 165, 250, 0.95) 60%,
			rgba(59, 130, 246, 0.94) 100%
		);
	border: 1px solid rgba(147, 197, 253, 0.25);
	box-shadow: 
		0 20px 40px -8px rgba(147, 197, 253, 0.08),
		0 8px 20px -4px rgba(191, 219, 254, 0.06),
		0 0 0 1px rgba(191, 219, 254, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 1),
		inset 0 0 50px rgba(255, 255, 255, 0.6);
}

.message-alert.message-info::before {
	background: 
		linear-gradient(135deg, 
			#93c5fd 0%,
			#dbeafe 15%,
			#eff6ff 30%,
			#ffffff 45%,
			#eff6ff 60%,
			#dbeafe 75%,
			#93c5fd 100%
		);
}

.message-alert.message-info::after {
	background: 
		linear-gradient(135deg, 
			rgba(147, 197, 253, 0.05) 0%,
			rgba(191, 219, 254, 0.06) 20%,
			rgba(240, 249, 255, 0.08) 40%,
			rgba(255, 255, 255, 0.12) 60%,
			rgba(255, 255, 255, 0.08) 80%,
			transparent 100%
		);
}

.message-info .message-icon {
	color: #93c5fd;
	background: 
		radial-gradient(circle, 
			rgba(147, 197, 253, 0.12) 0%,
			rgba(191, 219, 254, 0.1) 30%,
			rgba(240, 249, 255, 0.08) 60%,
			rgba(248, 252, 255, 0.06) 80%,
			rgba(255, 255, 255, 0.04) 100%
		);
	box-shadow: 
		0 0 20px rgba(147, 197, 253, 0.15),
		0 4px 12px rgba(191, 219, 254, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(191, 219, 254, 0.3);
}

/* 警告消息 - 超明亮白橙科技感 */
.message-alert.message-warning {
	background: 
		linear-gradient(135deg, 
			rgba(255, 253, 247, 0.99) 0%,
			rgba(255, 251, 235, 0.98) 15%,
			rgba(254, 243, 199, 0.97) 30%,
			rgba(253, 230, 138, 0.96) 45%,
			rgba(251, 191, 36, 0.95) 60%,
			rgba(245, 158, 11, 0.94) 100%
		);
	border: 1px solid rgba(253, 230, 138, 0.25);
	box-shadow: 
		0 20px 40px -8px rgba(253, 230, 138, 0.08),
		0 8px 20px -4px rgba(254, 240, 138, 0.06),
		0 0 0 1px rgba(254, 240, 138, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 1),
		inset 0 0 50px rgba(255, 255, 255, 0.6);
}

.message-alert.message-warning::before {
	background: 
		linear-gradient(135deg, 
			#fde68a 0%,
			#fef3c7 15%,
			#fffbeb 30%,
			#ffffff 45%,
			#fffbeb 60%,
			#fef3c7 75%,
			#fde68a 100%
		);
}

.message-alert.message-warning::after {
	background: 
		linear-gradient(135deg, 
			rgba(253, 230, 138, 0.05) 0%,
			rgba(254, 240, 138, 0.06) 20%,
			rgba(255, 251, 235, 0.08) 40%,
			rgba(255, 255, 255, 0.12) 60%,
			rgba(255, 255, 255, 0.08) 80%,
			transparent 100%
		);
}

.message-warning .message-icon {
	color: #fde68a;
	background: 
		radial-gradient(circle, 
			rgba(253, 230, 138, 0.12) 0%,
			rgba(254, 240, 138, 0.1) 30%,
			rgba(255, 251, 235, 0.08) 60%,
			rgba(255, 253, 247, 0.06) 80%,
			rgba(255, 255, 255, 0.04) 100%
		);
	box-shadow: 
		0 0 20px rgba(253, 230, 138, 0.15),
		0 4px 12px rgba(254, 240, 138, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(254, 240, 138, 0.3);
}

/* 响应式设计 */
@media (max-width: 768px) {
	#messages-container {
		max-width: calc(100vw - 40px);
		min-width: calc(100vw - 40px);
		top: 45%;
	}
	
	.message-content {
		padding: 18px 20px;
	}
	
	.message-text {
		font-size: 15px;
	}
	
	.message-icon {
		font-size: 22px;
	}
}

        .dropdown-menu li {
            list-style: none;
        }

        .dropdown-menu a {
            display: block;
            padding: 10px 16px;
            color: #333;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.2s ease;
        }

        .dropdown-menu a:hover {
            background: #f5f5f5;
            color: #333;
            text-decoration: none;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .auth-buttons {
                flex-direction: column;
                gap: 5px;
            }

            .auth-btn {
                padding: 6px 16px;
                font-size: 13px;
            }

            .dropdown-menu {
                right: -10px;
            }
        }

        /* Hide any legacy injected language select */
        .lang-switch {
            display: none !important;
        }