/* =====================================================
   Login Page Custom Styles
   Font: JetBrains Sans (Bootstrap-safe override)
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700&display=swap');

body {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* 1. 全局覆盖 Bootstrap 默认字体 */
:root {
    --bs-body-font-family: 'Lato', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --bs-font-sans-serif: 'Lato', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 2. 基础页面样式 */
body {
    background: #ffffff;
    font-family: var(--bs-body-font-family);
    font-feature-settings: "liga" 1, "calt" 1;
}

/* 3. 卡片样式 */
.card {
    border-radius: 15px;
    animation: fadeInUp 0.6s ease-out;
}

/* 4. 输入框与图标 */
.input-group-text {
    background-color: #f8f9fa;
    border-right: none;
}

.form-control {
    border-left: none;
    font-family: inherit;
}

.form-control:focus {
    border-color: #ced4da;
    box-shadow: none;
}

.input-group:focus-within .input-group-text,
.input-group:focus-within .form-control {
    border-color: #86b7fe;
}

/* 5. 主按钮 */
.btn-primary {
    background: #2F6FB3;
    border: none;
    font-weight: 500;
    font-family: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-primary:hover {
    background: #2F6FB3;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3);
}

/* 6. 提示框 */
.alert {
    border-radius: 10px;
    font-family: inherit;
}

/* 7. 视频（如果有） */
video {
    border-radius: 10px;
    background: #000;
}

/* 8. 动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 9. 排版统一 */
h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
}

label,
.form-label {
    font-family: inherit;
    font-weight: 500;
}

.form-check-label {
    font-family: inherit;
}