#app{height:100vh;overflow-x:hidden;background:#f5f7ff}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}@media screen and (max-width:750px){html{font-size:37.5px}}.container{max-width:750px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(45deg,#4a90e2,#7b68ee);color:#fff}.btn-primary:hover{opacity:.9}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.1);margin-bottom:16px}.page-enter-active,.page-leave-active{transition:all .3s}.page-enter,.page-leave-to{opacity:0;transform:translateX(30px)}