/* 英文站补充样式（在 site.css / pages.css 之后加载） */

/* 字体：正文 Inter、标题 Barlow（DIN 风格，与数字字体同一路工业气质，字面窄、英文长标题更省宽度）。
   全部自托管在 /static/fonts（只含西文字符，SIL OFL 授权，见同目录 OFL-*.txt），不从 Google 加载：
   欧盟访客的 IP 不会因为加载字体传给第三方（GDPR），国内访问也不受影响。 */
@font-face{font-family:"Inter Variable";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter-latin-wght.woff2?v=3100e775) format("woff2-variations"),url(/static/fonts/inter-latin-wght.woff2?v=3100e775) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/barlow-latin-600.woff2?v=4b52ddd4) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/barlow-latin-700.woff2?v=2d797dd8) format("woff2")}
/* 数据卡大数字 Barlow Condensed 的 @font-face 在中文站 pages.css（两站共用同一文件） */
:root{
  --sans:"Inter Variable","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --head:"Barlow","Inter Variable","Segoe UI",system-ui,sans-serif;
}
body{line-height:1.55} /* 拉丁字母同样行高比中文松散：正文 1.55（中文站 1.75）；各组件的较松行高见文末生成区 */
h1,h2,h3{font-family:var(--head);letter-spacing:0}
/* Barlow 字重 600/700：原样式里 500 的标题按 600 显示，避免回落到合成粗体 */
h1,h2,h3{font-synthesis:none}
/* 页脚栏目标题、职位详情小标题原为 h4（按正文字体显示），为标题层级连续改成 h2/h3 后保持原字体 */
.fcol h2,.job h3{font-family:var(--sans);font-synthesis:weight}

/* 英文栏目名比中文长，中等宽度下给导航多让一些位置 */
.lang-g span{white-space:nowrap}
@media (max-width:1240px){
  .mi>a{padding:0 7px;font-size:14px;gap:3px}
  .hd-r{gap:8px;margin-left:4px;padding-left:10px}
  .lang-g{padding:0 8px}
}
@media (max-width:1140px){
  .mi>a{padding:0 5px;font-size:13.5px}
  .lang-g svg{display:none}
}

/* 页脚：英文栏目名长，品牌区（Logo、热线、地址）改为顶部横排，下方四列链接占满整行 */
@media (min-width:961px){
  .ft{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 40px}
  .fbrand{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:56px;align-items:start;border-right:0;margin-right:0;padding:0 0 32px;border-bottom:1px solid rgba(255,255,255,.08)}
  .fbrand img,.ftag{grid-column:1}
  .ftag{margin-bottom:0}
  .fkv{grid-column:2;grid-row:1/3;display:flex;gap:40px;max-width:none;padding:18px 28px}
  .fkv>div+div{margin-top:0;padding-top:0;border-top:0;padding-left:40px;border-left:1px solid rgba(255,255,255,.07)}
  .fkv dd{max-width:24em}
}

/* 无实拍图时的行业占位图：英文行业名较长，字号与字距收小、居中，小缩略图里也能整齐显示 */
.cph i{font-family:var(--head);font-size:clamp(18px,1.8vw,26px);letter-spacing:.04em;line-height:1.15;text-align:center;padding:0 12%}
.cph.big i{font-size:clamp(24px,2.4vw,34px)}
.cl .cph i{font-size:14px;letter-spacing:.03em;padding:0 10px}
/* 通栏下拉：英文名称较长，左栏收窄、子栏目字号略小，给三列让出宽度 */
.dd-in{grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:40px}
.dd-t>span{font-size:14.5px}

/* 联系页办公地址：英文网点名较长，与地址并排会把地址挤成窄列；改为名称在上、地址通栏在下（中文站仍并排） */
.addr{display:block}
.addr li{display:block}
.addr b{white-space:normal;margin-bottom:3px}
.addr span{display:block}

/* ===== BEGIN 英文站行高收紧（scripts/en_line_height.py 生成，勿手改） ===== */
.sc li{line-height:1.65}
.pz-tx p{line-height:1.5}
.dd-p{line-height:1.55}
.st2 li{line-height:1.65}
.prose{line-height:1.65}
.prose table{line-height:1.5}
.svc-list span,.svc-list li>p{line-height:1.55}
.tl-i span{line-height:1.5}
.timeline .ev b{line-height:1.5}
.step span{line-height:1.55}
.pd .pt p{line-height:1.55}
.d-p{line-height:1.65}
.hl li{line-height:1.55}
.pain li{line-height:1.55}
.loc span{line-height:1.5}
.faq-a{line-height:1.6}
.pg-hero p{line-height:1.6}
.ftag{line-height:1.55}
.fkv dd{line-height:1.55}
.tl-hi span{line-height:1.5}
.tl2-card p{line-height:1.6}
.pol-b{line-height:1.6}
.tg,.meta em,.cg .meta em,.sol-t em,.pz-tags span{line-height:1.5}
.svc-links span{line-height:1.55}
.sc-flow span{line-height:1.55}
.sc-g li span{line-height:1.5}
.sc-caps span{line-height:1.5}
.svp-body>p{line-height:1.6}
.svp-ops-l span{line-height:1.55}
.sd-lead{line-height:1.6}
.sd-pain li{line-height:1.55}
.cd-ov{line-height:1.65}
.cd-kv dd{line-height:1.55}
.sd.dark .hl.lead span{line-height:1.55}
.pl p{line-height:1.55}
.pd-pos.xl{line-height:1.65}
.pd-blk p{line-height:1.6}
@media (max-width:560px){
.pg-hero p{line-height:1.55}
}
@media(max-width:560px){
.st2 li{line-height:1.55}
}
/* ===== END 英文站行高收紧 ===== */

/* 首页合作伙伴：英文说明较长，字号收小一档保持一行（中文站 22px） */
.ptn .lab{font-size:18px}
/* 首屏标题：长句限宽后在词间自然折行；手机字号小一档 */
/* 英文按单词自然折行（无需像中文那样在后台用回车指定断行），text-wrap:balance 让各行长短均衡 */
@media(min-width:561px){body.home .slide h1,body.home .slide h2{max-width:21em;text-wrap:balance}}
@media(max-width:560px){.slide .tag,.slide h1,.slide h2{font-size:22px}}
/* 英文站无服务热线：菜单抽屉里「Contact Us」按钮通栏 */
@media (max-width:1080px){.dr-cta{grid-column:1/-1;width:100%}}
/* 英文站无热线：售后页深色「Fast Response」卡的底纹用闪电（中文站为耳机） */
.svp-as .svc-list li:first-child::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='.9' stroke-linejoin='round'><path d='M13.5 2.5 5 13.5h6.5l-1 8 8.5-11h-6.5z'/></svg>");right:-10px;top:-24px;transform:rotate(10deg)}
/* 英文站页脚 logo 在栏目上方、贴栅格线，不用中文站为对齐热线框做的 22px 偏移 */
.fbrand>img,.fbrand .ftag{margin-left:0}
/* 共用 pages.css 里 CSS content 写死的中文，英文站改写（甲方 11/11：大事记最后一项角标显示「最新」） */
.tl2-i:last-child .tl2-card::after{content:"LATEST";letter-spacing:.08em}
.ind2.noimg .ind2-n::after{content:none}
@media(max-width:560px){.pgroup::before{content:"Swipe"}}