/* 移动端适配样式 */
@media (max-width: 768px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .card {
        margin-bottom: 15px;
    }
    
    .table-responsive {
        font-size: 0.85rem;
    }
    
    .table th,
    .table td {
        padding: 0.5rem;
    }
    
    .btn-group {
        flex-wrap: wrap;
    }
    
    .form-control,
    .form-select {
        font-size: 0.9rem;
    }
    
    .navbar-brand {
        font-size: 1.1rem;
    }
    
    .navbar-nav .nav-link {
        padding: 0.5rem 0.75rem;
    }
    
    .card-header h4 {
        font-size: 1.2rem;
    }
    
    .modal-dialog {
        margin: 10px;
    }
    
    .modal-content {
        font-size: 0.9rem;
    }
    
    .modal-body .form-control,
    .modal-body .form-select {
        font-size: 0.9rem;
    }
    
    .badge {
        font-size: 0.7rem;
    }
}

@media (max-width: 576px) {
    .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .mb-3 {
        margin-bottom: 10px !important;
    }
    
    .mt-4 {
        margin-top: 15px !important;
    }
    
    .d-flex .btn {
        margin-bottom: 5px;
        width: 100%;
    }
    
    .table-responsive {
        font-size: 0.75rem;
    }
    
    .table th,
    .table td {
        padding: 0.3rem;
    }
    
    .btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }
    
    .input-group-text {
        padding: 0.375rem 0.5rem;
        font-size: 0.8rem;
    }
}