/**
 * 文章列表 + 详情页卡片化（与产品详情同一套层次）
 */

/* —— 文章详情 —— */
.page-article-detail .article-detail-page__article {
	max-width: var(--container-width, 1330px);
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	padding: 28px 32px 32px;
	box-sizing: border-box;
}

.page-article-detail .article-detail-page__header {
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee;
}

.page-article-detail .article-detail-page__body {
	color: #444;
}

.page-article-detail .article-detail-prev-next {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
	margin: 0;
	padding: 24px 0 0;
	border-top: 1px solid #eee;
	list-style: none;
}

.page-article-detail .article-detail-prev-next__item {
	flex: 1;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-article-detail .article-detail-prev-next__item--next {
	text-align: right;
}

.page-article-detail .article-detail-prev-next__label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #888;
}

.page-article-detail .article-detail-prev-next__link {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	word-break: break-word;
}

.page-article-detail .article-detail-prev-next__link a {
	color: var(--theme-color, #1969bc);
	text-decoration: none;
}

.page-article-detail .article-detail-prev-next__link a:hover {
	text-decoration: underline;
}

.page-article-detail .article-detail-page__related {
	margin-top: 28px;
}

.page-article-detail .article-detail-page__related-inner {
	max-width: var(--container-width, 1330px);
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	padding: 28px 32px 32px;
	box-sizing: border-box;
}

.page-article-detail .article-detail-page__related-card {
	padding: 16px;
	border: 1px solid #eee;
	border-radius: 4px;
	background: #fafbfc;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.page-article-detail .article-detail-page__related-card:hover {
	border-color: #d8dde3;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

@media (max-width: 767px) {
	.page-article-detail .article-detail-page__article,
	.page-article-detail .article-detail-page__related-inner {
		padding: 20px 16px 24px;
	}

	.page-article-detail .article-detail-prev-next {
		flex-direction: column;
		gap: 16px;
	}

	.page-article-detail .article-detail-prev-next__item--next {
		text-align: left;
	}
}

/**
 * 文章列表
 */

.page-article .article-list-page__layout {
	padding-top: 48px;
	padding-bottom: 64px;
}

.page-article .article-list-page__pager {
	margin-top: 36px;
}

@media (max-width: 767px) {
	.page-article .article-list-page__layout {
		padding-top: 28px;
		padding-bottom: 40px;
	}

	.page-article .article-list-page__pager {
		margin-top: 28px;
	}
}