/* 登录页面样式 */
.pageWrapper {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
}

/* 表单输入焦点样式 */
.formInputFocus:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* 按钮悬停效果 */
.btnPrimaryHover:hover {
    background-color: #5a6fd8;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* 按钮点击效果 */
.btnPrimaryActive:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

/* 淡入动画 */
.fadeIn {
    animation: fadeIn 0.5s ease-in;
}

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

/* 抖动动画 */
.shake {
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

/* 阴影样式 */
.shadow-login {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* 文本颜色 */
.text-text-primary {
    color: #1f2937;
}

.text-text-secondary {
    color: #6b7280;
}

/* 边框颜色 */
.border-border-light {
    border-color: #e5e7eb;
}

/* 主题色 */
.bg-primary {
    background-color: #667eea;
}

.text-primary {
    color: #667eea;
}

.focus\:ring-primary {
    --tw-ring-color: #667eea;
}