/* ==========================================================================
   简体版 / 繁体版 切换入口（单一入口）
   结构：
     .langSwitch[data-lang-switch]
       ├ a.langBtn[data-lang="cn"]  简体版  -> http://cn.epurui.com/
       └ a.langBtn[data-lang="tw"]  繁体版  -> 当前站

   定位：
     - PC：绝对定位到头部右上角（top:6px / right:0），脱离文档流，不参与 flex 布局，
           实测首页 logo 行右侧有 143~209px 空余，入口宽约 114px，不会遮挡 logo 与导航。
     - 移动端（<=768px）：头部右上角被汉堡按钮占用，改为独占一行居中显示在 logo 下方，
           避免与 logo / 汉堡按钮互相挤压。
   ========================================================================== */

/* 定位上下文 */
.myHeader .uk-container {
  position: relative;
}

/* ---------- 胶囊容器 ---------- */
.langSwitch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
  line-height: 1;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* ---------- 按钮 ---------- */
.langSwitch .langBtn {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 15px;
  color: #666;
  text-decoration: none;
  cursor: pointer;
  transition: color .25s, background-color .25s;
}

.langSwitch .langBtn:hover {
  color: #0056cf;
}

/* 当前版本：主色底 + 白字 + 加粗 */
.langSwitch .langBtn.on {
  color: #fff;
  font-weight: 700;
  background: #0056cf;
}

.langSwitch .langBtn.on:hover {
  color: #fff;
}

/* ---------- PC：头部右上角，绝对定位，不占布局 ---------- */
.myHeader .langSwitch {
  position: absolute;
  right: 0;
  top: 6px;
  z-index: 5;
}

/* ---------- 移动端：独占一行居中，放在 logo 下方 ---------- */
@media (max-width: 768px) {

  /* 内页头部 .uk-container 是 flex，需允许换行才能让入口落到下一行 */
  .myHeader .uk-container {
    flex-wrap: wrap;
  }

  .myHeader .langSwitch {
    position: static;
    flex: 0 0 100%;
    justify-content: center;
    margin: 2px 0 8px;
    padding: 3px;
    background: rgba(0, 86, 207, .08);
    box-shadow: none;
  }

  .myHeader .langSwitch .langBtn {
    padding: 6px 16px;
    font-size: 13px;
    line-height: 18px;
  }
}