/* 解決導航列遮擋問題 - 移除 body::before，改用調整 mt112 的方式 */
body {
    padding-top: 0;
    margin-top: 0;
}

/* 調整 mt112 類別，避免與 fixed header 衝突 */
.mt112 {
    margin-top: 90px !important; /* 增加更多間距避免被擋住 */
}

/* 在小螢幕上調整間距 */
@media (max-width: 991px) {
    .mt112 {
        margin-top: 70px !important;
    }
}

/* 確保 alert 訊息完整顯示 */
.alert {
    position: relative;
    z-index: 10;
    margin-bottom: 15px;
}