@media (min-width: 768px) {
  
body {
    max-width: 588px;
    overflow: hidden;
    display: block;
     padding: 110px 0 110px 0;      
}
body::before {
  content: ""; /* 伪元素必需 */
  position: fixed; /* 固定覆盖层 */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, #ced4da, #007bff); 
  z-index: -1; /* 置于内容下方 */
}
.weui-header {
    padding: 10px;
}
#app-main {
            position: relative;
            height: 80vh; /* 盒子高度（可根据需求调整） */
            
            display: flex;
            flex-direction: column;
            border-radius: 8px;
        }

        .box-content {
            flex-grow: 1;
            overflow-y: auto;
        }



        .weui-tabbar.tab-bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 100;
            display: flex;
            
        }


}