*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.login-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#f5f7fa}.login-spacer-top,.login-spacer-bottom{flex:1}.login-icp{padding:12px 16px;font-size:12px;color:#c0c4cc;align-self:flex-start}.login-icp a{color:inherit;text-decoration:none}.login-box{width:480px;background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000f;padding:40px 36px}.login-header{margin-bottom:32px;border-bottom:1px solid #e8e8e8;padding-bottom:14px}.login-title{color:#1890ff;font-size:16px;font-weight:500;position:relative;bottom:-1px;border-bottom:2px solid #1890ff;display:inline-block;padding-bottom:14px;margin-bottom:-15px}.login-form .form-item{display:flex;align-items:center;border:1px solid #dcdfe6;border-radius:4px;padding:0 14px;height:44px;margin-bottom:20px;transition:border-color .3s;background:#fafafa}.login-form .form-item:focus-within{border-color:#1890ff;background:#fff}.form-label{flex-shrink:0;font-size:14px;color:#606266;width:56px;text-align:left}.form-input{flex:1;border:none;outline:none;font-size:14px;color:#303133;background:transparent;height:100%}.form-input::placeholder{color:#c0c4cc}.pwd-toggle{cursor:pointer;color:#909399;font-size:16px;-webkit-user-select:none;user-select:none;flex-shrink:0}.login-btn{width:100%;height:42px;background-color:#7bb8e7;color:#fff;font-size:15px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;letter-spacing:2px}.login-btn:hover{background-color:#5aa3d9}.login-btn:active{background-color:#4a93c9}.login-btn:disabled{opacity:.6;cursor:not-allowed}.role-home{padding:24px}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .2s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.welcome-card{background:#fff;border-radius:8px;padding:28px 32px;box-shadow:0 1px 4px #0000000f}