/* 2026-11-06 会员端桌面「手机形状」外壳：>=768px 生效，手机端零影响 */
@media (min-width: 768px) {
  html, body { height: 100% !important; overflow: hidden !important; }
  html, body { background: #e9edf3 !important; }
  body { min-height: 100vh; padding: 24px 0 !important; margin: 0 !important; }
  #app {
    width: 390px !important;
    max-width: 390px !important;
    height: 844px !important;
    max-height: calc(100vh - 48px) !important;
    margin: 0 auto !important;
    position: relative !important;
    border: 8px solid #20242e !important;
    border-radius: 34px !important;
    box-shadow: 0 18px 55px rgba(15, 23, 42, .28) !important;
    transform: translateZ(0) !important;
    overflow: hidden auto !important;
    box-sizing: border-box !important;
  }
  /* fixed 元素在 transform 父级内相对 #app 定位：统一收进外壳宽度 */
  .tabbar {
    left: 0 !important; right: 0 !important;
    width: 100% !important; max-width: 100% !important;
    transform: none !important; margin: 0 !important;
    /* 2026-11-06 修复：#app 是带 transform 的滚动容器，fixed 底栏会随内容滚动跑到页面中间。
       改为 sticky 粘在滚动容器底部，滚动时始终贴外壳底栏位置。 */
    position: sticky !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 50 !important;
  }
  .invite, .if-page {
    left: 0 !important; right: 0 !important;
    width: 100% !important; max-width: 100% !important;
    margin: 0 auto !important;
  }
}