*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:#f5f5f5;color:#333;font-size:14px;-webkit-font-smoothing:antialiased}#app{max-width:480px;margin:0 auto;position:relative;background:#f5f5f5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{outline:none;border:none;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.text-center{text-align:center}.text-gray{color:#999}.text-sm{font-size:12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.px-16{padding-left:16px;padding-right:16px}.py-12{padding-top:12px;padding-bottom:12px}:root{--primary: #FF6B35;--primary-light: #FFF3ED;--danger: #F56C6C;--success: #67C23A;--warning: #E6A23C;--border: #EBEEF5;--bg-gray: #F5F7FA}