/* =========================================================================
   NVC 三语界面可读性修正（R12，2026-10-26）
   -------------------------------------------------------------------------
   修复两个体检发现的真实前端缺陷（只叠加覆盖，不改 style.css）：

   1) 繁中/EN 模式下，右下角"找 NVC 陪伴聊聊"浮动按钮文字消失。
      原因：style.css 只写了 `.nfs-companion .nfs-label .tw/.en{display:none}`
      这一条硬隐藏，没有 html[data-lang] 的覆盖规则 → 繁中/EN 时 .zh 被全局隐藏、
      .tw/.en 又被硬隐藏，标签全空，按钮退化成 75px 图标圆钮。
      修法：在桌面断点（>760px）补上语言显隐；≤760px 保持原有"图标按钮"设计。

   2) EN 模式下彩色按钮/彩色卡片/深色区块里的英文被全局灰字覆盖、对比度不足。
      原因：style.css 的 `body .en{color:var(--ink-soft);font-weight:300;...}`
      优先级高于组件自身颜色，把按钮里应继承的白色/深青色也染灰了。
      修法：在这些"靠容器取色"的组件里让 .en 继承容器颜色、字重与行高；
      正文英文的灰色排版风格保持不动。
   ========================================================================= */

/* ---------- 1. 浮动陪伴按钮：三语标签显隐 ----------
   桌面 / iPad 横屏（>768px）显示对应语言文字；
   ≤768px 统一保持"图标按钮"（主题原断点是 760px，这里把 761–768 的空标签也归入移动形态）。 */
@media (min-width: 769px) {
  html[data-lang="tw"] .nfs-companion .nfs-label .tw,
  html[data-lang="en"] .nfs-companion .nfs-label .en {
    display: inline;
  }
  html[data-lang="tw"] .nfs-companion .nfs-label .zh,
  html[data-lang="en"] .nfs-companion .nfs-label .zh {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .nfs-companion {
    height: 46px;
    width: 46px;
    padding: 0;
    justify-content: center;
  }
  .nfs-companion .nfs-label {
    display: none;
  }
  .nfs-companion .nfs-ic {
    width: 30px;
    height: 30px;
    background: transparent;
  }
}

/* ---------- 2. 彩色表面内英文跟随容器色 ---------- */
/* 主题按钮（渐变/青底的主按钮、白底描边的次按钮） */
.btn .en,
.nv-btn .en,
.nv-btn-solid .en,
.nv-btn-outline .en {
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

/* 浮动陪伴入口（青绿水鸭色渐变底 + 白字） */
.nfs-companion .en {
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

/* NVC 四张卡片上的彩色小标签（观察/感受/需要/请求，白字压彩底） */
.nv-bt-label .en {
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* 深色/彩色大区块（紫色渐变订阅盒、底部 CTA、愿景带）内的英文（含 <p class="en"> 形式） */
.sub-box .en,
.final-cta .en,
.vision-band .en {
  color: inherit;
  font-weight: inherit;
}

/* 游戏页四张彩色卡牌：英文与中文一样跟随卡牌自身文字色（其中两张卡是白字压彩底）；
   同时把被全局 body .en(300) 压掉的字重恢复成中文那档（标签/词 700，描述 400） */
.gcard .en {
  color: inherit;
}
.gcard .gc-label.en,
.gcard .gc-word.en {
  font-weight: 700;
}
.gcard .gc-desc.en {
  font-weight: 400;
}

/* 跳转正文链接（聚焦时才显示，白字压深青底） */
.nv-skip-link .en {
  color: inherit;
  font-weight: inherit;
}

/* 移动端弹出菜单里的 CTA（白字压深色底） */
.mobile-menu .mm-cta .en {
  color: inherit;
  font-weight: inherit;
}