.x-head{z-index:20;position:relative}.x-head--inset{width:calc(750 * var(--rpx));max-width:calc(100% + calc(72 * var(--rpx)));margin-left:calc(-36 * var(--rpx));margin-right:calc(-36 * var(--rpx))}.x-head-navbar{align-items:center;height:44px;display:flex;position:relative;overflow:visible}.x-head-navbar.wrapper-bg:after{content:"";pointer-events:none;z-index:0;background-position:100% 0;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.slot-wrap.xh-box{z-index:1;width:100%;height:44px;padding:0 calc(30 * var(--rpx));box-sizing:border-box;justify-content:space-between;align-items:center;display:flex;position:relative}.xh-left{min-width:0;color:inherit;align-items:center;text-decoration:none;display:flex}.xl-logo{width:calc(48 * var(--rpx));height:calc(48 * var(--rpx));border-radius:calc(8 * var(--rpx));object-fit:contain;padding:calc(4 * var(--rpx));box-sizing:border-box;background:#fff;flex-shrink:0}.xl-name{font-size:calc(48 * var(--rpx));color:#fff;margin-left:calc(16 * var(--rpx));white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1;overflow:hidden}.xh-right-wrap{flex-shrink:0;position:relative}.xh-right{width:calc(250 * var(--rpx));border-radius:calc(24 * var(--rpx));padding:calc(20 * var(--rpx)) calc(25 * var(--rpx));color:#fff;cursor:pointer;box-sizing:border-box;background:#1a1a1a;border:none;justify-content:space-between;align-items:center;display:flex}.xr-text{font-size:calc(24 * var(--rpx));text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.2;overflow:hidden}.xr-icon{padding-top:calc(10 * var(--rpx));margin-left:calc(8 * var(--rpx));flex-shrink:0;justify-content:center;align-items:center;display:flex}.xr-icon svg{width:calc(36 * var(--rpx));height:calc(36 * var(--rpx))}.xzzh{z-index:30;width:calc(270 * var(--rpx));font-weight:500;font-size:calc(30 * var(--rpx));padding:calc(40 * var(--rpx)) calc(30 * var(--rpx)) 0;border-radius:calc(24 * var(--rpx));background:#1a1a1a;position:absolute;top:105%;right:0}.xzzh .zh-i{color:#ffffff4d;width:100%;margin-bottom:calc(40 * var(--rpx));text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;display:block}.xzzh .zh-i2{color:#fff}.xzzh .zh-balance{margin-top:calc(-20 * var(--rpx));margin-bottom:calc(40 * var(--rpx));padding-top:calc(8 * var(--rpx));border-top:1px solid #ffffff14}.xzzh .zh-balance-label{font-size:calc(22 * var(--rpx));color:#ffffff73;margin-bottom:calc(8 * var(--rpx));display:block}.xzzh .zh-balance-value{font-size:calc(28 * var(--rpx));color:#c2e22a;word-break:break-all;font-weight:600;display:block}.tabbar{z-index:50;width:100%;height:calc(140 * var(--rpx));min-height:calc(140 * var(--rpx));box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0);background:#1a1a1a;border-top:1px solid #000;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-item{justify-content:center;align-items:center;gap:calc(6 * var(--rpx));min-height:calc(140 * var(--rpx));flex-direction:column;flex:1;text-decoration:none;display:flex}.tabbar-icon{width:calc(52 * var(--rpx));height:calc(52 * var(--rpx))}.tabbar-label{font-size:calc(24 * var(--rpx));font-weight:500;line-height:1.2}.app-shell--with-tabbar{padding-bottom:calc(140 * var(--rpx) + env(safe-area-inset-bottom,0px))}.page-title{font-size:calc(32 * var(--rpx));color:#fff;font-weight:700;line-height:1.2}.px-36{padding-left:calc(36 * var(--rpx));padding-right:calc(36 * var(--rpx))}.mt-22{margin-top:calc(22 * var(--rpx))}.mt-40{margin-top:calc(40 * var(--rpx))}.mt-50{margin-top:calc(50 * var(--rpx))}.app-toast{z-index:10000;padding:calc(24 * var(--rpx)) calc(48 * var(--rpx));border-radius:calc(16 * var(--rpx));color:#fff;font-size:calc(30 * var(--rpx));text-align:center;pointer-events:none;white-space:nowrap;box-shadow:0 calc(8 * var(--rpx)) calc(32 * var(--rpx)) #00000059;background:#000000e0;line-height:1.4;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}