*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;background:#f5f6f8}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color:#222}a{color:inherit;text-decoration:none}button{font-family:inherit}.mini-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000c7;color:#fff;padding:10px 18px;border-radius:6px;z-index:9999;font-size:14px}.app{display:flex;flex-direction:column;height:100%}.page{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.tabbar{display:flex;border-top:1px solid #eee;background:#fff;height:50px}.tabbar a{flex:1;display:flex;align-items:center;justify-content:center;color:#999}.tabbar a.active{color:#409eff}.header{padding:12px 16px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.header h2{margin:0;font-size:18px}.btn{background:#409eff;color:#fff;border:0;padding:8px 14px;border-radius:4px}.btn-ghost{background:#fff;color:#409eff;border:1px solid #409eff;padding:7px 13px;border-radius:4px}.btn-danger{background:#f56c6c}.btn-block{width:100%;padding:12px;font-size:16px}.btn:disabled{opacity:.5}.card{background:#fff;border-radius:8px;margin:10px;padding:12px}.card-title{font-weight:600;margin-bottom:8px}.row{display:flex;align-items:center}.gap{gap:8px}.spacer{flex:1}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}.product-card{background:#fff;border-radius:8px;overflow:hidden}.product-card .cover{width:100%;aspect-ratio:1/1;background:#eef2f7;display:flex;align-items:center;justify-content:center;color:#b0b8c4;font-size:12px}.product-card .info{padding:8px 10px}.product-card .title{font-size:13px;line-height:1.3;height:34px;overflow:hidden}.product-card .price{color:#f56c6c;font-weight:600;margin-top:4px}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:13px;color:#666;margin-bottom:4px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff}.tag{display:inline-block;padding:1px 6px;font-size:12px;border-radius:3px}.tag-info{background:#ecf5ff;color:#409eff}.tag-success{background:#f0f9eb;color:#67c23a}.tag-warning{background:#fdf6ec;color:#e6a23c}.tag-danger{background:#fef0f0;color:#f56c6c}.list{background:#fff}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #f2f2f2}.list-item:last-child{border-bottom:0}.empty{text-align:center;color:#999;padding:40px}.banner{background:linear-gradient(135deg,#409eff,#67c23a);color:#fff;padding:16px;border-radius:8px;margin:10px}.banner .b-title{font-size:14px;opacity:.9}.banner .b-amount{font-size:28px;font-weight:600;margin:4px 0}