/*
	冻结样式：详情页区块的**交替底色**。
	来源：echomachinery.com 的 assets/index.DXTTrtRU.css，7 条 `.detail-sections .section:nth-of-type(2n)` 规则。

	🚩 这份文件是那 7 条规则的 **1:1 改写，不是新设计**。改写的原因只有一个：

	参考站的 DOM 是
	    <div class="detail-sections">
	      <section class="section">…</section>   ← 彼此是兄弟
	      <section class="section">…</section>
	    </div>
	`nth-of-type(2n)` 靠的就是"兄弟中的第几个"。而 Elementor 会把每个 widget 包进
	自己的 `.e-con > .e-con-inner > .elementor-widget > .elementor-widget-container`，
	区块之间**隔了四层容器，根本不是兄弟**，选择器永远匹配不到。

	所以改成：渲染时由 `ketian1_mark_detail_sections()`（inc/template-router.php）
	给第 2、4、6… 个 `<section class="section…">` 加一个 `ki-sec-alt` 类，
	这里按这个类写规则。**声明内容与参考站逐条一致，一个值都没改。**

	为什么不用 JS 加类：会先渲染成全白再刷上底色，肉眼可见地闪一下。
	为什么不让每个 widget 自己判断奇偶：widget 不知道自己在页面里排第几，
	而且要改 8+ 个文件；集中在路由那一处，新增详情类型自动生效。

	🚩 2026-09-09 两处主动偏离，#parameter 不再参与交替背景：

	第一步——原来这里还有一条
	`.ki-sec-alt .ki-specs .param-table .param-label { background: var(--surface); }`，
	跟参考站一样——落在交替出的灰色区块里时把标签列反转成白色，数值列继续
	透出灰色区块底色。这导致同一个 Parameter 表格，在灰区块和白区块里的配色
	是反过来的（标签/数值哪个灰哪个白会互换），客户觉得不一致。
	改成 param-table 自己直接在 specs-table.css 里给 tbody td 声明白底
	（不再透明），表格内部配色固定为「标签灰、数值白」，不再翻转。

	第二步——客户进一步要求连**区块外围**的底色也统一成白色，不要出现
	表格自己是白/灰对比、但外面一圈区块背景又是灰的"卡片浮在灰底上"的样子。
	参照下面 #learn-more 已有的先例（同样是"这个区块自己的视觉层次够了，
	不需要再跟着奇偶交替"），给 #parameter 也加一条固定 transparent 的例外，
	跟 #learn-more 一起构成"退出交替背景"的白名单。
	这一条不再是参考站的 1:1 复刻。
*/

.ki-sec-alt {
	background: var(--surface-alt);
}

.ki-sec-alt .stat-item[data-astro-cid-oluslq4c],
.ki-sec-alt .component-card[data-astro-cid-oluslq4c] {
	background: var(--surface);
	box-shadow: 0 1px 2px #0000000a;
}

.ki-sec-alt .split-section[data-astro-cid-oluslq4c] {
	background: var(--surface);
}

.ki-sec-alt .split-section[data-astro-cid-oluslq4c] .features-list li {
	background: var(--surface-alt);
}

.ki-sec-alt .prose ul li,
.ki-sec-alt .features-list li,
.ki-sec-alt .process-prose ol li,
.ki-sec-alt .safety-list li {
	background: var(--surface);
	box-shadow: 0 1px 2px #0000000a;
}

/* #learn-more 不参与交替背景——无论奇偶都保持 section 透明、卡片灰色 */
#learn-more.ki-sec-alt {
	background: transparent;
}

/* #parameter（规格表）不参与交替背景——表格自己有灰白对比，外围区块固定白色 */
#parameter.ki-sec-alt {
	background: transparent;
}
#learn-more.ki-sec-alt .learn-link-item {
	background: var(--surface-alt);
	box-shadow: inset 0 -1px 0 0 var(--red);
}
.elementor #learn-more.ki-sec-alt .learn-link-item {
	box-shadow: inset 0 -1px 0 0 var(--red);
}
.elementor #learn-more.ki-sec-alt .learn-link-item:hover {
	box-shadow: inset 0 -4px 0 0 var(--red-dark);
}