/* ==========================================================================

   首屏 · 浅色矮版（八帧轮播）

   暖白 #F7F5F0 / 墨绿 #4A6B55 / 细线 #DDD8CC，文字全为网页层。

   ========================================================================== */



.am-lh {

	position: relative;

	isolation: isolate;

	overflow: hidden;

	width: 100%;

	height: clamp(260px, 28vw, 420px);

	background: #f7f5f0;

}



.am-lh__slide {

	position: absolute;

	inset: 0;

	opacity: 0;

	transition: opacity .75s ease;

	pointer-events: none;

}



.am-lh__slide.is-on {

	opacity: 1;

	pointer-events: auto;

}



.am-lh__slide picture {

	display: block;

	width: 100%;

	height: 100%;

}



.am-lh__slide img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: 50% center;

}



/* ---------- 文字层 ---------- */

.am-lh__copy {

	position: absolute;

	left: 6.9%;

	top: 11.5%;

	width: 38%;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	color: #2f3531;

}



.am-lh__kicker {

	display: flex;

	align-items: baseline;

	justify-content: space-between;

	width: 100%;

	padding-top: 8px;

	border-top: 1px solid #ddd8cc;

	font-size: clamp(9px, .78vw, 12px);

	letter-spacing: .06em;

	color: #7c827b;

	line-height: 1.3;

}



.am-lh__title {

	margin: clamp(10px, 1.5vw, 22px) 0 0;

	font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;

	font-size: clamp(26px, 2.72vw, 42px);

	font-weight: 300;

	line-height: 1.24;

	letter-spacing: .04em;

	color: #2f3531;

}



.am-lh__lead {

	margin: clamp(5px, .65vw, 9px) 0 0;

	font-size: clamp(11px, .98vw, 15px);

	line-height: 1.75;

	letter-spacing: .01em;

	color: #2f3531;

}



.am-lh__brand {

	margin: clamp(3px, .45vw, 7px) 0 0;

	font-size: clamp(9px, .78vw, 11.5px);

	line-height: 1.6;

	letter-spacing: .03em;

	color: #7c827b;

}



.am-lh__rule {

	width: 100%;

	height: 1px;

	margin: clamp(9px, 1.15vw, 17px) 0;

	background: #ddd8cc;

}



.am-lh__spec {

	margin: 0;

	font-size: clamp(10px, .86vw, 13px);

	line-height: 1.8;

	letter-spacing: .01em;

	color: #2f3531;

}



.am-lh__spec span {

	color: #7c827b;

}



.am-lh__series {

	margin: clamp(6px, .85vw, 12px) 0 0;

	font-size: clamp(10px, .84vw, 12px);

	font-weight: 500;

	letter-spacing: .06em;

	color: #4a6b55;

}



.am-lh__cta {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-top: clamp(8px, 1.1vw, 16px);

	padding-bottom: 5px;

	border-bottom: 2px solid #4a6b55;

	color: #2f3531;

	font-size: clamp(11px, .96vw, 14.5px);

	font-weight: 500;

	letter-spacing: .04em;

	text-decoration: none;

	transition: color .2s ease, border-color .2s ease;

}



.am-lh__cta:hover,

.am-lh__cta:focus-visible {

	color: #4a6b55;

	border-color: #2f3531;

}



.am-lh__arrow {

	transition: transform .25s ease;

}



.am-lh__cta:hover .am-lh__arrow {

	transform: translateX(3px);

}



/* ---------- 页码 / 圆点 / 箭头 ---------- */

.am-lh__count {

	position: absolute;

	right: 6.9%;

	bottom: 8%;

	margin: 0;

	font-size: clamp(9px, .75vw, 12px);

	letter-spacing: .1em;

	color: #7c827b;

}



.am-lh__dots {

	position: absolute;

	left: 6.9%;

	bottom: 8%;

	display: flex;

	gap: 9px;

	z-index: 3;

}



.am-lh__dot {

	width: 7px;

	height: 7px;

	padding: 0;

	border: 0;

	border-radius: 50%;

	background: #ddd8cc;

	cursor: pointer;

	transition: background .2s ease, transform .2s ease;

}



.am-lh__dot:hover {

	transform: scale(1.25);

}



.am-lh__dot.is-on {

	background: #4a6b55;

}



.am-lh__nav {

	position: absolute;

	right: 2%;

	top: 50%;

	transform: translateY(-50%);

	display: flex;

	gap: 8px;

	z-index: 3;

}



.am-lh__nav-btn {

	width: 34px;

	height: 34px;

	padding: 0;

	border: 1px solid #ddd8cc;

	border-radius: 50%;

	background: rgba(247, 245, 240, .88);

	color: #2f3531;

	font-size: 14px;

	line-height: 1;

	cursor: pointer;

	transition: background .2s ease, border-color .2s ease;

}



