/*
 * 关于美林页 —— 在旧站版式基础上的现代化微调
 *
 * 基础版式（.about_banner / .about_con_tit / .about_detail1-8）来自 index.css，
 * 这里只做三件事：
 * 1. 板块标题从 div 换成 h2 后修正 UA 默认外边距；
 * 2. 内容图片统一圆角与间距（取代旧站 <br><br><br> 的硬换行）；
 * 3. 板块进入视口时轻微上浮淡入（见 about.js），尊重系统减少动态设置。
 */

h2.about_con_tit {
	margin: 40px auto 0;
}

/* 内容图（class="about-photo"，在自定义器内容里书写） */
.about-photo {
	display: block;
	margin: 0 auto 36px;
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

/* 内文字号：旧站 12px 偏小，微调至 14px 提升可读性 */
.about_con_box {
	font-size: 14px;
	line-height: 26px;
}

/* 工艺流程卡片：h3 / p 修正 UA 外边距，悬浮轻微上浮 */
.about_detail7 .tit {
	margin: 0;
}
.about_detail7 .con {
	margin: 10px 0 0 26px;
}
.about_detail7 .one {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.about_detail7 .one:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.about_detail7 .one:hover .imgbox {
	box-shadow: none;
}

/* 板块浮现动画（about.js 在支持 IntersectionObserver 时添加 .reveal） */
.about_section.reveal {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.about_section.reveal.is-visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.about_section.reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
	.about_detail7 .one {
		transition: none;
	}
	.about_detail7 .one:hover {
		transform: none;
		box-shadow: none;
	}
}