/* 分页主区域整体美化 */
.pagination .inline-flex {
    display: flex;
    box-shadow: none;
    border-radius: 6px;
    background: #fff;
    padding: 0;
    gap: 0;
}

/* 所有分页按钮（含箭头、数字） */
.pagination .inline-flex > * {
    margin: 0 4px;
}

/* 普通页码按钮 */
.pagination a,
.pagination .inline-flex a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    /*padding: 0 12px;*/
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #fff;
    color: #333;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
    box-sizing: border-box;
}

/* 当前页码按钮 */
.pagination [aria-current="page"],
.pagination .inline-flex > span[aria-current="page"] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    /*padding: 0 12px;
    border: 1px solid #4299e1;*/
    border-radius: 6px;
    background: #4299e1;
    color: #fff;

    box-shadow: 0 2px 8px rgba(66,153,225,0.08);
    margin: 0 4px;
    box-sizing: border-box;
}

.pagination [aria-current="page"] span{
    background: #4299e1;
    color: black;
    border: 1px solid #4299e1; 
}

/* 禁用按钮（如上一页/下一页不可点时） */
.pagination [aria-disabled="true"],
.pagination .cursor-default {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
   /* padding: 0 12px;*/
    border: 1px solid #e0e0e0; 
    border-radius: 6px;
    background: #f5f5f5;
    color: #bbb;
    cursor: not-allowed;
    box-sizing: border-box;
}

.pagination [aria-disabled="true"]{
 border: none;
}
.pagination .cursor-default{
   
}

/* 箭头按钮 */
.pagination svg {
    width: 18px;
    height: 18px;
    display: block;
    fill: currentColor;
    margin: 0 auto;
}

/* 省略号 */
.pagination .inline-flex span[aria-disabled="true"]:not([aria-label]) {
    background: transparent;
    border: none;
    color: #bbb;
    cursor: default;
    padding: 0 8px;
}

/* 分页信息文字 */
.pagination p {
    margin-bottom: 10px;
    color: #888;
    font-size: 14px;
    text-align: center;
}

/* 去除 Tailwind 的负 margin 和多余圆角 */
.pagination .-ml-px,
.pagination .rounded-l-md,
.pagination .rounded-r-md {
    margin-left: 0;
    border-radius: 6px;
}

/* 隐藏上方的 Previous/Next 按钮（移动端和桌面端） */
.pagination > nav > .flex.justify-between,
.pagination > nav > .flex.items-center.justify-between > .flex.justify-between {
    display: none;
}