/**
 * 全站首屏（hero）统一处理：观感高度 400px、内容上下居中。
 *
 * 适用：所有含首屏 banner 功能区的内页。
 * 排除：
 *   - 首页：首屏为轮播（.hero-carousel / .hero-slide），不在下方选择器表内；
 *   - 开放能力记录详情页（body.page-liying-capability）：.re-hero 用 :not() 排除；
 *   - 应用领域详情页（body.liying-application-page）：首屏为 .fus-hero，不在表内。
 *
 * 要点：
 * 1. min-height 与 height 同时处理，避免被既有 min-height（480px / 499px 等）反弹；
 *    用 min-height:400px + height:auto，内容不足 400 时观感高度即 400px，
 *    内容超高时自然撑开，不会溢出。
 * 2. margin-top 等于固定页头高度（桌面 76px、移动 70px），让 hero 顶端正好从
 *    导航栏底边开始，紧贴导航栏；固定页头为 position:fixed top:0，所以这里的
 *    margin-top 只需要补偿 header 自身高度即可。
 * 3. 内容子容器用 flex 垂直居中而不是绝对定位，避免内容超高时溢出。
 * 4. 容器宽度仍交给 site-width.css / unified-page-heroes.css 控制，此处不覆盖 width。
 */

.about-hero,
.reports-hero,
.simulator-hero,
.community-portal-hero,
.trial-hero,
.news-page-title,
.careers-hero,
.contact-information-hero,
.contact-main-hero,
.faq-page-hero,
.product-page-hero,
.software-hero,
.service-support-hero,
body:not(.page-liying-capability) .re-hero {
	display: flex;
	align-items: center;
	height: auto;
	min-height: 400px;
	margin-top: 76px;
	padding: 0;
}

.about-hero > .container,
.reports-hero > .container,
.simulator-hero > .container,
.community-portal-hero > .container,
.trial-hero > .container,
.news-page-title > .container,
.careers-hero > .container,
.contact-information-hero > .container,
.contact-main-hero > .container,
.faq-page-hero > .container,
.product-page-hero > .container,
.software-hero > .container,
.service-support-hero > .container,
body:not(.page-liying-capability) .re-hero > .container {
	position: static;
	top: auto;
	left: auto;
	transform: none;
	margin: 0 auto;
	z-index: 2;
}

/* 可视化软件页：software.css 使用 .ly-software-page .software-hero（两个类），
   特异性高于上面的单类选择器，这里补齐等特异性规则覆盖它。 */
.ly-software-page .software-hero {
	display: flex;
	align-items: center;
	height: auto;
	min-height: 400px;
	margin-top: 76px;
	padding: 0;
}

.ly-software-page .software-hero > .container {
	position: static;
	top: auto;
	left: auto;
	transform: none;
	margin: 0 auto;
	z-index: 2;
}

@media (max-width: 782px) {
	.about-hero,
	.reports-hero,
	.simulator-hero,
	.community-portal-hero,
	.trial-hero,
	.news-page-title,
	.careers-hero,
	.contact-information-hero,
	.contact-main-hero,
	.faq-page-hero,
	.product-page-hero,
	.software-hero,
	.service-support-hero,
	body:not(.page-liying-capability) .re-hero,
	.ly-software-page .software-hero {
		margin-top: 70px;
	}
}