*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    /* 和截图一样的半透明卡片，月夜背景 */
    background: #185b9c url("") no-repeat center;
    background-size: cover;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}
.login-card{
    width:580px;
    background:rgba(255,255,255,0.22);
    border-radius:10px;
    padding:36px 40px;
}
.login-card h2{
    text-align:center;
    color:#4b29cc;
    font-size:24px;
    margin-bottom:26px;
}
.form-item{
    margin-bottom:18px;
}
.form-item input{
    width:100%;
    height:42px;
    border:none;
    border-radius:4px;
    padding:0 14px;
    font-size:14px;
}
.btn-login{
    width:100%;
    height:44px;
    background:#805ad5;
    color:#fff;
    border:none;
    border-radius:4px;
    font-size:15px;
    cursor:pointer;
}
.bottom-tip{
    margin-top:14px;
    text-align:center;
    font-size:14px;
}
.bottom-tip a{
    color:#222;
    text-decoration:none;
}
.msg{
    text-align:center;
    margin-bottom:12px;
    color:#ff2b2b;
}
/*密码小眼睛新增样式*/
.pwd-wrap{
    position: relative;
}
.pwd-wrap input{
    padding-right:44px !important;
}
.eye-icon{
    position:absolute;
    right:14px;
    top:50%;
    transform: translateY(-50%);
    cursor:pointer;
    font-size:18px;
    color:#444;
    user-select:none;
}