.form-error {
    color: #ff4d4f;
    font-size: 12px;
    margin-top: 6px;
    display: flex;
    align-items: center;
}

    .form-error i {
        font-size: 12px;
        margin-right: 4px;
    }

/*input:focus {
    outline: none;
    border-color: #42b983;
    box-shadow: 0 0 0 3px rgba(66, 185, 131, 0.1);
}*/

input.error {
    border-color: #ff4444;
}

/* 图标位置控制 */
.clear-btn {
    right: 40px; /* 清空按钮位置 */
}

.toggle-btn {
    right: 12px; /* 显示/隐藏按钮位置 */
}
/* 为不同输入框设置不同的右侧内边距 */
#regist-phone {
    padding-right: 45px; /* 手机号只需要一个图标的空间 */
}

#regist-password {
    padding-right: 45px; /* 密码需要两个图标的空间 */
}

#forgot-pwd {
    padding-right: 80px;
}

.form-group .input-wrapper {
    position: relative;
}

.icon-btn {
    position: absolute;
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    width: auto;
    padding: 5px;
    font-size: 18px;
    transition: color 0.2s ease;
    top: 50%;
    transform: translateY(-50%);
}

    .icon-btn:hover {
        color: #333;
        background: none;
    }

    .icon-btn:focus {
        outline: none;
    }

.loading-indicator {
    color: #666;
    font-size: 14px;
    margin-top: 5px;
    min-height: 20px;
    display: flex;
    align-items: center;
}

    .loading-indicator i {
        margin-right: 5px;
        animation: spin 1s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.regist-account {
    font-size: 12px;
}

.forgot {
    font-size: 12px;
    cursor: pointer;
    color: rgb(0, 123, 255);
}

.sign-in--pwd {
    display: flex;
    justify-content: flex-end;
    /* margin-bottom: 0;*/
    height: 16px;
    font-size: 12px;
}
/*获取验证码*/
.input-code__btn {
    cursor: pointer;
    color: rgb(0, 123, 255);
    font-size: 12px;
}

    .input-code__btn:hover {
        color: rgb(0, 123, 255);
    }

.login-f-color {
    color: #5F9FFF !important;
}
/*关闭图标样式*/
.close-icon {
    /* 基础样式 */
    font-size: 20px; /* 图标默认大小 */
    color: #3f3f3f; /* 图标颜色 */
    cursor: pointer; /* 鼠标悬停显示手型 */
    transition: all 0.3s ease; /* 动画过渡效果（所有属性变化在0.3s内完成，缓动效果） */
    transform-origin: center; /* 旋转/放大的原点为图标中心（默认值，可省略） */
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100;
}
    /* 鼠标移入时的效果 */
    .close-icon:hover {
        transform: scale(1.2) rotate(90deg); /* 放大到1.2倍，旋转90度 */
    }

.from-f {
    color: #141414 !important;
    font-size: 18px !important;
}