/* ============================================================
   fix-header-v1.css — 英文版窄视口导航溢出修复
   问题：EN 导航文字总长约 985px，1051–1600px 视口下桌面导航
        放不下，.header-actions 被推出视口，页面出现 ~260px
        横向滚动条（首页等所有页面顶部布局被撑破）
   方案：EN 在该区间复用站内 ≤1050px 的汉堡菜单行为，
        中文版不受影响（中文 10 项在 ≥1070px 均可放下）
   ============================================================ */

@media (min-width: 1051px) and (max-width: 1600px) {
  html[lang="en"] .mobile-menu-button { display: inline-flex; }

  html[lang="en"] .main-nav {
    position: fixed;
    top: 72px;
    right: 20px;
    left: 20px;
    display: none;
    max-height: calc(100vh - 96px);
    overflow-y: auto;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px;
    border: 1px solid var(--line, #d9e7f6);
    border-radius: 12px;
    background: #fff;
    box-shadow: var(--shadow, 0 14px 34px rgba(36, 93, 160, 0.14));
  }
  html[lang="en"] .main-nav.is-open { display: flex; }

  html[lang="en"] .main-nav .nav-item { width: 100%; }
  html[lang="en"] .main-nav .nav-item > a {
    height: 46px;
    justify-content: space-between;
  }
  html[lang="en"] .main-nav .nav-item > a::after,
  html[lang="en"] .main-nav .dropdown:not(.product-mega-menu) { display: none; }

  html[lang="en"] .header-inner { gap: 16px; }
  html[lang="en"] .header-actions { min-width: auto; }
}

/* ============================================================
   首页 hero-rail 修复（2026-09-24）
   问题：站内规则 .carousel-hero .hero-rail{position:relative;z-index:3}
        把 .hero-rail 原本的 position:absolute（右缘竖排装饰轨道）
        覆盖成 relative，轨道掉进文档流横铺整行，且被 right:20px
        相对偏移推出屏幕左缘 —— 首屏左下角露出残缺英文
        （NNECT / ORE / ELLIGENCE）
   方案：仅恢复 absolute 定位，其余样式沿用站内原规则；
        ≤780px 移动端站内本就 display:none，不受影响
   ============================================================ */

.carousel-hero .hero-rail { position: absolute; }

/* 同一处受害者②：轮播指示器 .hero-dots
   原设计 position:absolute; bottom:30px; left:50%; translate(-50%) → 首屏底部居中
   被同一条规则改成 relative 后：left:50% 变成相对位移（向右 50%），
   叠加自身 translate(-50%)（全宽 1249px → -624.5px）后相互抵消，
   圆点退回容器左缘 → 全挤到左下角
   修复：恢复 absolute，位置交还给站内原规则 */
.carousel-hero .hero-dots { position: absolute; }