*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:#f0f0f0}body{overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit}.phone-frame{width:375px;height:100vh;margin:0 auto;background:#000;border-radius:0;padding:0;box-shadow:0 0 40px #00000026;position:relative;display:flex;flex-direction:column}.phone-notch{display:none}.phone-screen{width:100%;flex:1;background:#f7f8fa;border-radius:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.status-bar{height:44px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 32px;font-size:14px;font-weight:600;flex-shrink:0}.status-icons{font-size:12px;letter-spacing:2px}.nav-bar{height:44px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #f2f3f5;flex-shrink:0}.nav-back{font-size:28px;color:#323233;cursor:pointer;width:30px;line-height:1}.nav-title{font-size:16px;font-weight:600;color:#323233;flex:1;text-align:center}.nav-placeholder{width:30px}.page-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.page-loading{text-align:center;padding:40px 0;color:#969799;font-size:14px}.empty-page{text-align:center;padding:80px 20px;color:#969799;font-size:14px}.tabbar{height:50px;background:#fff;border-top:1px solid #f2f3f5;display:flex;flex-shrink:0}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#999;font-size:10px}.tabbar-item.active{color:#1989fa}.tabbar-icon{font-size:20px;line-height:1}.tabbar-text{margin-top:2px}.mp-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:9999;max-width:80%;text-align:center}.mp-toast.success{background:#07c160e6}.mp-page{min-height:100%;background:#f7f8fa;padding-bottom:20px}.mp-card{background:#fff;border-radius:12px;margin:12px;padding:16px}.mp-section-title{font-size:16px;font-weight:600;color:#323233;margin:16px 16px 8px}.mp-empty{text-align:center;color:#969799;padding:40px 0;font-size:14px}.mp-btn-primary{width:calc(100% - 32px);margin:16px;height:44px;background:#1989fa;color:#fff;border-radius:22px;font-size:16px;font-weight:500}.mp-btn-primary:active{background:#0f6fd8}.mp-btn-danger{width:calc(100% - 32px);margin:16px;height:44px;background:#fff;color:#ee0a24;border-radius:22px;font-size:16px}.mp-tag{display:inline-block;font-size:11px;padding:2px 6px;border-radius:4px;background:#e8f3ff;color:#1989fa;margin-right:4px}.mp-tag.gold{color:#ad6800;background:linear-gradient(90deg,#ffe58a,#ffd34d)}.mp-tag.warn{color:#ad3600;background:#fff1e8}.mp-tag.danger{color:#fff;background:#ee0a24}.mp-tag.success{color:#fff;background:#07c160}