/* 调整表格列宽度和按钮间距 */
.table th, .table td {
    padding: 0.75rem;
    text-align: center;
}

.table th {
    white-space: nowrap; /* 禁止标题换行 */
}

.btn {
    padding: 0.3rem 0.6rem;
    margin: 0 0.1rem; /* 缩小按钮间距 */
}

.table {
    max-width: 100%;
    overflow-x: auto;
}

/* 调整操作按钮列宽度 */
.table td:last-child {
    white-space: nowrap; /* 禁止操作按钮换行 */
}

/* 为较小屏幕添加响应式处理 */
@media (max-width: 768px) {
    .table {
        font-size: 0.875rem; /* 调整表格字体大小 */
    }

    .btn {
        font-size: 0.75rem; /* 缩小按钮字体 */
        padding: 0.2rem 0.4rem; /* 缩小按钮尺寸 */
    }

    .form-control {
        max-width: 100%; /* 确保搜索框在小屏幕上全宽 */
    }
}