.card {
    margin-top: 80px;
}

/* 注册抬头上下增加距离 */
.card-title {
    padding: 10px;
}

.inputZone {
    position: relative; /* 确保子元素的绝对定位相对于这个容器 */
    margin-bottom: 25px;
}

/* 输入框提示词空出35像素 */
input.form-control {
    padding-left: 35px; /* 为锁图标留出空间 */
    padding-right: 30px; /* 为眼睛图标留出空间 */
}

.icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    pointer-events: none; /* 确保图标不会干扰输入 */
}

/* 把小图标放进输入框内 */
.eye-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: transform 0.3s ease; /* 添加过渡效果 */
}

.eye-icon:hover {
    transform: translateY(-50%) scale(1.5); /* 放大1.5倍 */
}

.inputZone .invalid-feedback {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0.25rem; /* 调整错误信息的位置 */
    font-size: 0.875em;
    color: #dc3545;
}

#privacy {
    margin-top: 20px;
    font-size: 12px;
}

#gotologin {
    text-align: center;
    font-size: 12px;
}