/* =========================
   91NVS Account Center
========================= */


.nvs-account-box {

    max-width: 600px;

    margin: 10px auto;

    background: #fff;

    border-radius: 16px;

    padding: 30px;

    box-shadow: 0 8px 30px rgba(0,0,0,.08);

}



/* 标题 */

.nvs-account-box h2 {

    margin:0 0 30px;

    font-size:26px;

    font-weight:600;

    color:#222;

    text-align:center;

}



/* 每一项 */

.nvs-account-item {

    padding:20px 0;

    border-bottom:1px solid #eee;

}



.nvs-account-item:last-child {

    border-bottom:none;

}



/* 标签 */

.nvs-account-item label {

    display:block;

    font-size:14px;

    color:#999;

    margin-bottom:8px;

}



/* 内容 */

.nvs-account-item div {

    font-size:16px;

    color:#333;

}




/* 输入框 */

.nvs-account-item input {

    width:100%;

    height:44px;

    padding:0 15px;

    border:1px solid #ddd;

    border-radius:8px;

    font-size:15px;

    box-sizing:border-box;

}



/* 普通按钮 */

.nvs-account-btn {

    display:inline-block;

    margin-top:15px;

    padding:10px 22px;

    background:#111;

    color:#fff;

    border-radius:8px;

    text-decoration:none;

    font-size:14px;

    transition:.3s;

}



.nvs-account-btn:hover {

    opacity:.8;

}



/* 修改链接 */

.nvs-account-link {

    display:inline-block;

    margin-top:12px;

    color:#e91e63;

    text-decoration:none;

    font-size:14px;

}



.nvs-account-link:hover {

    text-decoration:underline;

}



/* 退出按钮 */

.nvs-logout {

    display:block;

    text-align:center;

    padding:14px;

    background:#f5f5f5;

    color:#333;

    border-radius:10px;

    text-decoration:none;

}



.nvs-logout:hover {

    background:#eee;

}



/* 手机端 */

@media(max-width:768px){


    .nvs-account-box{

        margin:20px 15px;

        padding:22px;

        border-radius:12px;

    }


    .nvs-account-box h2{

        font-size:22px;

    }


}

.nvs-account-item input:disabled{

    background:#f5f5f5;

    cursor:not-allowed;

}



.nvs-modal{

    display:none;

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    z-index:9999;

}



.nvs-modal-box-account{

    width:320px;

    background:#fff;

    border-radius:12px;

    padding:25px;

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

}



.nvs-modal-box-account h3{

    text-align:center;

    margin-bottom:20px;

}



.nvs-modal-box-account input{

    width:100%;

    height:42px;

    border:1px solid #ddd;

    border-radius:8px;

    padding:0 12px;

    margin-bottom:15px;

}



.nvs-modal-box-account button{

    width:100%;

    height:42px;

    border:none;

    border-radius:8px;

    margin-top:10px;

}

.nvs-password-error{

    display:none;

    margin-top:-8px;

    margin-bottom:12px;

    color:#e53935;

    font-size:14px;

}


.nvs-password-error::before{

    content:"!";

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:16px;

    height:16px;

    border-radius:50%;

    background:#e53935;

    color:#fff;

    font-size:12px;

    font-weight:bold;

    margin-right:6px;

}

.nvs-modal-box-account button{

    cursor:pointer;

    background:#111;

    color:#fff;

}


.nvs-modal-box-account button:last-child{

    background:#f5f5f5;

    color:#333;

}

.nvs-password-input{

    position:relative;

}


.nvs-password-input input{

    padding-right:45px;

}


.nvs-eye{

    position:absolute;

    right:15px;

    top:40%;

    transform:translateY(-50%);

    cursor:pointer;

    font-size:18px;

    color:#999;

    user-select:none;

}

.nvs-password-wrap-account{

    position:relative;

}


.nvs-password-wrap-account input{

    padding-right:45px;

}


.nvs-password-wrap-account .um-toggle-password{

    position:absolute;

    right:15px;

    top:50%;

    transform:translateY(-50%);

    cursor:pointer;

}


/* 注册弹窗沿用登录弹窗样式 */
.nvs-register-modal {
    display: none;
}

#nvs-register-submit {
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 8px;
    background: #ff6699;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: opacity .2s;
}

#nvs-register-submit:hover {
    opacity: .85;
}

#nvs-register-submit:disabled,
#nvs-login-submit:disabled {
    opacity: .65;
    cursor: not-allowed;
}

.nvs-auth-eye {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    padding: 3px 5px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #888;
    font-size: 12px;
    cursor: pointer;
}

.nvs-auth-eye:hover {
    color: #ff6699;
}

.nvs-password-wrap input {
    padding-right: 55px;
}

.nvs-register-modal .nvs-login-box {
    max-height: 90vh;
    overflow-y: auto;
}

.nvs-register-modal .nvs-login-field {
    margin-bottom: 14px;
}

.nvs-register-modal .nvs-login-subtitle {
    margin-bottom: 22px;
}

.nvs-register-modal .nvs-login-links {
    justify-content: center;
}

@media (max-width: 480px) {
    .nvs-login-box {
        padding: 32px 22px 25px;
    }
}