#app{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100vh}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#000;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-column{display:flex;flex-direction:column}.flex-between{display:flex;justify-content:space-between;align-items:center}.w-full{width:100%}.h-full{height:100%}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.ml-xs{margin-left:4px}.ml-sm{margin-left:8px}.ml-md{margin-left:16px}.ml-lg{margin-left:24px}.ml-xl{margin-left:32px}.mr-xs{margin-right:4px}.mr-sm{margin-right:8px}.mr-md{margin-right:16px}.mr-lg{margin-right:24px}.mr-xl{margin-right:32px}.pt-xs{padding-top:4px}.pt-sm{padding-top:8px}.pt-md{padding-top:16px}.pt-lg{padding-top:24px}.pt-xl{padding-top:32px}.pb-xs{padding-bottom:4px}.pb-sm{padding-bottom:8px}.pb-md{padding-bottom:16px}.pb-lg{padding-bottom:24px}.pb-xl{padding-bottom:32px}.pl-xs{padding-left:4px}.pl-sm{padding-left:8px}.pl-md{padding-left:16px}.pl-lg{padding-left:24px}.pl-xl{padding-left:32px}.pr-xs{padding-right:4px}.pr-sm{padding-right:8px}.pr-md{padding-right:16px}.pr-lg{padding-right:24px}.pr-xl{padding-right:32px}.btn-primary{background-color:#007aff;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{opacity:.8}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.input-field{width:100%;padding:16px;border:1px solid #e5e5ea;border-radius:8px;font-size:14px;color:#000;background-color:#fff;transition:border-color .3s ease}.input-field:focus{outline:none;border-color:#007aff}.input-field::-moz-placeholder{color:#8e8e93}.input-field::placeholder{color:#8e8e93}