/**
 * 登录页专属样式
 * 功能：背景轮播、登录卡片、表单输入框、Tab切换等样式
 * 适用页面：仅 login.html
 * 风格：教务系统专业风格
 */

/* ====== 登录页响应式 ====== */
@media screen and (max-width: 479px), screen and (min-width: 480px) and (max-width: 767px) {
    .login-page { align-items: start !important; }
    .login-wrapper { align-items: center; padding: 0 16px; }
    .login-wrapper .logo { flex-direction: column; justify-content: center; padding: 37px 6% 50px 6%; }
    .logo .logo-line { width: 60px; height: 1px; margin: 9px 0 !important; }
    .logo .logo-text { font-size: 14px; }
    .login-wrapper .form-wrapper { margin-right: 0; width: 100%; padding: 25px 19px 21px 19px; }
    #basic-modal .basic-modal-content { width: 94%; }
    .login_footer { text-align: center; margin-top: 20px; }
    .btns { font-size: 16px !important; }
}

/* ====== 登录按钮教务系统风格 ====== */
.login-page .form-wrapper button[type="submit"] {
    background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 50%, #1a365d 100%) !important;
    border: none !important;
    letter-spacing: 4px;
    font-size: 16px !important;
    position: relative;
    overflow: hidden;
}
.login-page .form-wrapper button[type="submit"]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
    transition: left 0.5s;
}
.login-page .form-wrapper button[type="submit"]:hover::after {
    left: 100%;
}
.login-page .form-wrapper button[type="submit"]:hover {
    background: linear-gradient(135deg, #2c5282 0%, #3182ce 50%, #2c5282 100%) !important;
    box-shadow: 0 4px 20px rgba(30,58,95,0.4) !important;
}

/* ====== Tab切换教务系统风格 ====== */
.login-tab {
    transition: all 0.3s;
}
#studentLoginTab[data-active="true"],
#teacherLoginTab[data-active="true"] {
    color: #1a365d !important;
}
#loginTabIndicator {
    background: #1a365d !important;
}

/* ====== 输入框焦点样式 ====== */
.login-page .form-wrapper input:focus {
    border-color: #2c5282 !important;
    box-shadow: 0 0 0 3px rgba(44,82,130,0.1) !important;
}