/* ============================================================
   手动修改覆盖层 — 独立于 style.css
   作用: style.css 可能被 zip 恢复/整体覆盖而丢失手工修改,
   本文件是最后加载的补充层, 恢复流程不会触碰它。
   新的手工修改统一写在这里, 不要改回 style.css。
   ============================================================ */

/* 移动端首页标题行: 标题上下留白对称 10px
   (替代 style.css 的 209px 固定高 + 标题贴顶, 2026-09-29) */
.m-titlerow {
  height: auto !important;
  padding: 10px 0 !important;
}
.m-title {
  position: static !important;
  margin: 0 auto !important;
  height: auto !important;
}

/* ------------------------------------------------------------
   移动端抽屉菜单 (2026-09-29)
   style.css 的 .m-menu > li > a 匹配不到真实 DOM (li 外多一层 <ul>),
   菜单一直回退浏览器默认样式 (小字/左对齐/紧排), 子菜单则是另一套
   16px 小字样式。此处按真实结构重写, 对齐参考稿:
   全部条目 (含子菜单) 20px Barlow 200 黑字水平居中, 行距 50px 一致,
   箭头位于文字右侧留白处, 展开时翻转。
   注意: 抽屉挂在 body 根节点 (main.js 移出 zoom 容器), 这里是真实 px。
   ------------------------------------------------------------ */
.m-menu ul > li > a,
.m-menu .m-item-head > a {
  display: flex; align-items: center; justify-content: center;
  height: 50px; padding: 0;
  font-family: 'Barlow', sans-serif; font-weight: 200;
  font-size: 20px; line-height: normal; color: #000000; text-align: center;
}
.m-item-head { position: relative; display: block; height: 50px; }
.m-item-head .m-arrow { position: absolute; right: 36px; top: 50%; margin-top: -18px; }
.m-menu li.open .m-arrow { transform: rotate(180deg); }

/* ---- 中英语言切换 ---- */
/* 语言切换: 双段开关 (当前语言白底高亮, 点另一段切换); 与 Login 间距 32px */
.lang-top, .m-lang {
  display: inline-flex; align-items: center;
  border: 1px solid rgba(255, 255, 255, .5); border-radius: 19px; overflow: hidden;
}
.lang-top { position: absolute; right: 133px; top: 16px; height: 37px; z-index: 10; }
.lang-top .seg, .m-lang .seg {
  display: inline-flex; align-items: center; justify-content: center;
  height: 100%; padding: 0 15px;
  font: 600 13px/1 barlow, sans-serif; letter-spacing: .4px; text-decoration: none;
}
.lang-top .lang-cur, .m-lang .lang-cur { color: #000000; background: #FFFFFF; }
.lang-top .lang-other, .m-lang .lang-other { color: #FFFFFF; }
.lang-top .lang-other:hover, .m-lang .lang-other:hover { background: rgba(255, 255, 255, .14); }
.m-lang { height: 34px; }
.m-lang .seg { padding: 0 13px; }
.m-lang-row { padding: 14px 18px 10px; border-bottom: 1px solid rgba(0, 0, 0, .08); }
html[lang="zh-CN"] body { font-family: barlow, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; }
html[lang="zh-CN"] .lang-top { right: 119px; } /* 登录二字较 Log In 窄 14px, 补齐 32px 间距 */

/* ---- 移动端: 顶部导航条固定在视口顶部 ----
   画布 zoom = 100vw/320px, 定宽 320px 的 fixed 元素渲染后正好铺满视口全宽;
   .mobile-only 的 padding-top 在 zoom 后等于条高, 补偿固定条脱离文档流的高度 */
@media (max-width: 767px) {
  .m-topstrip { position: fixed; top: 0; left: 0; width: 320px; z-index: 100; }
  .mobile-only { padding-top: 56px; }
}