/* 分页容器布局 */
.pagination-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 0;
    text-align:center;
    max-width:768px;
}
.pagecontainer {
    font-size:16px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    max-width: 768px;
    margin: 20px 10px; /* 上下外边距是20像素，左右外边距是10像素 */
}
/* 分页按钮组 */
.pagination {
    display: flex;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

    /* 分页按钮 */
    .pagination li {
        display: flex;
    }

        .pagination li a {
            padding: 6px 12px;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            background: #fff;
            color: #333;
            cursor: pointer;
            transition: all 0.2s;
            text-decoration: none;
        }

            /* 交互状态 */
            .pagination li a:hover:not(.active) {
                background: #f5f5f5;
            }

            .pagination li a.active {
                background: #007bff;
                color: white;
                border-color: #007bff;
            }

/* 统计输入框 */
.total-input {
    width: 60px;
    padding: 4px 8px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center;
    font-family: inherit;
}