/* 移动端侧边栏抽屉 */
@media (max-width: 991px) {
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 260px;
        height: 100vh;
        z-index: 1050;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        background: var(--bs-body-bg, #f8fafc);
        box-shadow: 4px 0 16px rgba(0,0,0,0.15);
    }

    .sidebar.mobile-open {
        transform: translateX(0);
    }

    .mobile-menu-toggle {
        margin-right: 8px;
    }

    .mobile-sidebar-close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 32px;
        height: 32px;
        border: none;
        background: transparent;
        color: var(--bs-body-color, #334155);
        font-size: 1.1rem;
        cursor: pointer;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
    }

    .mobile-sidebar-close:hover {
        background: var(--bs-tertiary-bg, #e2e8f0);
    }

    .mobile-sidebar-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.4);
        z-index: 1040;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
    }

    .mobile-sidebar-overlay.show {
        opacity: 1;
        visibility: visible;
    }

    /* 主内容区域在移动端占满宽度 */
    .col-lg-11.col-md-10 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .mobile-menu-toggle,
    .mobile-sidebar-close {
        display: none !important;
    }

    .mobile-sidebar-overlay {
        display: none !important;
    }
}