/* =========================================================
   polish.css — 视觉与体验增强（保守覆盖，不破坏原设计）
   适用于试管流程网 www.shiguanyingerliucheng.com
   ========================================================= */

/* ---------- 首页 H1（视觉与原 h4 小节标题一致） ---------- */
.page-intro__full h1.intro-h1 {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
	color: #484848;
}
.page-intro__full h1.intro-h1 em,
.page-intro__full h1.intro-h1 span {
	font-style: normal;
	color: #3FA18E;
}

/* ---------- 可访问性 ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 2px solid #3FA18E;
	outline-offset: 2px;
	border-radius: 2px;
}
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: #3FA18E;
	color: #fff;
	padding: 8px 16px;
	z-index: 99999;
}
.skip-link:focus {
	left: 8px;
	top: 8px;
}

/* ---------- 图片与排版基础 ---------- */
img {
	max-width: 100%;
	height: auto;
}
.wrap table {
	max-width: 100%;
}
body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ---------- 列表卡片悬停（更现代的反馈） ---------- */
.listInfo {
	transition: box-shadow .3s ease, transform .3s ease;
	border-radius: 8px;
}
.listInfo:hover {
	box-shadow: 0 10px 30px rgba(63, 161, 142, 0.12);
	transform: translateY(-2px);
}
.listInfo dt img {
	border-radius: 6px;
}
.news-pagelist li a {
	transition: color .3s ease, background .3s ease;
	border-radius: 6px;
}
.news-pagelist li a:hover {
	color: #3FA18E;
}

/* ---------- 分页 ---------- */
.page22 ul {
	list-style: none;
	padding: 0;
	text-align: center;
}
.page22 ul li {
	display: inline-block;
	margin: 0 4px;
}
.page22 ul li a,
.page22 ul li span {
	display: inline-block;
	min-width: 36px;
	padding: 7px 12px;
	border: 1px solid #e3e7e6;
	border-radius: 6px;
	color: #555;
	text-decoration: none;
	transition: all .25s ease;
	background: #fff;
}
.page22 ul li a:hover {
	border-color: #3FA18E;
	color: #3FA18E;
}
.page22 ul li.on span,
.page22 ul li.active span {
	background: #3FA18E;
	border-color: #3FA18E;
	color: #fff;
}

/* ---------- 文章详情阅读体验 ---------- */
.news-pagecontent .content {
	line-height: 1.9;
	color: #3a3a3a;
}
.news-pagecontent .content p {
	margin: 0 0 16px;
}
.news-pagecontent .content img {
	border-radius: 6px;
	height: auto;
}

/* ---------- 尊重减少动效偏好 ---------- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ---------- 移动端（/m/ 模板同样受益） ---------- */
@media (max-width: 768px) {
	body {
		overflow-x: hidden;
	}
	.w1600 {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 14px;
		padding-right: 14px;
		box-sizing: border-box;
	}
	.page-intro__full h1.intro-h1 {
		font-size: 24px;
	}
	.listInfo dd h3 {
		line-height: 1.5;
	}
	table {
		table-layout: fixed;
	}
	table td {
		word-break: break-word;
	}
}

/* =========================================================
   polish.css v2 — 2026-10-16 全站视觉升级
   主色 #3FA18E / 深色 #2E7D6E / 弱灰 #6b7280
   ========================================================= */

/* ---------- 全局基础质感 ---------- */
html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}
::selection {
	background: rgba(63, 161, 142, 0.22);
	color: #1f2937;
}
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-track {
	background: #f1f5f4;
}
::-webkit-scrollbar-thumb {
	background: #c3d6d1;
	border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
	background: #3FA18E;
}

