/* 移动端适配 */
.mobile-only {
    display: none;
}

@media (max-width: 768px) {
    .mobile-only {
        display: block;
    }
    
    .app-container {
        position: relative;
    }
    
    .sidebar {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        width: 280px;
        transition: left 0.3s ease;
        z-index: 999;
    }
    
    .sidebar.open {
        left: 0;
    }

    /* 当侧边栏打开时，主内容区添加遮罩效果 */
    .sidebar-overlay {
        display: none;
        position: fixed;
        top: 0; left: 0; right: 0; bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 998;
    }

    .sidebar.open ~ .sidebar-overlay {
        display: block;
    }

    .main-header h2 {
        font-size: 1.25rem;
    }

    .main-content {
        padding: 1rem;
    }
}