/* 微信 web-view 适配：boot.js / login.html 检测到 MicroMessenger 后给 <html> 加 is-wechat。
   目标是把刘海与底部安全区让出来，并规避 iOS 微信地址栏引起的视口抖动。 */
html.is-wechat,
html.is-wechat body {
  height: 100%;
}

/* 状态栏/刘海：顶部主视觉避开安全区，标题文字不被遮住 */
html.is-wechat .ocean {
  padding-top: calc(32px + env(safe-area-inset-top));
}

@media (min-width: 600px) {
  html.is-wechat .ocean {
    padding-top: calc(43px + env(safe-area-inset-top));
  }
}

/* 旧内核不支持 100dvh 时用 100% 兜底 */
html.is-wechat .shell {
  min-height: 100%;
}

/* 游戏遮罩与 iframe 用 100% 而非 100vh，避免地址栏收起/展开时高度跳动 */
html.is-wechat .game-overlay {
  height: 100%;
}

html.is-wechat .game-overlay iframe {
  height: 100%;
  min-height: 0;
}

/* 底部导航：iOS 微信底部小黑条区域不压住按钮 */
html.is-wechat .nav {
  padding-bottom: env(safe-area-inset-bottom);
}

/* 引导层与登录页同样避开安全区 */
html.is-wechat .boot-screen,
html.is-wechat .auth-shell {
  padding-top: calc(24px + env(safe-area-inset-top));
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
}