/* ---------- 顶部导航 ---------- */
.header {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
	transition: box-shadow .3s ease;
}
.header .header-navs > ul > li > a.sub-item {
	transition: color .25s ease;
}
.header .header-navs > ul > li > a.sub-item:hover .nc,
.header .header-navs > ul > li > a.sub-item:hover .ne {
	color: #3FA18E;
}
.header .sub-menu {
	border-radius: 0 0 8px 8px;
	box-shadow: 0 12px 32px rgba(15, 40, 35, 0.14);
	border-top: 2px solid #3FA18E;
	transition: opacity .25s ease, transform .25s ease;
	transform-origin: top;
}
.header .sub-menu dd a {
	transition: color .2s ease, padding-left .2s ease;
}
.header .sub-menu dd a:hover {
	color: #3FA18E;
	padding-left: 4px;
}
.header-navs > ul > li.on > a.sub-item .nc,
.header-navs > ul > li.on > a.sub-item .ne {
	color: #3FA18E;
}

/* ---------- 面包屑 ---------- */
.crumb {
	background: transparent;
	border-bottom: 1px solid #eef2f1;
	color: #6b7280;
	font-size: 14px;
}
.crumb a {
	color: #6b7280;
	transition: color .2s ease;
}
.crumb a:hover {
	color: #3FA18E;
	text-decoration: none;
}

/* ---------- 列表卡片：图片悬停微缩放 ---------- */
.listInfo {
	overflow: hidden;
	background: #fff;
}
.listInfo dt {
	overflow: hidden;
}
.listInfo dt img {
	transition: transform .45s ease;
}
.listInfo:hover dt img {
	transform: scale(1.04);
}
.listInfo dd h3 a {
	transition: color .25s ease;
}
.listInfo dd h3 a:hover {
	color: #3FA18E;
	text-decoration: none;
}

/* ---------- 通用按钮 / 表单 ---------- */
a.btn,
button.btn,
input[type="submit"],
input[type="button"] {
	transition: background .25s ease, box-shadow .25s ease, transform .15s ease;
	border-radius: 6px;
}
a.btn:hover,
button.btn:hover {
	box-shadow: 0 6px 16px rgba(63, 161, 142, 0.28);
	transform: translateY(-1px);
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
select {
	border-radius: 6px;
	border-color: #e3e7e6;
	transition: border-color .25s ease, box-shadow .25s ease;
	outline: none;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
	border-color: #3FA18E;
	box-shadow: 0 0 0 3px rgba(63, 161, 142, 0.15);
}

/* ---------- 文章正文 ---------- */
.news-pagecontent .content a {
	color: #2E7D6E;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color .2s ease;
}
.news-pagecontent .content a:hover {
	color: #3FA18E;
}
.news-pagecontent .content h2,
.news-pagecontent .content h3 {
	margin: 28px 0 14px;
	line-height: 1.4;
}
.news-pagecontent .content blockquote {
	margin: 16px 0;
	padding: 12px 18px;
	background: #f6faf9;
	border-left: 4px solid #3FA18E;
	border-radius: 0 6px 6px 0;
	color: #4b5563;
}
.news-pagecontent .content table {
	border-collapse: collapse;
	width: 100%;
	margin: 16px 0;
}
.news-pagecontent .content table th,
.news-pagecontent .content table td {
	border: 1px solid #e3e7e6;
	padding: 8px 12px;
}

/* ---------- 页脚 ---------- */
.footer a,
footer a {
	transition: color .2s ease;
}
.footer a:hover,
footer a:hover {
	color: #3FA18E;
	text-decoration: none;
}

/* ---------- 回到顶部按钮 ---------- */
#wb-backtop {
	position: fixed;
	right: 22px;
	bottom: 90px;
	width: 46px;
	height: 46px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e3e7e6;
	box-shadow: 0 6px 20px rgba(15, 40, 35, 0.12);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity .3s ease, transform .3s ease, visibility .3s, background .25s ease;
	z-index: 9998;
}
#wb-backtop::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 12px;
	border-left: 2px solid #3FA18E;
	border-top: 2px solid #3FA18E;
	transform: translate(-50%, -30%) rotate(45deg);
	transition: border-color .25s ease;
}
#wb-backtop.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
#wb-backtop:hover {
	background: #3FA18E;
}
#wb-backtop:hover::before {
	border-color: #fff;
}

/* ---------- 小屏适配 ---------- */
@media (max-width: 768px) {
	#wb-backtop {
		right: 14px;
		bottom: 76px;
		width: 40px;
		height: 40px;
	}
	.header .sub-menu {
		box-shadow: none;
	}
	.crumb {
		font-size: 13px;
	}
	.listInfo:hover dt img {
		transform: none;
	}
}

