/**
 * LightMC 统一登录页面样式
 * 
 * 深色主题，毛玻璃卡片设计
 * 大部分关键样式已内联在login.php中以防止加载闪烁，
 * 此文件提供补充样式和动画。
 */

/* 全局字体平滑 */
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 选中文本颜色 */
::selection {
    background: rgba(139, 92, 246, 0.3);
    color: #fff;
}

/* 输入框自动填充样式覆盖 */
.form-group input:-webkit-autofill,
.form-group input:-webkit-autofill:hover,
.form-group input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px rgba(30, 30, 60, 0.95) inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* 卡片淡入动画 */
@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.login-card {
    animation: cardFadeIn 0.5s ease-out;
}

/* 页脚链接淡入 */
@keyframes footerFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.login-footer {
    animation: footerFadeIn 0.8s ease-out 0.3s both;
}

/* 响应式调整 */
@media (max-width: 480px) {
    .system-links {
        flex-direction: column;
        gap: 0.5rem;
    }
    .system-links .sep {
        display: none;
    }
}