/* ==================================================================
   大屏布局增强 —— 首页专用（仅 index.html / en/index.html 引入）
   ------------------------------------------------------------------
   配合 large-screen.css（全站通用规则）使用，只放"首页独有组件"的
   高度与间距规则，避免误伤其他页面的同名类（如产品页的 .content-wrapper
   有自己的 clamp 高度与绝对定位背景图）。
   要点：容器内若有 height:100% 的子元素（轮播 img、方案卡片），
        必须给容器确定高度，不可用 height:auto + min-height。
   ================================================================== */

@media screen and (min-width: 1920px) {

	/* 轮播：高度统一基准 --section-h（唯一定义点见 styles.css 末尾）。
	   再与 calc(100vh - 72px)（顶部导航 margin）取 min：
	   真实浏览器 1920x1080 视口约 940px，46vw 的 883px + 72px = 955px 会把
	   底部指示点挤出首屏；min 保证轮播连同指示点始终完整落在首屏内。
	   min 里 vh 只在视口偏矮（宽≈1920、zoom≈1）时才胜出，>1920 大屏
	   仍由 46vw/clamp 决定，行为与之前完全一致，不受 body zoom 影响。 */
	.carousel-container {
		height: min(var(--section-h, 1080px), calc(100vh - 72px));
	}

	/* 首页视频/图文区：800px -> 温和放大，封顶 900px */
	.content-wrapper {
		height: clamp(680px, 42vw, 900px);
	}

	/* 首页图文行：解除 800px 高度上限 */
	.analysis-container {
		max-height: none;
	}

	/* 首页产品行垂直间距：原 calc(8vw) 无上限 -> clamp 封顶 */
	.product-container {
		padding: clamp(96px, 6vw, 144px) 0;
	}

	/* 首页产品卡片区：整屏通铺、两列平分，高度按视口等比放大，
	   保持与 1920 设计稿一致的卡片比例（≈945×650），避免封面图被过度裁切。 */
	.device-card {
		min-height: 34vw;
	}

	.device-card-P6 {
		min-height: 42vw;
	}

	/* 三大方案区：740px -> 温和放大，封顶 920px */
	.homepage-solutions-container {
		height: clamp(740px, 38.542vw, 920px);
		padding: clamp(64px, 4.167vw, 96px) 20px;
	}
}