/**
 * 顶栏柔和渐变 +「成为VIP」胶囊按钮（基本设置）
 * body.zb-header-gradient
 */

/* 内置柔和多段渐变（非抄站，pastel 风格） */
body.zb-header-gradient .site-header {
	background: linear-gradient(
		105deg,
		#e8fff4 0%,
		#fff5eb 22%,
		#ffe8f0 48%,
		#f0e8ff 72%,
		#e8f4ff 100%
	);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

body.zb-header-gradient[data-bs-theme="dark"] .site-header {
	background: linear-gradient(
		105deg,
		rgba(30, 45, 40, 0.95) 0%,
		rgba(45, 38, 32, 0.95) 25%,
		rgba(48, 32, 40, 0.95) 50%,
		rgba(38, 32, 48, 0.95) 75%,
		rgba(28, 36, 48, 0.95) 100%
	);
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* 与首页透明顶栏组合：保留可读底，避免白条 */
body.header-transparent.zb-header-gradient .site-header {
	background: linear-gradient(
		105deg,
		rgba(232, 255, 244, 0.92) 0%,
		rgba(255, 245, 235, 0.9) 22%,
		rgba(255, 232, 240, 0.9) 48%,
		rgba(240, 232, 255, 0.9) 72%,
		rgba(232, 244, 255, 0.92) 100%
	);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

body.header-transparent.zb-header-gradient[data-bs-theme="dark"] .site-header {
	background: linear-gradient(
		105deg,
		rgba(30, 45, 40, 0.88) 0%,
		rgba(45, 38, 32, 0.88) 25%,
		rgba(48, 32, 40, 0.88) 50%,
		rgba(38, 32, 48, 0.88) 75%,
		rgba(28, 36, 48, 0.88) 100%
	);
}

/* 成为VIP 胶囊 */
.header-vip-btn {
	display: inline-flex;
	align-items: center;
	padding: 0.35rem 0.85rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 999px;
	background: linear-gradient(135deg, #ff8a3d 0%, #ffb347 50%, #ffd56f 100%);
	box-shadow: 0 2px 8px rgba(255, 138, 61, 0.35);
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
	white-space: nowrap;
}

.header-vip-btn:hover {
	color: #fff !important;
	filter: brightness(1.05);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(255, 138, 61, 0.45);
}

.header-vip-btn .fa-crown {
	font-size: 0.75rem;
	opacity: 0.95;
}

body[data-bs-theme="dark"] .header-vip-btn {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}