/**
 * 账号管理左侧导航（与 js/account-left-nav.js 配套）
 * 需在 register.css 之后引入；图标路径相对于本 CSS 文件（css/）
 */
.account-left-nav {
    float: left;
    overflow: hidden;
}

/* —— 注册 / 港澳台注册：当前「账户注册」 */
.account-left-nav--register .left-menu ul li.icon-register::before,
.account-left-nav--gatRegister .left-menu ul li.icon-register::before {
    background-image: url('../image/icon-reg-user-on.png');
    width: 18px;
    height: 18px;
}

.account-left-nav--register .left-menu ul li.icon-change-pwd::before,
.account-left-nav--gatRegister .left-menu ul li.icon-change-pwd::before {
    background-image: url('../image/icon-password-off.png');
    width: 17px;
    height: 21px;
}

.account-left-nav--register .left-menu ul li.icon-change-phone::before,
.account-left-nav--gatRegister .left-menu ul li.icon-change-phone::before {
    background-image: url('../image/icon-phone-off.png');
    width: 16px;
    height: 22px;
}

.account-left-nav--register .left-menu ul li.icon-security-pwd::before,
.account-left-nav--gatRegister .left-menu ul li.icon-security-pwd::before {
    background-image: url('../image/icon-reset-security-pwd-off.png');
    width: 17px;
    height: 21px;
}

/* —— 修改密码 */
.account-left-nav--changePassword .left-menu ul li.icon-register::before {
    background-image: url('../image/icon-reg-user-off.png');
    width: 18px;
    height: 18px;
}

.account-left-nav--changePassword .left-menu ul li.icon-change-pwd::before {
    background-image: url('../image/icon-password-on.png');
    width: 17px;
    height: 21px;
}

.account-left-nav--changePassword .left-menu ul li.icon-change-phone::before {
    background-image: url('../image/icon-phone-off.png');
    width: 16px;
    height: 22px;
}

.account-left-nav--changePassword .left-menu ul li.icon-security-pwd::before {
    background-image: url('../image/icon-reset-security-pwd-off.png');
    width: 17px;
    height: 21px;
}

/* —— 改绑手机 */
.account-left-nav--changePhone .left-menu ul li.icon-register::before {
    background-image: url('../image/icon-reg-user-off.png');
    width: 18px;
    height: 18px;
}

.account-left-nav--changePhone .left-menu ul li.icon-change-pwd::before {
    background-image: url('../image/icon-password-off.png');
    width: 17px;
    height: 21px;
}

.account-left-nav--changePhone .left-menu ul li.icon-change-phone::before {
    background-image: url('../image/icon-phone-on.png');
    width: 17px;
    height: 21px;
}

.account-left-nav--changePhone .left-menu ul li.icon-security-pwd::before {
    background-image: url('../image/icon-reset-security-pwd-off.png');
    width: 17px;
    height: 21px;
}

/* —— 重置安全密码 */
.account-left-nav--resetSecurityPwd .left-menu ul li.icon-register::before {
    background-image: url('../image/icon-reg-user-off.png');
    width: 18px;
    height: 18px;
}

.account-left-nav--resetSecurityPwd .left-menu ul li.icon-change-pwd::before {
    background-image: url('../image/icon-password-off.png');
    width: 17px;
    height: 21px;
}

.account-left-nav--resetSecurityPwd .left-menu ul li.icon-change-phone::before {
    background-image: url('../image/icon-phone-off.png');
    width: 16px;
    height: 22px;
}

.account-left-nav--resetSecurityPwd .left-menu ul li.icon-security-pwd::before {
    background-image: url('../image/icon-reset-security-pwd-on.png');
    width: 17px;
    height: 21px;
}

@media screen and (max-width: 768px) {
    .account-left-nav {
        display: none;
    }
}