/* 分页容器样式 - 使用独特的选择器避免冲突 */
p#page {
    /* float: right; */
    font-family: 'Segoe UI', Arial, sans-serif; /* 现代字体 */
    font-size: 14px;
    color: #555; /* 中性文字颜色 */
    padding: 12px 0 0 0;
    margin: 15px 0;
    /*border-top: 1px solid #eee; !* 顶部细线分隔 *!*/
    /*border-bottom: 1px solid #eee; !* 底部细线分隔 *!*/
    /*background-color: #f9f9f9; !* 浅灰色背景 *!*/
    border-radius: 4px; /* 轻微圆角 */
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 记录信息样式 */
span.pagesinfo {
    color: #777; /* 较浅的文字颜色 */
    margin-right: 15px; /* 右侧间距 */
    font-weight: normal; /* 正常字体粗细 */
}

/* 页码信息样式 */
span.pagesinfo b {
    color: #333; /* 加深数字颜色 */
    font-weight: bold; /* 加粗数字 */
}

/* 禁用按钮样式 (首页/上一页) */
span.nocheck {
    color: #ccc; /* 灰色表示禁用 */
    cursor: default; /* 默认光标 */
    margin-right: 8px; /* 右侧间距 */
}

/* 当前页码样式 */
span#spage span {
    display: inline-block;
    padding: 4px 10px;
    background-color: #4a90e2; /* 蓝色背景 */
    color: white; /* 白色文字 */
    border-radius: 3px; /* 圆角 */
    margin-right: 8px; /* 右侧间距 */
    font-weight: bold; /* 加粗 */
}

/* 可点击页码链接样式 */
a.apage {
    display: inline-block;
    padding: 4px 10px;
    margin-right: 6px; /* 右侧间距 */
    color: #4a90e2; /* 蓝色文字 */
    text-decoration: none; /* 无下划线 */
    border: 1px solid #e0e0e0; /* 浅灰色边框 */
    border-radius: 3px; /* 圆角 */
    transition: all 0.2s ease; /* 平滑过渡效果 */
}

/* 可点击页码悬停效果 */
a.apage:hover {
    background-color: #f0f7ff; /* 浅蓝色背景 */
    color: #2a70c2; /* 深蓝色文字 */
    border-color: #c0d0e0; /* 稍深的边框 */
}

/* 尾页样式调整 */
a.apage:last-child {
    margin-right: 0; /* 移除最后一个链接的右侧间距 */
}