/* 护理新闻列表沿用内页横幅、栏目导航与面包屑。 */
.news-page { background: #f9f9f9; }
.news-page .inner-banner-photo img {
	position: absolute;
	left: 39.26%;
	top: -112%;
	width: 60.74%;
	height: 253.66%;
	object-fit: cover;
}
.news-content {
	width: min(1402px, calc(100% - 64px));
	padding-top: 39px;
	padding-bottom: 50px;
}
.news-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2px;
}
.news-grid.has-moving-highlight::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: var(--highlight-width);
	height: var(--highlight-height);
	background: var(--green);
	opacity: 0;
	transform: translate3d(var(--highlight-x), var(--highlight-y), 0);
	transition: transform .32s cubic-bezier(.25, .8, .25, 1), width .32s ease, height .32s ease, opacity .14s ease;
	pointer-events: none;
}
.news-grid.has-moving-highlight.is-highlight-visible::before { opacity: 1; }
.news-grid.is-measuring::before { transition: opacity .14s ease; }
.news-tile { min-width: 0; background: #fff; }
.news-tile-link {
	position: relative;
	z-index: 2;
	display: block;
	height: 480px;
	background: #fff;
	transition: color .2s ease;
}
.news-tile-link:hover,
.news-tile-link:focus-visible {
	background: var(--green);
	color: #fff;
}
.news-grid.has-moving-highlight .news-tile-link {
	background: transparent;
	color: var(--text);
}
.news-grid.has-moving-highlight .news-tile.is-current .news-tile-link { color: #fff; }
.news-tile time {
	position: absolute;
	left: 6.44%;
	top: 30px;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: .8px;
}
.news-tile h3 {
	position: absolute;
	left: 6.44%;
	right: 6.44%;
	top: 62px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 1.6px;
}
.news-tile img {
	position: absolute;
	left: 6.44%;
	top: 140px;
	width: 87.12%;
	height: 230px;
	object-fit: cover;
}
.news-tile p {
	position: absolute;
	left: 7.35%;
	right: 6.44%;
	top: 390px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 16px;
	line-height: 28px;
}
.news-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 40px;
	font-size: 14px;
	line-height: 22px;
}
.pagination-page {
	display: grid;
	place-items: center;
	min-width: 32px;
	height: 32px;
	padding-inline: 3px;
	border: 1px solid #e6f5e7;
	border-radius: 2px;
	background: #f8fffc;
	color: #0c1432;
}
.pagination-page.is-current {
	border-color: var(--green);
	background: var(--green);
	color: #fff;
	font-weight: 600;
}
.pagination-page.is-disabled { color: #b3d0c9; }
.pagination-page:not(.is-current):not(.is-disabled):hover { border-color: var(--green); color: var(--green); }
.pagination-page > span { font-size: 20px; line-height: 1; }
.pagination-jump {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: 8px;
	white-space: nowrap;
}
.pagination-jump input {
	width: 56px;
	height: 32px;
	padding: 0 4px;
	border: 1px solid #e6f5e7;
	border-radius: 2px;
	background: #fff;
	color: #0c1432;
	font-size: 14px;
	text-align: center;
	-moz-appearance: textfield;
}
.pagination-jump input::-webkit-inner-spin-button,
.pagination-jump input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
@media (prefers-reduced-motion: reduce) {
	.news-grid.has-moving-highlight::before,
	.news-tile-link { transition: none; }
}
@media (max-width: 1100px) {
	.news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.news-tile-link { height: 460px; }
	.news-tile img { height: 210px; }
	.news-tile p { top: 370px; }
}
@media (max-width: 767px) {
	.news-page .inner-banner-photo img {
		left: 22%;
		top: -20%;
		width: 100%;
		height: 140%;
		object-fit: cover;
	}
	.news-content { width: min(calc(100% - 32px), 500px); padding-top: 24px; padding-bottom: 40px; }
	.news-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.news-tile-link { height: auto; padding: 20px; }
	.news-tile time,
	.news-tile h3,
	.news-tile img,
	.news-tile p { position: static; }
	.news-tile time { display: block; font-size: 13px; line-height: 20px; }
	.news-tile h3 { margin: 10px 0 16px; font-size: 19px; line-height: 1.4; }
	.news-tile img { width: 100%; height: auto; aspect-ratio: 406 / 230; }
	.news-tile p { margin-top: 14px; font-size: 14px; line-height: 1.6; }
	.news-pagination { flex-wrap: wrap; gap: 6px; margin-top: 28px; }
	.news-pagination .pagination-page:nth-of-type(n+5):nth-of-type(-n+8),
	.news-pagination .pagination-ellipsis { display: none; }
	.pagination-jump { width: 100%; justify-content: center; margin: 6px 0 0; }
}