*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:14px;line-height:1.5;color:#333;background:#f5f5f5;-webkit-font-smoothing:antialiased}#app{min-height:100vh;padding-bottom:60px}.tabbar{position:fixed;bottom:0;left:0;right:0;height:80px;background:#fff;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #eee;z-index:999;padding-bottom:env(safe-area-inset-bottom,0)}.tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;cursor:pointer;color:#999;transition:color .2s}.tabbar-item.active{color:#4361ee}.tabbar-icon{font-size:22px;margin-bottom:2px}.tabbar-label{font-size:10px}page{min-height:100vh;background:#f5f5f5}.container{padding:16px}button{border:none;background:none;cursor:pointer;font-size:inherit}.navbar{height:44px;background:#4361ee;display:flex;align-items:center;padding:0 16px;color:#fff}.navbar .back{font-size:20px;margin-right:12px}.navbar .title{flex:1;text-align:center;font-size:17px;font-weight:600}.navbar .placeholder{width:32px}.cart-float-btn{position:fixed;bottom:88px;left:16px;width:50px;height:50px;background:#4361ee;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4361ee66;z-index:1000;cursor:pointer;animation:cartPulse .3s ease-out}@keyframes cartPulse{0%{transform:scale(.8)}to{transform:scale(1)}}.cart-float-icon{font-size:22px}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:#e74c3c;color:#fff;font-size:10px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}