/* ---------- 打印友好 ---------- */
@media print {
	.header,
	.footer,
	#wb-backtop,
	.crumb {
		display: none !important;
	}
}

/* =========================================================
   polish.css v3 — 2026-10-16 细节打磨（间距/边框/FAQ/GEO）
   ========================================================= */

/* ---------- 边距与边框细节修正 ---------- */
figure {
	margin: 0;
}
img[src=""],
img:not([src]) {
	display: none;
}
.listInfo:last-of-type {
	border-bottom: 0;
}
.listInfo dd h3 {
	margin: 0 0 8px;
	line-height: 1.45;
}
.listInfo dd p {
	margin: 0;
}
.listInfo .news-pagelist,
.news-pagelist {
	margin: 26px 0 6px;
}

/* ---------- 小节标题节奏 ---------- */
.page-intro__full h4 {
	letter-spacing: 2px;
	font-weight: 700;
}
.page-intro__full h1.intro-h1 {
	letter-spacing: 1px;
}
.page-intro__full {
	margin-bottom: 6px;
}

/* ---------- 医院/专家卡片 ---------- */
.article-title {
	line-height: 1.45;
	margin: 0 0 8px;
	font-size: 17px;
	transition: color .25s ease;
}
a:hover .article-title {
	color: #3FA18E;
}
figure img {
	border-radius: 8px;
	display: block;
	width: 100%;
	height: auto;
}
.responsive-img {
	border-radius: 8px;
}
.txt.paragraph {
	color: #6b7280;
	font-size: 14px;
	line-height: 1.75;
	margin: 0;
}

/* ---------- 文章正文细节 ---------- */
.news-pagecontent .content ul,
.news-pagecontent .content ol {
	margin: 0 0 16px;
	padding-left: 24px;
}
.news-pagecontent .content li {
	margin-bottom: 6px;
}
.news-pagecontent .content img {
	margin: 8px 0;
}
.news-pagecontent .content > p:first-child {
	margin-top: 0;
}

/* ---------- 首页 FAQ 区块 ---------- */
.wb-faq {
	max-width: 980px;
	margin: 26px auto 0;
}
.wb-faq details {
	background: #fff;
	border: 1px solid #e8ecea;
	border-radius: 10px;
	margin-bottom: 12px;
	overflow: hidden;
	transition: border-color .25s ease, box-shadow .25s ease;
}
.wb-faq details[open] {
	border-color: rgba(63, 161, 142, 0.45);
	box-shadow: 0 6px 18px rgba(63, 161, 142, 0.08);
}
.wb-faq summary {
	list-style: none;
	cursor: pointer;
	padding: 15px 52px 15px 18px;
	font-size: 16px;
	font-weight: 600;
	color: #2f3b39;
	position: relative;
	line-height: 1.5;
	-webkit-tap-highlight-color: transparent;
}
.wb-faq summary::-webkit-details-marker {
	display: none;
}
.wb-faq summary::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 10px;
	height: 10px;
	border-right: 2px solid #3FA18E;
	border-bottom: 2px solid #3FA18E;
	transform: translateY(-70%) rotate(45deg);
	transition: transform .25s ease, border-color .25s ease;
}
.wb-faq details[open] summary::after {
	transform: translateY(-30%) rotate(225deg);
}
.wb-faq summary:hover {
	color: #3FA18E;
}
.wb-faq__a {
	padding: 0 18px 16px;
	color: #55605e;
	font-size: 15px;
	line-height: 1.85;
}
.wb-faq__a p {
	margin: 0;
}

/* ---------- 移动端 FAQ 与表格 ---------- */
@media (max-width: 768px) {
	.wb-faq summary {
		font-size: 15px;
		padding: 13px 44px 13px 14px;
	}
	.wb-faq__a {
		padding: 0 14px 14px;
		font-size: 14px;
	}
	.news-pagecontent .content table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.article-title {
		font-size: 16px;
	}
	.wb-faq details {
		margin-bottom: 10px;
		border-radius: 8px;
	}
}