* {
			-webkit-tap-highlight-color: transparent;
		}

		.nav-link {
			position: relative;
			transition: color 0.3s ease;
		}

		.nav-link::after {
			content: '';
			position: absolute;
			bottom: -4px;
			left: 50%;
			width: 0;
			height: 2px;
			background: #f2ca50;
			transition: all 0.3s ease;
			transform: translateX(-50%);
		}

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

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

		.header-gradient {
			background: linear-gradient(to bottom, rgba(19, 19, 20, 0.8) 0%, rgba(19, 19, 20, 0) 100%);
		}

		.glass-panel {
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			background: rgba(20, 20, 21, 0.6);
			border: 1px solid rgba(255, 255, 255, 0.1);
			position: relative;
			overflow: hidden;
		}

		.glass-panel::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
			opacity: 0.02;
			pointer-events: none;
		}

		.gold-glow {
			box-shadow: 0 0 30px rgba(212, 175, 55, 0.2);
		}

		.diamond-glow {
			box-shadow: 0 0 30px rgba(185, 242, 255, 0.15);
		}

		.button-shine {
			position: relative;
			overflow: hidden;
		}

		.button-shine::after {
			content: '';
			position: absolute;
			top: -50%;
			left: -50%;
			width: 200%;
			height: 200%;
			background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
			transform: rotate(45deg);
			transition: 0.5s;
		}

		.button-shine:hover::after {
			left: 100%;
			top: 100%;
		}

		.pixelated-border {
			box-shadow:
				0 0 0 2px rgba(255, 255, 255, 0.1),
				0 0 0 4px rgba(0, 0, 0, 0.3),
				0 0 20px rgba(212, 175, 55, 0.3);
		}

		.staff-card {
			transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
		}

		.staff-card:hover {
			transform: translateY(-12px) scale(1.05);
		}

		.staff-badge {
			background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
			backdrop-filter: blur(10px);
			border: 1px solid rgba(255, 255, 255, 0.15);
		}

		.hero-logo {
			filter: drop-shadow(0 0 40px rgba(255, 215, 0, 0.6)) drop-shadow(0 0 80px rgba(255, 215, 0, 0.3));
			animation: logoFloat 3s ease-in-out infinite;
		}

		@keyframes logoFloat {

			0%,
			100% {
				transform: translateY(0px) scale(1);
			}

			50% {
				transform: translateY(-10px) scale(1.02);
			}
		}

		.minecraft-heading {
			font-family: 'Orbitron', sans-serif;
			text-shadow:
				3px 3px 0px rgba(0, 0, 0, 0.8),
				0 0 30px rgba(242, 202, 80, 0.5);
		}

		.staff-role-badge::before {
			content: '';
			position: absolute;
			top: -50%;
			left: -50%;
			width: 200%;
			height: 200%;
			background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
			animation: shine 3s infinite;
		}

		@keyframes shine {
			0% {
				transform: translateX(-100%) translateY(-100%) rotate(45deg);
			}

			100% {
				transform: translateX(100%) translateY(100%) rotate(45deg);
			}
		}

		.pixel-text {
			font-family: 'Press Start 2P', monospace;
			text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
		}

		@keyframes progress {
			from {
				width: 100%;
			}

			to {
				width: 0%;
			}
		}

		.pb-safe {
			padding-bottom: env(safe-area-inset-bottom);
		}
		
		
		/* ===== 移动端汉堡菜单弹窗动画 - 适配glass-panel ===== */
#mobile-menu {
    z-index: 50;
    /* 使用和你卡片hover一致的高级弹性贝塞尔曲线 */
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translateY(-24px);
    opacity: 0;
    pointer-events: none;
}

#mobile-menu.menu-open {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: auto;
}

/* 半透明遮罩层 */
#mobile-menu-overlay {
    z-index: 40;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: 0.35s ease;
}

/* 移动端导航链接下划线激活样式（复用你.nav-link规则） */
#mobile-menu .nav-link{
    display:block;
    padding:10px 0;
}


/* iphone 全面屏安全区变量 */
:root {
    --safe-top: env(safe-area-inset-top);
    --safe-bottom: env(safe-area-inset-bottom);
    --safe-left: env(safe-area-inset-left);
    --safe-right: env(safe-area-inset-right);
}

/* 顶部导航栏 避开刘海/灵动岛 */
.header-bar{
    padding-top: var(--safe-top);
}

/* 底部内边距避开iPhone底部小黑条 */
.pb-safe {
    padding-bottom: var(--safe-bottom);
}

/* 全屏页面容器，开启全面屏渲染 */
.full‑page‑wrap{
    padding-left: var(--safe-left);
    padding-right: var(--safe-right);
}