模板:Header/styles.css

/* 仅让 .home-header 容器内的直接子元素保持居中，不影响页面其他内容 */
.home-header {
	position: relative;
	padding-block: 3.5rem;
	line-height: var( --line-height-xx-small );
}

/* 仅对 .home-header 内部的元素生效，不污染全局样式 */
.home-header .home-header__pretitle,
.home-header .home-header__title,
.home-header .home-header__subtitle {
	text-align: center;
}

/* 保持原有的其他样式不变 */
.home-header__pretitle {
	margin-bottom: var( --space-xxs );
    color: var( --color-subtle );
	font-size: var( --font-size-small );
	letter-spacing: 0.05em;
}

.home-header__title {
	--display-font-size: min( calc( 2.5rem + 3.9vw ), 4.5rem );
	margin: 0;
	font-size: var( --display-font-size );
	text-transform: uppercase;
	line-height: 0.9;
	font-weight: var( --font-weight-semi-bold );
}

.home-header__subtitle {
	margin-top: var( --space-xxs );
	color: var( --color-subtle );
	font-size: var( --font-size-small );
}