.page{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}@media (min-width:520px){.page{left:50%;right:auto;width:480px;transform:translateX(-50%);box-shadow:0 0 80px rgba(4,5,31,.12);border-left:1px solid rgba(4,5,31,.06);border-right:1px solid rgba(4,5,31,.06)}}.login-container{width:100%;padding:0 .64rem}.form-wrapper{width:100%;display:flex;flex-direction:column;align-items:stretch}.form-title{font-size:.74666667rem;font-weight:700;color:#04051f;margin-bottom:1.06666667rem;letter-spacing:-.3px}.input-group{margin-bottom:.42666667rem}.input-group.code-group{display:flex;gap:.32rem;align-items:center}.input-field{width:100%;height:1.38666667rem;background:rgba(4,5,31,.04);border:1.5px solid transparent;border-radius:.32rem;padding:0 .42666667rem;font-size:.42666667rem;color:#04051f;outline:none;-webkit-appearance:none;transition:border-color .2s}.input-field::-moz-placeholder{color:rgba(4,5,31,.3)}.input-field::placeholder{color:rgba(4,5,31,.3)}.input-field:focus{border-color:#1cd3eb;background:#fff}.input-field:disabled{opacity:.5}.input-field.code-input{flex:1;letter-spacing:.10666667rem;font-size:.53333333rem;font-weight:600}.send-btn{flex-shrink:0;height:1.38666667rem;padding:0 .42666667rem;border-radius:.32rem;border:1.5px solid rgba(4,5,31,.08);background:transparent;font-size:.37333333rem;color:rgba(4,5,31,.7);white-space:nowrap;cursor:pointer;-webkit-appearance:none;transition:all .2s}.send-btn--active{border-color:#1cd3eb;color:#1cd3eb;background:rgba(28,211,235,.06)}.send-btn--countdown{border-color:rgba(4,5,31,.08);color:rgba(4,5,31,.3);background:transparent;cursor:default}.send-btn:disabled{cursor:default}.code-hint{font-size:.32rem;color:rgba(4,5,31,.3);margin-bottom:.85333333rem;line-height:1.5}.login-btn{width:100%;height:1.38666667rem;border-radius:.32rem;border:none;background:rgba(4,5,31,.08);font-size:.42666667rem;font-weight:600;color:hsla(0,0%,100%,.6);cursor:default;-webkit-appearance:none;transition:all .3s;display:flex;align-items:center;justify-content:center}.login-btn--active{background:linear-gradient(135deg,#f2c0ff,#1cd3eb);color:#fff;cursor:pointer;box-shadow:0 .10666667rem .42666667rem rgba(28,211,235,.3)}.login-btn:disabled{cursor:default}.loading-dot{width:.53333333rem;height:.53333333rem;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:absolute;bottom:calc(1.6rem + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:.32rem .53333333rem;border-radius:.64rem;font-size:.37333333rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:300}.toast--info{background:rgba(4,5,31,.75);color:#fff}.toast--success{background:rgba(28,211,235,.9);color:#fff}.toast--error{background:rgba(255,48,117,.9);color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter,.fade-leave-to{opacity:0}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#04051f}img{display:block}.flex-center{justify-content:center}.flex-center,.flex-start{display:flex;align-items:center}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.flex-between,.flex-end{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tap-highlight-none{-webkit-tap-highlight-color:transparent}@media (min-width:520px){html{font-size:48px!important}body{background:linear-gradient(150deg,#f5f0ff,#eefbfd);min-height:100vh}}