/* ============================================================
   武昌首义学院教务处 - 响应式媒体查询样式表
   说明：全站所有 @media 媒体查询样式统一存放于本文件
   断点：1024px（桌面/移动切换，与 Tailwind lg 一致）、640px（手机）
   ============================================================ */

/* ---------- 桌面端（≥1024px） ---------- */
/* 桌面端隐藏移动菜单，并强制折叠，避免展开状态残留到桌面视口 */
@media (min-width: 1024px) {
    .mobile-menu,
    .mobile-submenu {
        max-height: 0 !important;
        overflow: hidden !important;
    }
}

/* ---------- 手机端（≤640px） ---------- */
/* Banner 高度与文字缩放，保证小屏可视性 */
@media (max-width: 640px) {
    .listtop {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
     .sitelogo img{margin-right:0;}
    .sitelogo h1{font-size: 20px;}
    .h-\[400px\] {
        height: 260px;
    }

    .carousel-item h2 {
        font-size: 1.75rem;
    }

    .carousel-item p {
        font-size: 1rem;
    }
}
@media (max-width: 360px) {
.sitelogo img{width: 60%;}
}