/* 手机端分页样式 - 针对屏幕宽度小于768px的设备 */
@media (max-width: 1000px) {
    /* 缩小整体尺寸，适应手机屏幕 */
    .pagination {
        gap: 2px; /* 减小间距 */
    }

    .pagination-link,
    .pagination-item.disabled span,
    .pagination-ellipsis span {
        padding: 6px 10px; /* 减小内边距 */
        font-size: 14px; /* 缩小字体 */
    }

    /* 只显示关键页码，隐藏部分中间页码以节省空间 */
    .pagination-item:not(.active):not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)) {
        display: none;
    }

    /* 确保当前页前后各显示1个页码 */
    .pagination-item.active + .pagination-item,
    .pagination-item.active + .pagination-item + .pagination-item,
    .pagination-item.active + .pagination-ellipsis,
    .pagination-item.active ~ .pagination-ellipsis:last-of-type,
    .pagination-item.active ~ .pagination-item:last-of-type,
    .pagination-item.active ~ .pagination-item:nth-last-child(2),
    .pagination-item:nth-child(2) + .pagination-ellipsis,
    .pagination-ellipsis + .pagination-item {
        display: inline-block;
    }

    /* 优化触摸点击区域 */
    .pagination-link {
        min-width: 34px; /* 确保足够的点击区域 */
        text-align: center;
    }

    /* 简化上一页/下一页文本，节省空间 */
    .pagination-item:first-child .pagination-link,
    .pagination-item:first-child span,
    .pagination-item:last-child .pagination-link,
    .pagination-item:last-child span {
        font-size: 12px;
        padding: 6px 8px;
    }

    /* 可选：在极小屏幕上只显示上一页/下一页和当前页 */
    @media (max-width: 360px) {
        .pagination-item:not(.active):not(:first-child):not(:last-child) {
            display: none;
        }

        .pagination-item.active {
            margin: 0 4px;
        }
    }
}