/* ===========================================================================
   AIMS · 英文版排版校正
   ---------------------------------------------------------------------------
   中文按字排版，英文按词排版：同样一句话英文通常宽 1.6~2 倍。
   这里只在 html[data-lang="en"] 下收字号、放行宽、改断行，
   中文视觉稿完全不受影响。
   =========================================================================== */

html[data-lang="en"] {
  /* 英文正文用系统 UI 字体栈，避免落到中文字体的西文字形上 */
  --en-body: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* 英文标题沿用站点 --head（General Sans），但去掉中文字体回退，
     避免西文字形落到「微软雅黑」上。必须在此定义：CSS 自定义属性
     若未声明，var() 会让整条 font-family 声明失效并回落到继承字体。 */
  --en-head: "General Sans", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* ---------- 顶部导航：条目变长，收字号与间距保证单行不换行 ----------
   注意：site-footer.css 对 nav / .nav-right / .nav-right .btn 的
   gap、padding、font-size 全部加了 !important，这里必须同样标注才能压过去。 */
/* nav 容器固定 max-width:1360px，再宽的屏幕也不会变宽，
   所以英文一律用紧排，不需要按视口分档。 */
html[data-lang="en"] .nav-links {
  gap: 13px;
  font-family: var(--en-body);
  font-size: 12.5px;
}
html[data-lang="en"] .nav-links > a,
html[data-lang="en"] .nav-item > a {
  white-space: nowrap;
}
html[data-lang="en"] nav { gap: 16px !important; }
html[data-lang="en"] .nav-right { gap: 8px !important; }
html[data-lang="en"] .nav-right .btn {
  padding: 9px 13px !important;
  font-size: 12.5px !important;
}

/* 大菜单标题两行、字号略收，避免撑破 390px 容器 */
html[data-lang="en"] .mega-promo h3 {
  max-width: 420px;
  font-family: var(--en-body);
  font-size: 25px;
  line-height: 1.32;
}
/* 行高必须保持 28px：市场产品第三列 .market-extra 没有 h4，
   靠 padding-top:48px（28 行高 + 10 下边距 + 10 栅格间距）跟第二列对齐，
   改行高会让那一列整体错位。这里只收字号。 */
html[data-lang="en"] .nav-menu-col h4 {
  font-family: var(--en-body);
  font-size: 16px;
  line-height: 28px;
}
html[data-lang="en"] .nav-menu-col a { line-height: 1.45; }

/* ---------- Hero ---------- */
/* 中文口号是 6 字 × 2 组的等距点阵，英文改成两行左右居中的整句 */
html[data-lang="en"] .hero-image-slogan {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: min(88vw, 760px);
  font-family: var(--en-body);
  font-size: clamp(18px, 1.55vw, 26px);
  letter-spacing: .06em;
  line-height: 1.28;
  white-space: normal;
  text-transform: uppercase;
}
html[data-lang="en"] .hero-image-slogan .phrase { display: block; }
html[data-lang="en"] .hero-image-slogan .phrase > span { display: inline; }

html[data-lang="en"] .hero-tag {
  font-family: var(--en-body);
  font-size: clamp(19px, 2.75vw, 44px);
  line-height: 1.12;
  letter-spacing: 0;
}

@media (max-width: 560px) {
  html[data-lang="en"] .hero-image-slogan {
    display: flex;
    grid-template-columns: none;
    width: min(84vw, 320px);
    gap: 4px;
    font-size: clamp(12px, 3.4vw, 15px);
    letter-spacing: .03em;
  }
  html[data-lang="en"] .hero-tag { font-size: 21px; max-width: 320px; }
}

/* ---------- 数据条：英文标签比中文长一倍，收字号并允许折行 ---------- */
html[data-lang="en"] .statbar .lab {
  font-family: var(--en-body);
  font-size: 13.5px;
  letter-spacing: .06em;
  line-height: 1.3;
}
html[data-lang="en"] .statbar .num { font-size: 40px; }
html[data-lang="en"] .statbar .cell { padding: 30px 16px; }

@media (max-width: 560px) {
  html[data-lang="en"] .statbar .num { font-size: 30px; }
  html[data-lang="en"] .statbar .lab { font-size: 12px; }
}

/* ---------- 段落标题与导语 ---------- */
html[data-lang="en"] .sec h2,
html[data-lang="en"] .endcta h2 {
  font-family: var(--head), var(--en-body);
  font-size: 42px;
  line-height: 1.15;
  text-wrap: balance;
}
html[data-lang="en"] .sec .lead {
  font-family: var(--en-body);
  font-size: 17px;
  line-height: 1.6;
  max-width: 720px;
}

@media (max-width: 1024px) {
  html[data-lang="en"] .sec h2,
  html[data-lang="en"] .endcta h2 { font-size: 32px; }
}
@media (max-width: 560px) {
  html[data-lang="en"] .sec h2,
  html[data-lang="en"] .endcta h2 { font-size: 27px; }
}

/* ---------- 三宫格卡片 ---------- */
html[data-lang="en"] .featcard h3 {
  font-family: var(--en-body);
  font-size: 20px;
  line-height: 1.3;
  text-wrap: balance;
}
html[data-lang="en"] .featcard p {
  font-family: var(--en-body);
  font-size: 14.5px;
  line-height: 1.6;
}

/* ---------- 圆形产品卡：英文文案更长，收字号 + 放宽内边距 ---------- */
html[data-lang="en"] .prodcard { padding: 38px 26px; }
html[data-lang="en"] .prodcard h3 {
  font-family: var(--en-body);
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 8px;
  text-wrap: balance;
}
html[data-lang="en"] .prodcard p {
  font-family: var(--en-body);
  font-size: 13px;
  line-height: 1.5;
  text-wrap: pretty;
}
@media (max-width: 1024px) {
  html[data-lang="en"] .prodcard { padding: 32px 24px; }
}

/* ---------- MT4 / MT5 ---------- */
/* 标题带行内 font-size:44px，英文三行会顶穿版块，必须用 !important 压过去 */
html[data-lang="en"] .platform h2 {
  font-size: 34px !important;
  line-height: 1.16;
}
html[data-lang="en"] .sys-list .it {
  font-family: var(--en-body);
  font-size: 15px;
}
@media (max-width: 1024px) {
  html[data-lang="en"] .platform h2 { font-size: 29px !important; }
}

/* ---------- 奖项卡：标题最多三行，给足高度不挤压年份 ---------- */
html[data-lang="en"] .awardgrid .award { flex-basis: clamp(210px, 18vw, 244px); }
html[data-lang="en"] .award h4 {
  font-family: var(--en-body);
  min-height: 3.9em;
  font-size: 14px;
  line-height: 1.32;
}
html[data-lang="en"] .award p { font-family: var(--en-body); font-size: 12px; }

/* ---------- 结尾 CTA ---------- */
html[data-lang="en"] .endcta p {
  font-family: var(--en-body);
  font-size: 17px;
  line-height: 1.6;
  max-width: 660px;
}
/* 中文用的"交易潜力。"防断词在英文里没有意义 */
html[data-lang="en"] .endcta-no-break { white-space: normal; }

/* ---------- 页脚 ---------- */
html[data-lang="en"] .site-footer__column h5,
html[data-lang="en"] .site-footer__column a,
html[data-lang="en"] .site-footer__legal p,
html[data-lang="en"] .site-footer__copyright {
  font-family: var(--en-body);
}
html[data-lang="en"] .site-footer__column a { line-height: 1.45; }
html[data-lang="en"] .site-footer__legal p { text-align: left; }

/* ---------- 移动端菜单 ---------- */
html[data-lang="en"] .mobile-menu-main a,
html[data-lang="en"] .mobile-submenu summary,
html[data-lang="en"] .mobile-submenu-links a,
html[data-lang="en"] .mobile-menu-col h4 {
  font-family: var(--en-body);
}
html[data-lang="en"] .mobile-submenu summary { line-height: 1.35; }


/* ===========================================================================
   关于 AIMS（about.html） / 监管与合规（regulation.html）
   =========================================================================== */

/* ---------- 内页 banner 标题 ---------- */
/* 中文是「引领全球交易 / 共创无限可能」两段等长短句，英文长度差一倍，
   收字号并允许每行内部折行 */
html[data-lang="en"] .hero-title-line,
html[data-lang="en"] .banner-title-line {
  font-family: var(--en-head);
  font-size: clamp(30px, 3.6vw, 52px);
  line-height: 1.12;
  letter-spacing: -0.01em;
}
html[data-lang="en"] .hero-lead,
html[data-lang="en"] .banner-lead {
  font-family: var(--en-body);
  font-size: 17px;
  line-height: 1.62;
  max-width: 52ch;
}
/* h1 是 display:grid + justify-items:start，隐式列按 max-content 定宽，
   中文每行 6 字撑不破容器，英文整句会把列拉到 440px 顶出屏幕。
   显式给一条 minmax(0,1fr) 轨道，行内才能正常折行。 */
html[data-lang="en"] .page-hero .hero-copy h1,
html[data-lang="en"] .page-hero .banner-copy h1 {
  grid-template-columns: minmax(0, 1fr);
  white-space: normal;
}
html[data-lang="en"] .hero-title-line,
html[data-lang="en"] .banner-title-line {
  max-width: 100%;
  white-space: normal;
}

/* 左列宽 519px。中文每行 6 个字单行放得下，英文整句放不下。
   试过把左列放宽到 660px 让它维持两行，但第二行右缘会顶到 58%，
   压上背景图里的 AIMS 主视觉（主视觉左缘约在 52%）。
   因此保留原栏宽，字号维持 42px，让英文自然折成三行——
   文字右缘始终在 43% 以内，与主视觉留出安全距离。 */
@media (min-width: 901px) {
  html[data-lang="en"] .hero-title-line,
  html[data-lang="en"] .banner-title-line {
    font-size: clamp(32px, 2.95vw, 42px);
  }
}

/* ---------- 五格数据条（内页比首页多一格，更挤） ---------- */
html[data-lang="en"] .stats .statbar .lab {
  font-size: 11px;
  line-height: 1.35;
  letter-spacing: 0.04em;
}
html[data-lang="en"] .stats .statbar .cell { padding: 26px 10px; }

/* ---------- 关于页：正文与大事记 ---------- */
html[data-lang="en"] .story-copy p {
  font-family: var(--en-body);
  font-size: 15.5px;
  line-height: 1.72;
}
html[data-lang="en"] .region-metric .metric-label {
  font-family: var(--en-body);
  font-size: 15px;
  line-height: 1.3;
}
/* 三个指标格等分 560px 容器（每格净宽约 141px），strong 又是 white-space:nowrap。
   中文「18万」只有 3 个字符，英文 180000 是 6 位数，原字号会横向顶出格子。
   两档一起收：普通格略降，六位数的宽格再降一档，视觉落差才不明显。 */
html[data-lang="en"] .region-metric strong {
  font-size: clamp(30px, 2.6vw, 40px);
}
/* 宽格实测：容器 max-width:560px 封顶后每格内容宽固定 114px，
   「180,000+」在 28px 时刚好触边，取 26px 留出余量。 */
html[data-lang="en"] .region-metric.is-wide strong {
  font-size: clamp(22px, 1.8vw, 26px);
}
html[data-lang="en"] .value-card h3 {
  font-family: var(--en-head);
  font-size: 19px;
  line-height: 1.3;
}
html[data-lang="en"] .value-card p,
html[data-lang="en"] .vision-copy p,
html[data-lang="en"] .time-body p {
  font-family: var(--en-body);
  font-size: 15px;
  line-height: 1.66;
}
/* 大事记条目英文更长，给正文列留出更多宽度 */
html[data-lang="en"] .time-body p { max-width: 68ch; }

/* ---------- 监管页：机构名卡片 ---------- */
/* 中文机构名固定 11-12 字，原样式用 white-space:nowrap 保证单行居中；
   英文全称（含括号缩写）最长 67 字符，必须放开折行，否则被卡片
   overflow:hidden 直接截断。min-height 保留，三张卡仍能对齐。 */
html[data-lang="en"] .license-card h3 {
  white-space: normal;
  font-family: var(--en-head);
  font-size: 16px;
  line-height: 1.36;
  letter-spacing: 0;
  text-wrap: balance;
  padding: 0 4px;
}
/* 放开折行后三个机构名分别占 2/2/3 行，国旗会跟着高低不齐。
   改用列向 flex 把国旗顶到卡片底部——三张卡在栅格里等高，
   国旗自然对齐，且不必给两行的卡片硬塞三行的留白。 */
html[data-lang="en"] .license-card {
  display: flex;
  flex-direction: column;
}
html[data-lang="en"] .license-card .country-flag { margin-top: auto; }

/* ---------- 监管页：合规简介与特性卡 ---------- */
html[data-lang="en"] .reg-copy p {
  font-family: var(--en-body);
  font-size: 15.5px;
  line-height: 1.72;
}
html[data-lang="en"] .reg-feature h3 {
  font-family: var(--en-head);
  font-size: 18px;
  line-height: 1.3;
}
html[data-lang="en"] .reg-feature p {
  font-family: var(--en-body);
  font-size: 14.5px;
  line-height: 1.6;
}

/* ---------- 监管页：FAQ ---------- */
html[data-lang="en"] .faq-question > span:first-child {
  font-family: var(--en-head);
  font-size: 17px;
  line-height: 1.4;
}
html[data-lang="en"] .faq-answer p {
  font-family: var(--en-body);
  font-size: 15px;
  line-height: 1.72;
}

/* ---------- 两页共用的结尾 CTA ---------- */
html[data-lang="en"] .cta-box h2 {
  font-family: var(--en-head);
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.18;
  text-wrap: balance;
}
html[data-lang="en"] .cta-box p {
  font-family: var(--en-body);
  font-size: 16px;
  line-height: 1.62;
}

/* ---------- 窄屏专项 ---------- */
@media (max-width: 560px) {
  /* 内页 banner 标题：英文整句必须能折行，字号再收一档 */
  html[data-lang="en"] .hero-title-line,
  html[data-lang="en"] .banner-title-line {
    font-size: clamp(26px, 7.4vw, 34px);
    line-height: 1.16;
  }
  html[data-lang="en"] .hero-lead,
  html[data-lang="en"] .banner-lead { font-size: 15px; }

  /* 全球布局三个指标：三等分栅格每格净宽约 82px，
     中文「18万」两字符放得下，英文 180000 是六位数会顶出格子，
     因此单独把宽格的数字再收一档。 */
  html[data-lang="en"] .region-metric strong {
    font-size: clamp(26px, 7.5vw, 34px);
  }
  html[data-lang="en"] .region-metric.is-wide strong {
    font-size: clamp(17px, 5.2vw, 24px);
  }
  html[data-lang="en"] .region-metric .metric-label { font-size: 12.5px; }

  /* 监管页机构名在窄屏本就是折行的，只需收字号 */
  html[data-lang="en"] .license-card h3 { font-size: 15px; }
}