/* en.css — 英文站排版适配（T4）
   原则：只做「字体族 / 行高 / 字距 / 中文排版特有属性重置」，不改变任何布局尺寸。
   （宽度、栅格、间距、定位一律沿用中文站的全局样式，避免英文页与中文页视觉输出冲突。） */

/* 1) 字体族：中文字体族 → 英文界面字体族 */
body,
.w1140,
div, p, td, th, li, span, a, input, textarea, select, button {
	font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 2) 行高与字距：英文比中文需要略松的行高、并去掉中文的字距处理 */
body { line-height: 1.65; letter-spacing: normal; }
p, li, td, th { line-height: 1.7; }

/* 3) 中文排版特有属性重置（这些属性对英文段落会产生不自然的拉伸/断词） */
/* 注意（2026-09-13 线上回归教训）：**此处不得写 text-align**。
   站内大量元素用老式表现性提示属性居中（如 <p align="center"> 包图片），
   按 CSS 规范表现性提示的优先级低于**任何**作者样式表声明，
   因此一条 `text-align: inherit/left` 就会把 align="center" 整体压掉——
   表现为"中文版图片居中、英文版图片左对齐"（product6.html 等页实测）。
   曾在此处写过 `text-align: inherit`，已删除。 */
body, p, div, td, th, li {
	text-justify: auto;
	word-break: normal;
	overflow-wrap: break-word;
}
p { text-indent: 0; }

/* 4) 标题：英文标题比中文更长，仅收紧字距、不加粗到改变行盒 */
h1, h2, h3, h4, h5 { letter-spacing: -0.01em; }

/* 5) 表单与按钮：英文标签宽度与中文不同，仅统一基线对齐 */
input, textarea, button, select { font-size: 14px; line-height: 1.5; }

/* 6) 长英文串（型号、URL、邮箱）不许撑破容器 */
code, .email, .model { word-break: break-word; }

/* 7) 例外（2026-09-13 线上视觉回归）：首页「Products / Case Studies」两区条目等高对齐。
   本文件其余规则一律不改布局尺寸，此处是**唯一例外**，原因与边界记录如下：
   · 两区是 float:left 栅格，卡片高度 = 标题 + 文案行数 + 按钮；中文文案短，天然等高；
     英文译文更长（产品区最长 7 行、案例区最长 3 行），个别卡片被撑高后整行浮动错位
     （修复前实测：产品区第 2 行首项右移到 x=1228，案例区第 3/4 行整行偏移 x=938/1228/406/696）。
   · 修法只统一「文案块 dd 的最小高度」，使同区卡片等高、按钮同处一条水平线；
     不改宽度、栅格、间距、定位，因此与中文站视觉零关系（本文件仅英文页加载）。
   · 选择器用首页独有的 .index-h2 作兄弟限定 → **只作用于首页**（全站另有 16 个页面使用
     .index-dl，它们没有 .index-h2，不受影响）；纯 CSS、不依赖 :has()，也不会被页面重建覆盖。
   · 维护提示：英文文案若后续加长，按实测行高同步抬高下面的数值（产品区 26px/行，案例区 19.8px/行），
     并在浏览器复核同行条目高度是否一致。 */
.index-h2 ~ .index-dl dd  { min-height: 202px; }  /* 产品区：最长 7 行（7×26=182）+ 上下内边距 20 */
.index-h2 ~ .index-dl2 dd { min-height: 74px; }   /* 案例区：最长 3 行（3×19.8≈59）+ 下内边距 15 */

/* 8) 联系页百度地图控件的中文标签（EN 专属）：地图比例尺控件显示中文（如「500 米」）。
   地图瓦片上的地名由百度底图提供、无法本地化，但控件标签可以隐藏；
   版权/logo 控件按百度地图服务条款保留，不隐藏。 */
.BMap_scaleCtrl { display: none !important; }

/* 7b) 同一根因的第二个缺陷：产品卡标题被裁。
   基础样式给 dt 设了 height:40px + line-height:40px（中文标题一行放得下），英文标题较长时
   第二行被裁掉（实测被裁 3 项：「Unified Control Platform (iSwiftMedia)」、
   「Satellite Uplink Vehicle Monitoring System」、「One-Key Satellite Acquisition System」，
   scrollHeight 80 vs clientHeight 40）。此处让标题区可换行并等高（同区标题区同高 → 卡片仍等高），
   同时把原位于 194px 处的小箭头图标挪到右下角，避免与第二行文字重叠。 */
.index-h2 ~ .index-dl dt {
	height: auto;
	min-height: 60px;                 /* 容纳最长两行标题（2×20 + 上下内边距 20） */
	line-height: 20px;
	padding: 10px 40px 10px 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-position: right 12px bottom 12px;
}