/* ==========================================================================
   都市头条 - 作品集详情页 portfolio_show.htm 专属样式
   抽取自模板内联 <style>，2026-10-16。
   布局骨架（rank-list-* / stat-* / list-* / top3-hero-* / sidebar-* /
   ri-* / share-btn）由 /templates/default/bangdan/css/bangdan_show.css 提供，
   此处只放作品集详情页私有增量。
   ========================================================================== */

/* ---------- 空状态 ---------- */
.loading-tip{
	text-align:center;
	padding:40px;
	color:#888;
}

/* ---------- 分页 ---------- */
.pagination-wrap{
	margin-top:30px;
	display:flex;
	gap:8px;
	align-items:center;
	justify-content:center;
}
/* 分页改为 a 标签后的样式 */
.pagination-wrap a,.pagination-wrap span{
	padding:8px 14px;
	border:1px solid #ddd;
	background:#fff;
	border-radius:4px;
	color:#333;
	text-decoration:none;
	display:inline-block;
}
.pagination-wrap a:hover{
	border-color:#2563eb;
	color:#2563eb;
}
.pagination-wrap a.page-num.active{
	background:#2563eb;
	color:#fff;
	border-color:#2563eb;
}
/* 禁用态：模板用 <span class="page-prev page-disabled"> 渲染不可点的上一页/下一页 */
.page-disabled{
	background:#f4f4f4;
	color:#aaa;
	cursor:not-allowed;
	border-color:#eee;
}

/* ---------- 相关推荐：a 标签化后补充 ---------- */
a.related-item{
	text-decoration:none;
	color:inherit;
	display:block;
}
a.related-item:hover .ri-title{
	color:#2563eb;
}

/* ---------- 响应式 ---------- */
@media(max-width:768px){
	.pagination-wrap a,
	.pagination-wrap span{
		padding:6px 10px;
		font-size:14px;
	}
}