/* 苹果描述文件 / 独立窗口：底栏被 100lvh 和下方安全区顶出屏幕 */

html.hailiao-ios.hailiao-standalone,
html.hailiao-ios.hailiao-native {
  --hailiao-dock-bottom: env(safe-area-inset-bottom, 34px);
  --hailiao-safe-bottom: env(safe-area-inset-bottom, 34px);
}

html.hailiao-ios.hailiao-standalone:not(.hailiao-keyboard-open),
html.hailiao-ios.hailiao-standalone:not(.hailiao-keyboard-open) body,
html.hailiao-ios.hailiao-native:not(.hailiao-keyboard-open),
html.hailiao-ios.hailiao-native:not(.hailiao-keyboard-open) body {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
}

html.hailiao-ios.hailiao-standalone:not(.hailiao-keyboard-open) #app,
html.hailiao-ios.hailiao-native:not(.hailiao-keyboard-open) #app {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html.hailiao-ios.hailiao-standalone.hailiao-keyboard-open #app,
html.hailiao-ios.hailiao-native.hailiao-keyboard-open #app {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  height: var(--hailiao-app-height) !important;
  min-height: 0 !important;
  max-height: var(--hailiao-app-height) !important;
}

html.hailiao-ios.hailiao-standalone .TUIKit,
html.hailiao-ios.hailiao-native .TUIKit,
html.hailiao-ios.hailiao-standalone .home,
html.hailiao-ios.hailiao-native .home,
html.hailiao-ios.hailiao-standalone .home-TUIKit,
html.hailiao-ios.hailiao-native .home-TUIKit {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}

html.hailiao-ios.hailiao-standalone .home-TUIKit-navbar,
html.hailiao-ios.hailiao-native .home-TUIKit-navbar {
  padding-bottom: var(--hailiao-dock-bottom, env(safe-area-inset-bottom, 34px)) !important;
  box-sizing: border-box !important;
}

html.hailiao-ios.hailiao-standalone .navbar-h5,
html.hailiao-ios.hailiao-native .navbar-h5 {
  overflow: visible !important;
}