/* ==================================================================
   大屏布局增强（全站通用，≥1920px 生效）
   ------------------------------------------------------------------
   背景：styles.css 原用 @media + @supports + zoom 把 body 锁 1920px
        再整体缩放。此处将其停用，改为主流响应式方案：
   - 内容列与导航统一 1200px（原始宽度，大屏不放大，两侧留白自然增多）
   - 文字/字号保持自然大小，间距由各组件自身 clamp 控制
   - 轮播、视频等全宽视觉背景不受影响
   备注：≥2560px（4K）保持同样数值，留白自然增多，不做二次放大。
   ================================================================== */

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

	/* 1) 停用 zoom 整体缩放 */
	html {
		container-type: normal;
	}

	:root {
		/* 解除 1920px 锁定；各字号 clamp 均有上限封顶，文字保持自然大小 */
		--layout-vw: 100vw;
	}

	body {
		width: auto;
		zoom: 1;
	}

	/* 2) 导航与内容列统一锚定 1200px
	   —— 1200px 即站点原始设计内容宽度：大屏不再放大，两侧留白自然增多。
	      如需调整大屏内容宽度，只改这一段数值即可（全站同一锚点）。
	      .main-wrap（媒体中心列表页主体列）原为 width: 60%（base.css --wrap），
	      1920px 屏约 1152px 与导航接近，但 2560/3840px 屏会外扩到 1536/2304px，
	      超出导航与页脚的 1200px；此处一并锚定，8 个媒体中心列表页同步生效。 */
	.nav-container,
	.main-wrap,
	.content,
	.content-left,
	.content p,
	.content-left p,
	.container,
	.title-section,
	.values-section__inner,
	.analysis-container,
	.analysis-container-h,
	.page-faq__inner {
		max-width: 1200px;
	}

	.tool-container {
		width: min(1200px, calc(100% - 48px));
	}

	/* 图文行 / FAQ 内层原本是百分比宽度（60%~70%），在 1920px 屏约 1152px，
	   且屏幕越宽会越宽（2560px 屏达 1536px）。此处统一改为 1200px 固定，
	   与导航、footer 对齐同一条竖线，屏幕再宽也不外扩。 */
	.analysis-container,
	.analysis-container-h,
	.page-faq__inner {
		width: min(1200px, calc(100% - 40px));
	}

	/* 首页产品卡片区：例外项，不受 1200px 内容列约束。
	   —— 卡片为整屏通铺的两列网格，两列各占一半；高度由
	      large-screen-index.css 按 34vw / 42vw 等比放大。 */
	.device-container {
		max-width: none;
	}

	/* 首页三大软件平台卡片区：同样为例外项，不受 1200px 内容列约束，
	     三列各占三分之一、整屏通铺 */
	.homepage-solution-cards {
		width: 100%;
	}

	.footer-container {
		width: min(80%, 1200px);
	}

	/* 3) 产品页图文卡片（.product-showcase > .content-wrapper）
	   —— 背景图保持全宽（.bg-img 为绝对定位 100%×100%，只随卡片走，
	      不受内边距影响）；文字区对齐 1200 内容列。
	      原写法：卡片 padding 40px + .text-section-left 的
	      clamp(100px, 19vw, 650px)，1920px 屏文字起点 ≈ 40 + 365 = 405px。
	      现改为：左右各留 (100%-1200px)/2，文字再内缩 45px ——
	      1920px 屏 = 360 + 45 = 405px，与原设计像素级一致；
	      屏幕更宽时随内容列同步右移，不再越跑越偏。 */
	.product-showcase > .content-wrapper {
		padding-left: calc((100% - 1200px) / 2);
		padding-right: calc((100% - 1200px) / 2);
	}

	.product-showcase .text-section-left {
		padding-left: 45px;
	}
}