.am-lh__nav-btn:hover,

.am-lh__nav-btn:focus-visible {

	background: #fff;

	border-color: #b9b2a2;

}



@media (prefers-reduced-motion: reduce) {

	.am-lh__slide {

		transition: none;

	}

}



/* ==========================================================================

   定位带：浅底 + 内侧细分线（原来落在深底上等于一块黑）

   ========================================================================== */

.am-hero.am-hero--editorial {

	background: #f7f5f0;

	color: #2f3531;

}



.am-hero--editorial > .am-hero__positioning {

	position: relative;

	z-index: 3;

	display: flex;

	align-items: center;

	justify-content: space-between;

	flex-wrap: wrap;

	gap: 16px 26px;

	max-width: 1440px;

	margin: 0 auto;

	padding: 18px 6.9% 20px;

	border-top: 1px solid #ddd8cc;

}



.am-hero--editorial .am-hero__pos-text {

	margin: 0;

	font-size: 11.5px;

	font-weight: 400;

	letter-spacing: .2em;

	color: #7c827b;

}



.am-hero--editorial .am-hero__chips {

	display: flex;

	flex-wrap: wrap;

	gap: 9px;

	margin: 0;

}



.am-hero--editorial .am-hero__chip {

	display: inline-flex;

	align-items: center;

	gap: 7px;

	height: 34px;

	padding: 0 15px;

	border: 1px solid #ddd8cc;

	border-radius: 999px;

	background: rgba(255, 255, 255, .6);

	color: #3d443e;

	font-size: 12.5px;

	letter-spacing: .04em;

	text-decoration: none;

	transition: background .2s ease, border-color .2s ease, transform .2s ease;

}



.am-hero--editorial .am-hero__chip:hover,

.am-hero--editorial .am-hero__chip:focus-visible {

	background: #fff;

	border-color: #b9b2a2;

	transform: translateY(-1px);

}



.am-hero--editorial .am-hero__chip svg {

	opacity: .65;

}



/* ==========================================================================

   手机

   ========================================================================== */

@media (max-width: 899px) {

	/* 图片在上（4:3 原图比例），文字落到下方米白留白区，避免压图 */

	.am-lh {

		height: calc(53vw + 150px);

		max-height: none;

	}



	.am-lh__slide picture {

		height: 53vw;

		overflow: hidden;

	}



	.am-lh__slide img {

		object-position: 50% top;

	}



	.am-lh__copy {

		left: 5.4%;

		right: 5.4%;

		top: calc(53vw + 10px);

		bottom: auto;

		width: auto;

	}



	.am-lh__kicker,

	.am-lh__brand,

	.am-lh__rule,

	.am-lh__lead {

		display: none;

	}



	.am-lh__title {

		margin: 0;

		font-size: clamp(19px, 5.2vw, 24px);

		line-height: 1.2;

		letter-spacing: .03em;

	}



	/* 手机次序：标题 → 系列 → 规格 → CTA */

	.am-lh__series {

		order: 2;

		margin-top: 4px;

		font-size: 10.5px;

		letter-spacing: .04em;

	}



	.am-lh__spec {

		order: 3;

		margin-top: 3px;

		font-size: 10px;

		line-height: 1.55;

		color: #7c827b;

	}



	.am-lh__spec br {

		display: none;

	}



	.am-lh__spec span::before {

		content: " · ";

	}



	.am-lh__cta {

		order: 4;

		margin-top: 8px;

		padding-bottom: 3px;

		font-size: 11.5px;

		border-bottom-width: 1.5px;

	}



	.am-lh__count {

		right: 5.4%;

		bottom: 14px;

		font-size: 9.5px;

	}



	.am-lh__dots {

		left: 5.4%;

		bottom: 12px;

		gap: 7px;

	}



	.am-lh__dot {

		width: 6px;

		height: 6px;

	}



	.am-lh__nav {

		display: none;

	}



	/* 定位带：手机横排收紧 */

	.am-hero--editorial > .am-hero__positioning {

		flex-direction: column;

		align-items: flex-start;

		gap: 11px;

		padding: 14px 5.4% 16px;

	}



	.am-hero--editorial .am-hero__pos-text {

		font-size: 10.5px;

		letter-spacing: .1em;

		line-height: 1.7;

	}



	.am-hero--editorial .am-hero__chips {

		gap: 6px;

	}



	.am-hero--editorial .am-hero__chip {

		height: 30px;

		padding: 0 10px;

		font-size: 10.5px;

		gap: 5px;

	}



	.am-hero--editorial .am-hero__chip svg {

		width: 14px;

		height: 14px;

	}

}