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

   首屏「四套方向」编辑版（A 墨色案头 / B 米白纸绢 / C 晨光窗影 / D 深绿展柜）

   文字全部为网页文字层，图片本身零文字。

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



.am-hero--editorial {

	/* 定位带在本 section 内，底色必须用纸色，否则深底深字看不清 */

	background: var(--am-bg, #fbf7f0);

}



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

	padding: 26px 0 10px;

}



/* 编辑版不使用轮播控件 */

.am-hero--editorial .am-carousel__dots,

.am-hero--editorial .am-hero__cue,

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

	display: none;

}



.am-ed-hero {

	position: relative;

	isolation: isolate;

	overflow: hidden;

	width: 100%;

	aspect-ratio: 3200 / 1000;

	min-height: 420px;

	max-height: 88vh;

	background: #10130d;

	color: #f6f2e9;

}



.am-ed-hero__media {

	position: absolute;

	inset: 0;

	z-index: 0;

}



.am-ed-hero__media img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: 60% center;

}



/* 左侧承载层：保证文字区足够干净（深色版压暗，浅色版提亮） */

.am-ed-hero::before {

	content: "";

	position: absolute;

	inset: 0;

	z-index: 1;

	pointer-events: none;

}



.am-ed-hero--a::before {

	background: linear-gradient(90deg, rgba(10, 9, 7, .58) 0%, rgba(10, 9, 7, .34) 30%, rgba(10, 9, 7, 0) 52%);

}



.am-ed-hero--d::before {

	background: linear-gradient(90deg, rgba(6, 20, 15, .52) 0%, rgba(6, 20, 15, .28) 30%, rgba(6, 20, 15, 0) 52%);

}



.am-ed-hero--b::before,

.am-ed-hero--c::before {

	background: linear-gradient(90deg, rgba(252, 249, 243, .62) 0%, rgba(252, 249, 243, .38) 30%, rgba(252, 249, 243, 0) 54%);

}



.am-ed-hero__body {

	position: absolute;

	z-index: 2;

	left: 7.5%;

	top: 50%;

	transform: translateY(-50%);

	width: min(42%, 580px);

}



/* ---------- 眉标 ---------- */

.am-ed-hero__eyebrow {

	position: relative;

	display: flex;

	align-items: baseline;

	flex-wrap: wrap;

	gap: 0 10px;

	margin: 0 0 22px;

	padding-bottom: 12px;

	font-size: 12px;

	line-height: 1.6;

	letter-spacing: .2em;

	text-transform: uppercase;

}



.am-ed-hero__eyebrow::after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 26px;

	height: 1px;

	background: currentColor;

	opacity: .55;

}



.am-ed-hero__brand {

	font-weight: 500;

}



.am-ed-hero__dot,

.am-ed-hero__meta {

	opacity: .68;

	font-weight: 300;

}



/* ---------- 主标 ---------- */

.am-ed-hero__title {

	margin: 0 0 16px;

	font-family: var(--am-font-serif, "Songti SC", serif);

	font-size: clamp(30px, 3.62vw, 52px);

	font-weight: 300;

	line-height: 1.2;

	letter-spacing: .09em;

	color: inherit;

	text-shadow: none;

}



.am-ed-hero__l1,

.am-ed-hero__l2 {

	display: block;

}



.am-ed-hero__l2 {

	padding-left: .95em;

}



/* ---------- 副标 / 辅助行 ---------- */

.am-ed-hero__sub {

	margin: 0 0 12px;

	max-width: 30em;

	font-size: clamp(12.5px, .95vw, 14.5px);

	line-height: 1.95;

	letter-spacing: .02em;

	opacity: .84;

}



.am-ed-hero__helper {

	margin: 0 0 18px;

	font-size: 12px;

	line-height: 1.7;

	letter-spacing: .1em;

	opacity: .92;

}



.am-ed-hero__helper::before {

	content: "";

	display: inline-block;

	width: 12px;

	height: 1px;

	margin-right: 8px;

	vertical-align: middle;

	background: currentColor;

	opacity: .6;

}



/* ---------- 按钮 ---------- */

.am-ed-hero__actions {

	display: flex;

	align-items: center;

	gap: 24px;

	flex-wrap: wrap;

}



.am-ed-hero__btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	height: 46px;

	padding: 0 27px;

	border-radius: 999px;

	font-size: 14px;

	font-weight: 500;

	letter-spacing: .04em;

	text-decoration: none;

	transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;

}



