2 lines
4.5 KiB
CSS
2 lines
4.5 KiB
CSS
.login-container[data-v-1f1e3d89]{padding:3.75rem 1.5625rem 2.5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;background:linear-gradient(160deg,#f0f2ff,#f5f3f8,#faf9fe 60%,#f5f4ff)}.login-card[data-v-1f1e3d89]{position:relative;flex:1;width:100%;max-width:20rem;padding:1.5625rem 1.25rem;box-sizing:border-box;background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1.25rem;box-shadow:0 .5rem 1.5rem rgba(100,100,180,.1);border:.03125rem solid rgba(170,170,255,.15)}.conner[data-v-1f1e3d89]{position:absolute;width:1.25rem;height:1.25rem}.conner-tl[data-v-1f1e3d89]{top:0;left:0;border-top:2px solid #aaaaff;border-left:2px solid #aaaaff}.conner-tr[data-v-1f1e3d89]{top:0;right:0;border-top:2px solid #aaaaff;border-right:2px solid #aaaaff}.conner-bl[data-v-1f1e3d89]{bottom:0;left:0;border-bottom:2px solid #aaaaff;border-left:2px solid #aaaaff}.conner-br[data-v-1f1e3d89]{bottom:0;right:0;border-bottom:2px solid #aaaaff;border-right:2px solid #aaaaff}.login-header[data-v-1f1e3d89]{display:flex;justify-content:center;align-items:center;flex-direction:column}.login-header-logo[data-v-1f1e3d89]{display:flex;justify-content:center;align-items:center}.login-header-logo uni-text[data-v-1f1e3d89]{margin-left:.375rem;font-size:1.75rem;font-weight:800;color:#6c63ff;letter-spacing:.0625rem}.icon-wrapper[data-v-1f1e3d89]{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(240,238,255,.8));display:flex;align-items:center;justify-content:center;animation:glow-1f1e3d89 2.5s ease-in-out infinite;box-shadow:0 .125rem .5rem rgba(108,99,255,.12)}@keyframes glow-1f1e3d89{0%,to{box-shadow:0 .125rem .5rem rgba(108,99,255,.12)}50%{box-shadow:0 .125rem .75rem rgba(108,99,255,.25),0 0 1.5625rem rgba(108,99,255,.12)}}.icon-wrapper .danao-style[data-v-1f1e3d89]{font-size:2rem;color:#6c63ff}.sub-title[data-v-1f1e3d89]{margin-top:.5rem;font-size:1rem;font-weight:500;color:#888;letter-spacing:.03125rem}.form-wrapper[data-v-1f1e3d89]{margin-top:1.5625rem;width:100%;max-width:15.625rem;padding:1.875rem 1.125rem 1.125rem;background:rgba(170,170,255,.04);border-radius:.875rem;border:.03125rem solid rgba(170,170,255,.1);display:flex;flex-direction:column}.form-item[data-v-1f1e3d89]{margin-top:.625rem}.form-label[data-v-1f1e3d89]{font-size:.8125rem;font-weight:500;color:#555;margin-bottom:.25rem;display:flex;align-items:center;gap:.25rem}.form-item .form-input[data-v-1f1e3d89]{width:100%;height:2.75rem;padding:0 .75rem;box-sizing:border-box;border-radius:.75rem;border:.0625rem solid #e8e8f0;background:rgba(255,255,255,.8);font-size:.875rem;color:#333;transition:all .25s ease}.form-item .form-input[data-v-1f1e3d89]::-webkit-input-placeholder{color:#c0c0d0}.form-item .form-input[data-v-1f1e3d89]::placeholder{color:#c0c0d0}.form-item .focused[data-v-1f1e3d89]{border-color:#6c63ff;background:#fff;box-shadow:0 0 0 .1875rem rgba(108,99,255,.06)}.form-item .error[data-v-1f1e3d89]{border-color:#ff4d4f;box-shadow:0 0 0 .1875rem rgba(255,77,79,.06)}.error-info[data-v-1f1e3d89]{font-size:.6875rem;color:#ff4d4f;margin-top:.25rem;padding-left:.25rem}.form-option[data-v-1f1e3d89]{margin-top:.625rem;display:flex;justify-content:space-between;align-items:center}.form-option .checkbox-wrapper[data-v-1f1e3d89]{display:flex;justify-content:start;align-items:center}.form-option .checkbox-wrapper .checkbox[data-v-1f1e3d89]{width:1.125rem;height:1.125rem;border:.0625rem solid #d4d4e0;border-radius:.25rem;display:flex;justify-content:center;align-items:center;transition:all .2s ease;background:#fff}.form-option .checkbox-wrapper .checkbox uni-text[data-v-1f1e3d89]{color:#fff;font-size:.6875rem}.form-option .checkbox-wrapper .checked[data-v-1f1e3d89]{background:linear-gradient(135deg,#6c63ff,#4a45d1);border-color:#6c63ff}.form-option .checkbox-wrapper .checkbox-text[data-v-1f1e3d89]{margin-left:.3125rem;font-size:.8125rem;color:#666}.form-option .forget-pwd[data-v-1f1e3d89]{font-size:.8125rem;color:#6c63ff;font-weight:500}[data-v-1f1e3d89] .login-btn{margin-top:1.125rem;width:100%;max-width:15.625rem;height:3rem;border-radius:1.5rem;background:linear-gradient(135deg,#6c63ff,#4a45d1);color:#fff;font-size:1rem;font-weight:600;letter-spacing:.0625rem;box-shadow:0 .25rem .75rem rgba(108,99,255,.3);transition:all .2s ease;border:none}[data-v-1f1e3d89] .login-btn:active{transform:scale(.97);box-shadow:0 .125rem .375rem rgba(108,99,255,.2)}[data-v-1f1e3d89] .login-btn[disabled]{opacity:.7;background:linear-gradient(135deg,#a8a4f0,#8a86d8)}
|