/* 首页样式管理器：变量默认值 + 覆盖规则。
   实际数值由后台「页面管理 → 首页操作 → 样式管理器」通过 .es-home 作用域的 CSS 变量注入
   （见 wp_head 输出的 <style id="es-home-style">）。本文件只提供默认值与选择器覆盖，
   仅对首页 .es-home 容器下的模块生效，不影响站点其他页面。 */

.es-home {
	--es-home-maxw: 1200px;
	--es-home-gutter: 22px;
	--es-home-gap: 62px;
	--es-home-radius: 16px;
	--es-home-card: 12px;
	--es-home-accent: #4338ca;
	--es-home-shadow: 0 10px 30px -18px rgba(15, 23, 42, .12);
}

/* 内容最大宽度与左右内边距（左右对称 / 居中） */
.es-home .es-container {
	max-width: var(--es-home-maxw);
	padding-left: var(--es-home-gutter);
	padding-right: var(--es-home-gutter);
}

/* 模块垂直间距（统一各个 section 之间的留白） */
.es-home .section {
	padding-top: var(--es-home-gap);
	padding-bottom: var(--es-home-gap);
}
.es-home .section--cats {
	padding-top: calc(var(--es-home-gap) * .55);
	padding-bottom: calc(var(--es-home-gap) * .13);
}

/* 模块（大块）圆角：cta-band / es-slider / es-plan 统一 */
.es-home .cta-band,
.es-home .es-slider,
.es-home .es-plan {
	border-radius: var(--es-home-radius);
}

/* 卡片（小块）圆角：分类导航条目等 */
.es-home .cat-strip__item {
	border-radius: var(--es-home-card);
}

/* 卡片阴影（可关 / 柔和 / 明显） */
.es-home .es-slider,
.es-home .es-plan {
	box-shadow: var(--es-home-shadow);
}

/* 强调色：Hero 标签、分类图标、区块「查看全部」链接 */
.es-home .hero__pill {
	background: color-mix(in srgb, var(--es-home-accent) 12%, #fff);
	color: var(--es-home-accent);
}
.es-home .cat-strip__icon {
	background: color-mix(in srgb, var(--es-home-accent) 12%, #fff);
	color: var(--es-home-accent);
}
.es-home .section__more {
	color: var(--es-home-accent);
}