/*
 * 美育中心顶栏 lockup —— 配合 secondary-page 透明/白字 header
 * 作用域：body.meiyu-page
 */
body.meiyu-page {
	--red: #e73921;
	--red-dark: #d81716;
}

body.meiyu-page .site-header .header-inner {
	align-items: center;
}

body.meiyu-page .meiyu-header-lockup {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 18px;
}

body.meiyu-page .meiyu-header-lockup .brand {
	display: block;
	flex: 0 0 auto;
	margin: 0;
}

body.meiyu-page .meiyu-header-lockup .brand img {
	display: block;
	height: 46px;
	width: auto;
	max-width: none;
	object-fit: contain;
}

body.meiyu-page .meiyu-header-logo {
	display: block;
	width: auto;
	height: 46px;
	padding-left: 18px;
	border-left: 1px solid rgba(255, 255, 255, 0.58);
	filter: none;
}

body.meiyu-page .site-header.scrolled .meiyu-header-logo {
	border-left-color: rgba(0, 0, 0, 0.12);
}

body.meiyu-page .myzx-list-tabs a.active {
	color: var(--red);
	border-color: var(--red);
}

body.meiyu-page:not(.home) .list-hero,
body.meiyu-page:not(.home) .article-hero {
	padding-top: calc(44px + 20px) !important;
}

@media (max-width: 640px) {
	body.meiyu-page .meiyu-header-lockup {
		gap: 9px;
		min-width: 0;
	}

	body.meiyu-page .meiyu-header-lockup .brand img,
	body.meiyu-page .meiyu-header-logo {
		height: 24px;
		max-width: none;
	}

	body.meiyu-page .meiyu-header-logo {
		padding-left: 9px;
	}
}