*{margin:0;padding:0;box-sizing:border-box;font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color: transparent;}
body{background:#f5f5f5;font-size:14px;color:#333;overflow:hidden;width:100vw;height:100vh;}
#app-root{width:100%;height:100%;position:relative;max-width:480px;margin:0 auto;background:#fff;overflow:hidden;}
.hide{display:none !important;}
.flex-row{display:flex;flex-direction:row;align-items:center;}
.flex-col{display:flex;flex-direction:column;}
.flex-between{justify-content:space-between;}
.text-orange{color:#ff7d00;}
.text-red{color:#f43f3b;}
.text-gray{color:#999;}
.btn-orange{background:#ff7d00;color:#fff;border:none;border-radius:6px;padding:12px 0;font-size:16px;}
.btn-gray{background:#eee;color:#666;border:none;border-radius:6px;padding:10px 0;}
.bottom-nav{position:absolute;bottom:0;left:0;width:100%;height:60px;background:#fff;border-top:1px solid #eee;display:flex;z-index:99;}
.nav-item{flex:1;height:100%;display:flex;flex-col;align-items:center;justify-content:center;font-size:12px;color:#666;}
.nav-item.active{color:#ff7d00;}
.page-box{width:100%;height:calc(100% - 60px);overflow-y:auto;padding-bottom:20px;}
.popup-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:998;display:none;}
.popup-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;background:#fff;border-radius:12px;z-index:999;padding:16px;}