.am-ed-hero__btn:hover,

.am-ed-hero__btn:focus-visible {

	transform: translateY(-1px);

	box-shadow: 0 8px 22px rgba(0, 0, 0, .22);

}



.am-ed-hero__link {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	padding-bottom: 3px;

	border-bottom: 1px solid currentColor;

	font-size: 13.5px;

	letter-spacing: .06em;

	text-decoration: none;

	opacity: .8;

	transition: opacity .2s ease;

}



.am-ed-hero__link:hover,

.am-ed-hero__link:focus-visible {

	opacity: 1;

}



.am-ed-hero__arrow {

	transition: transform .25s ease;

}



.am-ed-hero__link:hover .am-ed-hero__arrow {

	transform: translateX(3px);

}



/* ---------- 配送角标 ---------- */

.am-ed-hero__badge {

	position: absolute;

	z-index: 2;

	left: 7.5%;

	bottom: 14px;

	margin: 0;

	font-size: 11.5px;

	letter-spacing: .14em;

	opacity: .72;

	text-shadow: 0 1px 8px rgba(0, 0, 0, .55);

}



/* ---------- 四版配色 ---------- */

.am-ed-hero--a,

.am-ed-hero--d {

	color: #f6f2e9;

}



.am-ed-hero--a .am-ed-hero__helper,

.am-ed-hero--d .am-ed-hero__helper {

	color: #c9a96a;

}



.am-ed-hero--a .am-ed-hero__btn {

	background: #f6f2e9;

	color: #1a1815;

}



.am-ed-hero--d .am-ed-hero__btn {

	background: #d9bf8b;

	color: #16251c;

}



.am-ed-hero--b,

.am-ed-hero--c {

	color: #26231f;

}



.am-ed-hero--b .am-ed-hero__helper,

.am-ed-hero--c .am-ed-hero__helper {

	color: #9a7b4f;

}



.am-ed-hero--b .am-ed-hero__btn,

.am-ed-hero--c .am-ed-hero__btn {

	background: #26231f;

	color: #f8f4ec;

}



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

   平板 / 手机

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

@media (max-width: 899px) {

	.am-ed-hero {

		aspect-ratio: 1080 / 1350;

		max-height: 90vh;

		min-height: 0;

	}



	.am-ed-hero__media img {

		object-position: 50% top;

	}



	/* 手机版文字在上，产品在下（与设计稿 M 版一致） */

	.am-ed-hero__body {

		left: 7%;

		right: 7%;

		top: 7%;

		width: auto;

		transform: none;

	}



	.am-ed-hero__eyebrow {

		margin-bottom: 13px;

		padding-bottom: 10px;

		font-size: 10px;

		letter-spacing: .14em;

	}



	.am-ed-hero__title {

		margin-bottom: 13px;

		font-size: clamp(25px, 7.2vw, 30px);

		line-height: 1.2;

		letter-spacing: .06em;

	}



	.am-ed-hero__l2 {

		padding-left: .78em;

	}



	.am-ed-hero__sub {

		margin-bottom: 10px;

		font-size: 12.5px;

		line-height: 1.75;

	}



	/* 手机端与眉标信息重复，且会把手串顶到文字下面，隐藏 */

	.am-ed-hero__helper { display: none; }



	.am-ed-hero__actions {

		gap: 18px;

	}



	.am-ed-hero__btn {

		height: 44px;

		padding: 0 22px;

		font-size: 13.5px;

	}



	.am-ed-hero__link {

		font-size: 12.5px;

	}



	.am-ed-hero__badge {

		left: 7%;

		bottom: 16px;

		font-size: 10px;

		letter-spacing: .1em;

		text-shadow: 0 1px 8px rgba(0, 0, 0, .5);

	}



	/* 手机端浅色版：文字区提亮更彻底，避免压在窗帘纹理上 */

	.am-ed-hero--b::before,

	.am-ed-hero--c::before {

		background: linear-gradient(180deg, rgba(252, 249, 243, .9) 0%, rgba(252, 249, 243, .72) 38%, rgba(252, 249, 243, .18) 52%, rgba(252, 249, 243, 0) 60%);

	}



	.am-ed-hero--a::before,

	.am-ed-hero--d::before {

		background: linear-gradient(180deg, rgba(8, 10, 8, .9) 0%, rgba(8, 10, 8, .74) 30%, rgba(8, 10, 8, .46) 46%, rgba(8, 10, 8, .12) 57%, rgba(8, 10, 8, 0) 65%);

	}

}