/* 登录/注册页面样式 */

/* 表单容器动画 */
.auth-form {
    animation: slideIn 0.4s ease-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 输入框聚焦效果 */
input:focus {
    transform: scale(1.01);
    transition: transform 0.2s ease;
}

/* 按钮点击效果 */
button:active {
    transform: scale(0.98);
}

/* 第三方登录按钮 */
.social-login-btn {
    transition: all 0.2s ease;
}

.social-login-btn:hover {
    border-color: var(--primary);
    color: var(--primary);
}