:root{--app-max-width:600px;--app-width:min(100vw,var(--app-max-width));--app-gutter:max(0px,calc((100vw - var(--app-max-width))/2))}
*{margin:0;padding:0;box-sizing:border-box}
html{height:100%}
html{background:#fff}
@media(min-width:601px){
  html{background:radial-gradient(ellipse at top,#203d35,transparent 70%),repeating-linear-gradient(135deg,#121e1b 0 2px,#15231f 2px 14px)}
}
body{
  height:100%;
  font-family:Arial,sans-serif;
  touch-action:pan-x pan-y;
  -webkit-touch-callout:none;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
  -webkit-overflow-scrolling:touch;
  display:flex;
  justify-content:center;
}
#app{
  width:100%;
  max-width:var(--app-max-width);
  min-height:100%;
  background:#fff;
  position:relative;
  overflow:hidden;
}
#app{
  box-shadow:0 0 32px rgba(0,0,0,0.2);
}
/* Fixed controls and teleported sheets share the shell without changing Vant animations. */
.app-fixed-width,.v5-header,.v5-footer,.activity-header,.bar-nav,
.van-nav-bar--fixed,.van-tabbar--fixed,.van-submit-bar,.van-sticky--fixed,
.van-number-keyboard,.van-notify,.van-dropdown-item,
.van-popup--top,.van-popup--bottom,
.v5-fund-pwd .bottom-area,.invite-header,
.full-screen-fixed,.cyber-bg-animate,.site-maintenance{
  width:min(100%,var(--app-max-width))!important;
  left:0!important;
  right:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.van-popup--center,.van-dialog{max-width:calc(var(--app-width) - 24px)!important}
.van-toast{max-width:calc(var(--app-width) - 32px)!important}
.van-popup--left{left:var(--app-gutter)!important;max-width:var(--app-width)}
.van-popup--right{right:var(--app-gutter)!important;max-width:var(--app-width)}