/* 统一分页样式 - 整合内容页和列表页 */
#page, .search-pagination {
    margin: 20px 0;
    text-align: center;
    font-size: 14px;
}

.pagination {
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
    list-style: none;
    display: inline-flex;
    align-items: center;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #8B5A2B; /* 使用网站主色调 */
    background-color: #F5F5DC; /* 浅色背景 */
    border: 1px solid #D2B48C; /* 木质色边框 */
    margin-left: -1px;
    transition: all 0.3s ease;
}

/* 移除默认边距冲突 */
.search-pagination > .pagination > li > a {
    margin: 0 3px;
}

/* 圆角处理 */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

/* 上一页/下一页图标 */
.pagination .prev a:before,
.pagination .next a:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.pagination .prev a:before {
    content: "\f053";
    margin-right: 6px;
}

.pagination .next a:after {
    content: "\f054";
    margin-left: 6px;
}

/* 交互状态 - 悬停和焦点 */
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #8B5A2B; /* 主色调背景 */
    border-color: #8B5A2B; /* 主色调边框 */
    transform: translateY(-2px);
    outline: none;
}

/* 当前页样式 */
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > li > span.current,
.search-pagination > .pagination > .page-active > a {
    z-index: 3;
    color: #fff;
    background-color: #8B5A2B;
    border-color: #8B5A2B;
    font-weight: bold;
    cursor: default;
}

/* 禁用状态 */
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover,
#page .nopage {
    color: #999;
    background-color: #f1efe5;
    border-color: #e0d9c5;
    cursor: not-allowed;
}

#page .nopage:hover {
    background-color: #f1efe5;
    color: #999;
    border-color: #e0d9c5;
}

        
		/* 分页样式 */
        .pagination {
            margin: 2rem 0;
            text-align: center;
        }
        
        .pagination a {
            display: inline-block;
            padding: 0.5rem 1rem;
            margin: 0 0.25rem;
            border: 1px solid #D2B48C;
            border-radius: 4px;
            color: #8B5A2B;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        .pagination a:hover,
        .pagination a.current {
            background-color: #8B5A2B;
            color: white;
            border-color: #8B5A2B;
        }

/* 隐藏页面信息 */
#page .pageinfo {
    display: none;
}

/* 响应式调整 */
@media (max-width: 640px) {
    .pagination > li > a,
    .pagination > li > span {
        padding: 5px 10px;
        font-size: 12px;
    }
    
    .pagination .prev a span,
    .pagination .next a span {
        display: none;
    }
    
    .pagination .prev a:before,
    .pagination .next a:after {
        margin: 0;
    }
}