/* ==========================================================================
   YUMMY HIBACHI AT HOME — 品牌高级感设计层
   2026-08-22
   原则：不改任何文案与结构，只做视觉与交互升级。
   配色沿用站点既有品牌色（红 #C11A15 / 金 #EEB451 / 近黑 #140100），
   仅做精致化与渐变化，不改变品牌调性。
   ========================================================================== */

:root {
	--yh-ink:        #0A0A0C;
	--yh-ink-2:      #141418;
	--yh-ink-3:      #22222A;
	--yh-ember:      #C11A15;
	--yh-ember-dp:   #A5150F;
	--yh-ember-mid:  #C1201A;
	--yh-ember-lt:   #E8392C;
	--yh-gold:       #D9A84E;
	--yh-gold-lt:    #F4DEA2;
	--yh-gold-hi:    #FFF6DC;
	--yh-gold-dk:    #9C7328;

	/* 金属金渐变：高光 → 亮金 → 主金 → 暗金，模拟金属受光 */
	--yh-grad-gold:      linear-gradient(180deg, var(--yh-gold-hi) 0%, var(--yh-gold-lt) 26%, var(--yh-gold) 58%, var(--yh-gold-dk) 100%);
	/* 金色发丝线：两端渐隐，中间高光，用于分隔与描边 */
	--yh-hairline-gold:  linear-gradient(90deg, transparent 0%, rgba(156,115,40,.5) 10%, var(--yh-gold-hi) 50%, rgba(156,115,40,.5) 90%, transparent 100%);
	--yh-grad-ember:     linear-gradient(152deg, var(--yh-ember-mid) 0%, var(--yh-ember) 44%, var(--yh-ember-dp) 100%);
	--yh-grad-ink:       linear-gradient(180deg, rgba(10,10,12,.95) 0%, rgba(24,24,30,.88) 100%);

	--yh-ease:      cubic-bezier(.22,.61,.36,1);
	--yh-ease-out:  cubic-bezier(.16,1,.30,1);
	--yh-shadow:    0 20px 46px -22px rgba(0,0,0,.24);
	--yh-shadow-hi: 0 30px 66px -28px rgba(0,0,0,.30);
	--yh-glow-gold: 0 0 0 1px rgba(217,168,78,.35), 0 18px 46px -18px rgba(217,168,78,.38);
}

/* 选中文本也走品牌色 */
::selection { background: var(--yh-gold); color: var(--yh-ink); }


/* ==========================================================================
   1. 页眉 —— 常驻吸顶 + 墨黑渐变 + 金色发丝线
   ========================================================================== */

#masthead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 999;
	will-change: background-color;
	transition: box-shadow .55s var(--yh-ease);
}

/* 页眉条本体：纯黑 → 墨黑竖向渐变，两侧微微压深，中间提亮，做出"金属烤漆"层次 */
.ast-primary-header-bar,
.ast-mobile-header-wrap .ast-primary-header-bar {
	position: relative;
	background-color: transparent !important;
	background-image:
		radial-gradient(120% 180% at 50% -60%, rgba(193,26,21,.15) 0%, rgba(193,26,21,0) 62%),
		linear-gradient(180deg, #34343D 0%, #26262D 58%, #2F2F38 100%) !important;
	background-repeat: no-repeat;
}

/* 底部金色发丝线 —— 高级感的关键细节 */
.ast-primary-header-bar::after {
	content: '';
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 1px;
	background: var(--yh-hairline-gold);
	opacity: .75;
	transition: opacity .55s var(--yh-ease);
	pointer-events: none;
}

/* 滚动后：加深、模糊背衬、发丝线提亮，形成"浮起"的层级 */
body.yh-scrolled #masthead { box-shadow: 0 16px 34px -26px rgba(0,0,0,.34); }
body.yh-scrolled .ast-primary-header-bar {
	background-image:
		radial-gradient(120% 180% at 50% -60%, rgba(193,26,21,.10) 0%, rgba(193,26,21,0) 62%),
		linear-gradient(180deg, rgba(40,40,48,.82) 0%, rgba(50,50,60,.74) 100%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.3);
	backdrop-filter: blur(16px) saturate(1.3);
}
body.yh-scrolled .ast-primary-header-bar::after { opacity: 1; }

/* 滚动后页眉略微收窄，视觉更紧凑（不改变 logo 比例） */
body.yh-scrolled .ast-primary-header-bar { padding-top: 10px !important; padding-bottom: 10px !important; }
.ast-primary-header-bar { transition: padding .45s var(--yh-ease), background-image .55s var(--yh-ease); }

/* logo 轻微呼吸与滚动后缩放 */
.site-header .custom-logo-link img,
.ast-mobile-header-wrap .custom-logo-link img {
	transition: transform .55s var(--yh-ease), filter .55s var(--yh-ease);
	filter: drop-shadow(0 4px 12px rgba(0,0,0,.26));
}
body.yh-scrolled .site-header .custom-logo-link img { transform: scale(.9); }
.site-header .custom-logo-link:hover img { transform: scale(1.05) rotate(-1.5deg); }

/* --- 导航：金色渐变下划线由中心展开 --- */
.main-header-menu > .menu-item > .menu-link {
	position: relative;
	transition: color .35s var(--yh-ease);
}
.main-header-menu > .menu-item > .menu-link::after {
	content: '';
	position: absolute;
	left: 50%; right: 50%; bottom: 6px;
	height: 2px;
	border-radius: 2px;
	background: var(--yh-grad-gold);
	transition: left .42s var(--yh-ease-out), right .42s var(--yh-ease-out), opacity .3s;
	opacity: 0;
}
.main-header-menu > .menu-item > .menu-link:hover::after,
.main-header-menu > .menu-item.current-menu-item > .menu-link::after {
	left: 12px; right: 12px; opacity: 1;
}
.main-header-menu > .menu-item > .menu-link:hover { color: var(--yh-gold-lt) !important; }

/* --- 页眉 BOOK NOW 按钮：金属金渐变 + 掠光 --- */
.ast-builder-button-wrap .ast-custom-button {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	border-radius: 999px;
	background-image: var(--yh-grad-ember) !important;
	color: #fff !important;
	box-shadow: 0 0 0 1px rgba(217,168,78,.55), 0 12px 28px -14px rgba(193,26,21,.85);
	transition: transform .4s var(--yh-ease), box-shadow .4s var(--yh-ease), filter .4s;
	letter-spacing: .04em;
}
/* 掠光：一条斜向高光扫过 */
.ast-builder-button-wrap .ast-custom-button::before {
	content: '';
	position: absolute;
	top: -60%; bottom: -60%; left: -35%;
	width: 32%;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
	transform: translateX(-260%) skewX(-18deg);
	transition: transform .85s var(--yh-ease-out);
	pointer-events: none;
}
.ast-builder-button-wrap:hover .ast-custom-button::before { transform: translateX(560%) skewX(-18deg); }
.ast-builder-button-wrap:hover .ast-custom-button {
	transform: translateY(-2px);
	box-shadow: 0 0 0 1px var(--yh-gold), 0 18px 38px -14px rgba(193,26,21,.95), 0 0 26px -6px rgba(217,168,78,.5);
}

/* 移动端汉堡按钮也给金色描边 */
.ast-mobile-menu-trigger-fill,
.ast-mobile-menu-trigger-minimal {
	border: 1px solid rgba(217,168,78,.45) !important;
	border-radius: 10px !important;
	transition: border-color .35s, box-shadow .35s;
}
.ast-mobile-menu-trigger-fill:hover,
.ast-mobile-menu-trigger-minimal:hover {
	border-color: var(--yh-gold) !important;
	box-shadow: 0 0 18px -4px rgba(217,168,78,.55);
}


/* ==========================================================================
   2. 首屏 Hero —— 电影感压暗 + 金属金标题 + 依次入场
   仅作用于首页 hero 区块 5b7f622d，不影响其他页面
   ========================================================================== */

.elementor-element-5b7f622d { position: relative; isolation: isolate; }

/* 上下双向压暗：顶部让页眉浮起，底部让按钮更实，中间保留照片亮度 */
.elementor-element-5b7f622d::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(12,12,16,.42) 0%, rgba(12,12,16,.10) 28%, rgba(12,12,16,.06) 52%, rgba(12,12,16,.36) 100%),
		radial-gradient(120% 88% at 50% 62%, rgba(0,0,0,0) 44%, rgba(0,0,0,.16) 100%);
}
.elementor-element-5b7f622d > .elementor-container { position: relative; z-index: 2; }

/* 背景照片极缓慢推近（Ken Burns），30 秒一轮，几乎察觉不到但画面"活" */
.elementor-element-5b7f622d .elementor-background-video-container,
.elementor-element-5b7f622d > .elementor-background-overlay {
	animation: yhKenBurns 34s var(--yh-ease) infinite alternate;
}
@keyframes yhKenBurns {
	from { transform: scale(1)    translate3d(0,0,0); }
	to   { transform: scale(1.07) translate3d(0,-1.2%,0); }
}

/* --- Hero 图片：金色发丝描边 + 深阴影，做成"实体相框" --- */
.elementor-element-5b7f622d .elementor-widget-image { position: relative; }
.elementor-element-5b7f622d .elementor-widget-image img {
	border-radius: 14px;
	box-shadow:
		0 0 0 1px rgba(217,168,78,.55),
		0 0 0 6px rgba(255,255,255,.22),
		var(--yh-shadow-hi);
	transition: transform .8s var(--yh-ease-out), box-shadow .8s var(--yh-ease);
}
.elementor-element-5b7f622d .elementor-widget-image:hover img {
	transform: translateY(-6px) scale(1.015);
	box-shadow:
		0 0 0 1px var(--yh-gold),
		0 0 0 6px rgba(255,255,255,.30),
		0 34px 72px -30px rgba(0,0,0,.32),
		0 0 40px -10px rgba(217,168,78,.32);
}

/* --- Hero 主标题：金属金渐变文字 --- */
.elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title {
	letter-spacing: .012em;
	text-shadow: 0 2px 14px rgba(0,0,0,.32);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title {
		background-image: var(--yh-grad-gold);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		/* 渐变文字无法用 text-shadow，改用 drop-shadow 保证照片上的可读性 */
		text-shadow: none;
		filter: drop-shadow(0 2px 8px rgba(0,0,0,.40)) drop-shadow(0 0 20px rgba(217,168,78,.20));
	}
}

/* 标题下方金色短分隔线 */
.elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container { position: relative; }
.elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container::after {
	content: '';
	display: block;
	width: 132px; height: 2px;
	margin: 14px auto 0;
	border-radius: 2px;
	background: var(--yh-grad-gold);
	box-shadow: 0 0 16px -2px rgba(217,168,78,.7);
}

/* --- Hero 副标题：略微收敛，让位给标题 --- */
.elementor-element-5b7f622d .elementor-widget-text-editor {
	text-shadow: 0 2px 10px rgba(0,0,0,.34);
}

/* --- Hero 两个按钮 --- */
/* BOOK NOW：品牌红渐变 + 掠光 + 抬起 */
.elementor-element-5b7f622d .elementor-widget-button .elementor-button {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	border-radius: 999px;
	letter-spacing: .06em;
	transition: transform .42s var(--yh-ease), box-shadow .42s var(--yh-ease);
}
.elementor-element-5b7f622d .elementor-widget-button .elementor-button::before {
	content: '';
	position: absolute;
	top: -60%; bottom: -60%; left: -35%;
	width: 30%;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
	transform: translateX(-280%) skewX(-18deg);
	transition: transform .9s var(--yh-ease-out);
	pointer-events: none;
}
.elementor-element-5b7f622d .elementor-widget-button .elementor-button:hover::before {
	transform: translateX(600%) skewX(-18deg);
}
.elementor-element-5b7f622d .elementor-widget-button .elementor-button:hover {
	transform: translateY(-3px);
}

/* 第一个按钮（BOOK NOW）：红金复合 */
.elementor-element-5b7f622d .elementor-widget-button:nth-of-type(1) .elementor-button,
.elementor-element-5b7f622d .elementor-widget-button:not(:last-of-type) .elementor-button {
	background-image: var(--yh-grad-ember);
	box-shadow: 0 0 0 1px rgba(217,168,78,.5), 0 16px 34px -14px rgba(193,26,21,.9);
}
.elementor-element-5b7f622d .elementor-widget-button:not(:last-of-type) .elementor-button:hover {
	box-shadow: 0 0 0 1px var(--yh-gold), 0 24px 46px -14px rgba(193,26,21,1), 0 0 34px -8px rgba(217,168,78,.5);
}

/* 电话按钮（最后一个）：金色描边玻璃质感 + 呼吸光环，强化转化 */
.elementor-element-5b7f622d .elementor-widget-button:last-of-type .elementor-button {
	background-image: linear-gradient(180deg, rgba(255,246,220,.96) 0%, rgba(244,222,162,.92) 100%);
	color: var(--yh-ink) !important;
	box-shadow: 0 0 0 1px rgba(156,115,40,.55), 0 12px 26px -14px rgba(0,0,0,.28);
	font-weight: 700;
}
.elementor-element-5b7f622d .elementor-widget-button:last-of-type .elementor-button:hover {
	box-shadow: 0 0 0 1px var(--yh-gold-dk), 0 18px 36px -14px rgba(0,0,0,.32), 0 0 36px -6px rgba(217,168,78,.55);
}
.elementor-element-5b7f622d .elementor-widget-button:last-of-type .elementor-button i,
.elementor-element-5b7f622d .elementor-widget-button:last-of-type .elementor-button svg { color: var(--yh-ember) !important; fill: var(--yh-ember) !important; }

/* 电话按钮呼吸光环：吸引点击但不喧哗 */
.elementor-element-5b7f622d .elementor-widget-button:last-of-type .elementor-button::after {
	content: '';
	position: absolute;
	inset: -3px;
	border-radius: 999px;
	border: 1px solid rgba(217,168,78,.75);
	animation: yhHalo 2.8s var(--yh-ease) infinite;
	pointer-events: none;
}
@keyframes yhHalo {
	0%   { transform: scale(1);    opacity: .85; }
	70%  { transform: scale(1.16); opacity: 0; }
	100% { transform: scale(1.16); opacity: 0; }
}

/* --- Hero 内容依次入场（纯 CSS，无 JS 也能正常显示） --- */
.elementor-element-5b7f622d .elementor-widget {
	animation: yhRise .95s var(--yh-ease-out) both;
}
.elementor-element-5b7f622d .elementor-widget:nth-of-type(1) { animation-delay: .10s; }
.elementor-element-5b7f622d .elementor-widget:nth-of-type(2) { animation-delay: .22s; }
.elementor-element-5b7f622d .elementor-widget:nth-of-type(3) { animation-delay: .34s; }
.elementor-element-5b7f622d .elementor-widget:nth-of-type(4) { animation-delay: .46s; }
.elementor-element-5b7f622d .elementor-widget:nth-of-type(5) { animation-delay: .58s; }
@keyframes yhRise {
	from { opacity: 0; transform: translate3d(0, 26px, 0); }
	to   { opacity: 1; transform: translate3d(0, 0, 0); }
}


/* ==========================================================================
   3. 全站标题装饰 —— 金色发丝分隔线，统一节奏感
   ========================================================================== */

body.home .elementor-top-section:not(.elementor-element-5b7f622d) > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading:first-child .elementor-widget-container {
	position: relative;
	padding-bottom: 18px;
}
body.home .elementor-top-section:not(.elementor-element-5b7f622d) > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading:first-child .elementor-widget-container::after {
	content: "";
	position: absolute;
	left: 50%; bottom: 0;
	transform: translateX(-50%);
	width: 108px; height: 2px;
	border-radius: 2px;
	background: var(--yh-grad-gold);
	box-shadow: 0 0 14px -3px rgba(217,168,78,.6);
}


/* ==========================================================================
   4. 菜单区 —— 三张红卡升级为「火焰渐变 + 金边」高级卡
   原样式：纯色 #C61F1A、50px 圆角、无描边无阴影
   ========================================================================== */

.elementor-element-78cd72c8 .elementor-inner-column > .elementor-widget-wrap {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background-color: transparent !important;
	background-image: var(--yh-grad-ember) !important;
	box-shadow:
		0 0 0 1px rgba(217,168,78,.42),
		0 18px 40px -26px rgba(126,11,7,.28);
	transition: transform .55s var(--yh-ease-out), box-shadow .55s var(--yh-ease);
}

/* 卡内顶部一抹暖光，模拟炉火从上方打下来 */
.elementor-element-78cd72c8 .elementor-inner-column > .elementor-widget-wrap::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(88% 52% at 50% -8%, rgba(255,196,120,.34) 0%, rgba(255,196,120,0) 68%),
		radial-gradient(70% 40% at 50% 108%, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 70%);
	pointer-events: none;
}

/* 顶部金色发丝高光 */
.elementor-element-78cd72c8 .elementor-inner-column > .elementor-widget-wrap::after {
	content: "";
	position: absolute;
	left: 12%; right: 12%; top: 0;
	height: 1px;
	background: var(--yh-hairline-gold);
	opacity: .85;
	pointer-events: none;
}

.elementor-element-78cd72c8 .elementor-inner-column > .elementor-widget-wrap:hover {
	transform: translateY(-10px);
	box-shadow:
		0 0 0 1px var(--yh-gold),
		0 30px 60px -28px rgba(126,11,7,.36),
		0 0 46px -12px rgba(217,168,78,.34);
}

/* 卡内小标题给金色 */
.elementor-element-78cd72c8 .elementor-inner-column .elementor-icon-box-title,
.elementor-element-78cd72c8 .elementor-inner-column .elementor-icon-box-title a {
	color: var(--yh-gold-lt) !important;
}

/* instant free estimate 按钮 */
.elementor-element-78cd72c8 .elementor-widget-button .elementor-button {
	position: relative;
	overflow: hidden;
	border-radius: 999px;
	background-image: var(--yh-grad-ember);
	box-shadow: 0 0 0 1px rgba(217,168,78,.5), 0 16px 34px -14px rgba(193,26,21,.85);
	letter-spacing: .05em;
	transition: transform .42s var(--yh-ease), box-shadow .42s var(--yh-ease);
}
.elementor-element-78cd72c8 .elementor-widget-button .elementor-button::before {
	content: "";
	position: absolute;
	top: -60%; bottom: -60%; left: -35%; width: 30%;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
	transform: translateX(-280%) skewX(-18deg);
	transition: transform .9s var(--yh-ease-out);
	pointer-events: none;
}
.elementor-element-78cd72c8 .elementor-widget-button .elementor-button:hover::before {
	transform: translateX(600%) skewX(-18deg);
}
.elementor-element-78cd72c8 .elementor-widget-button .elementor-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 0 0 1px var(--yh-gold), 0 24px 46px -14px rgba(193,26,21,1), 0 0 34px -8px rgba(217,168,78,.5);
}


/* ==========================================================================
   5. 预约日历 iframe —— 套进金边面板，从「裸嵌入」变成品牌组件
   ========================================================================== */

.elementor-element-d75356a {
	background-image: linear-gradient(180deg, #FBF7EF 0%, #FFFFFF 100%);
	padding-top: 46px !important;
	padding-bottom: 46px !important;
}
.elementor-element-b886fee .elementor-widget-container {
	position: relative;
	border-radius: 18px;
	padding: 10px;
	background-image: linear-gradient(150deg, rgba(217,168,78,.85) 0%, rgba(156,115,40,.35) 42%, rgba(217,168,78,.7) 100%);
	box-shadow: var(--yh-shadow);
}
.elementor-element-b886fee iframe {
	display: block;
	border-radius: 12px;
	background: #fff;
}


/* ==========================================================================
   6. 相册 —— 悬停推近 + 金色描边 + 暖光提饱和
   ========================================================================== */

.elementor-element-5ef8504 img {
	border-radius: 12px;
	box-shadow: 0 0 0 1px rgba(156,115,40,.24), 0 14px 30px -22px rgba(0,0,0,.22);
	transition: transform .75s var(--yh-ease-out), box-shadow .55s var(--yh-ease), filter .55s;
	will-change: transform;
}
.elementor-element-5ef8504 a:hover img,
.elementor-element-5ef8504 .uael-grid-item:hover img,
.elementor-element-5ef8504 figure:hover img {
	transform: scale(1.06);
	filter: saturate(1.12) contrast(1.04);
	box-shadow:
		0 0 0 1px var(--yh-gold),
		0 22px 46px -24px rgba(0,0,0,.28),
		0 0 34px -10px rgba(217,168,78,.4);
}
/* 裁切容器，让缩放不溢出 */
.elementor-element-5ef8504 .uael-grid-item,
.elementor-element-5ef8504 .uael-gallery-item,
.elementor-element-5ef8504 figure {
	overflow: hidden;
	border-radius: 12px;
}


/* ==========================================================================
   7. 关于区（已有 fixed 视差背景）—— 加暗角与压暗，让白字更立体
   ========================================================================== */

.elementor-element-4600e0d { position: relative; isolation: isolate; }
.elementor-element-4600e0d::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(12,12,16,.40) 0%, rgba(12,12,16,.20) 45%, rgba(12,12,16,.42) 100%),
		radial-gradient(120% 90% at 50% 50%, rgba(0,0,0,0) 46%, rgba(0,0,0,.18) 100%);
}
.elementor-element-4600e0d > .elementor-container { position: relative; z-index: 2; }
.elementor-element-4600e0d .elementor-heading-title { text-shadow: 0 2px 12px rgba(0,0,0,.34); }


/* ==========================================================================
   8. 行动号召红条 —— 火焰渐变 + 上下双金线 + 金色按钮
   ========================================================================== */

.elementor-element-6180d4c7 {
	position: relative;
	background-color: transparent !important;
	background-image:
		radial-gradient(90% 160% at 12% 0%, rgba(255,180,110,.24) 0%, rgba(255,180,110,0) 60%),
		var(--yh-grad-ember) !important;
}
.elementor-element-6180d4c7::before,
.elementor-element-6180d4c7::after {
	content: "";
	position: absolute;
	left: 0; right: 0;
	height: 1px;
	background: var(--yh-hairline-gold);
	opacity: .8;
	pointer-events: none;
}
.elementor-element-6180d4c7::before { top: 0; }
.elementor-element-6180d4c7::after  { bottom: 0; }

.elementor-element-6180d4c7 .elementor-button {
	position: relative;
	overflow: hidden;
	border-radius: 999px;
	background-image: linear-gradient(180deg, var(--yh-gold-hi) 0%, var(--yh-gold-lt) 40%, var(--yh-gold) 100%);
	color: var(--yh-ink) !important;
	font-weight: 700;
	letter-spacing: .06em;
	box-shadow: 0 0 0 1px rgba(165,21,15,.32), 0 12px 26px -14px rgba(0,0,0,.26);
	transition: transform .42s var(--yh-ease), box-shadow .42s var(--yh-ease);
}
.elementor-element-6180d4c7 .elementor-button::before {
	content: "";
	position: absolute;
	top: -60%; bottom: -60%; left: -35%; width: 30%;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,.75), transparent);
	transform: translateX(-280%) skewX(-18deg);
	transition: transform .9s var(--yh-ease-out);
	pointer-events: none;
}
.elementor-element-6180d4c7 .elementor-button:hover::before { transform: translateX(600%) skewX(-18deg); }
.elementor-element-6180d4c7 .elementor-button:hover {
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 0 0 1px rgba(165,21,15,.5), 0 18px 38px -14px rgba(0,0,0,.30), 0 0 30px -6px rgba(255,246,220,.55);
}


/* ==========================================================================
   9. 客户评价 —— 裸内容升级为浮起卡片，星标转金
   ========================================================================== */

.elementor-element-6810ef4e .elementor-inner-column > .elementor-widget-wrap {
	position: relative;
	border-radius: 18px;
	padding: 26px 22px !important;
	background-image: linear-gradient(180deg, #FFFFFF 0%, #FBF7EF 100%);
	box-shadow:
		0 0 0 1px rgba(156,115,40,.22),
		0 14px 32px -26px rgba(0,0,0,.16);
	transition: transform .55s var(--yh-ease-out), box-shadow .55s var(--yh-ease);
}
.elementor-element-6810ef4e .elementor-inner-column > .elementor-widget-wrap:hover {
	transform: translateY(-8px);
	box-shadow:
		0 0 0 1px rgba(217,168,78,.75),
		0 26px 50px -26px rgba(0,0,0,.18),
		0 0 34px -14px rgba(217,168,78,.34);
}
/* 星标转金 */
.elementor-element-6810ef4e .elementor-star-rating i,
.elementor-element-6810ef4e .elementor-star-rating .elementor-star-full {
	color: var(--yh-gold) !important;
	filter: drop-shadow(0 2px 6px rgba(217,168,78,.45));
}
/* 左上角引号装饰 */
.elementor-element-6810ef4e .elementor-inner-column > .elementor-widget-wrap::before {
	content: "\201C";
	position: absolute;
	top: 2px; left: 16px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 66px;
	line-height: 1;
	color: rgba(193,26,21,.14);
	pointer-events: none;
}


/* ==========================================================================
   10. 社交图标 —— 金色悬停抬起
   ========================================================================== */

.elementor-element-755b5fa6 .elementor-social-icon {
	transition: transform .45s var(--yh-ease-out), box-shadow .45s var(--yh-ease), background-color .45s;
}
.elementor-element-755b5fa6 .elementor-social-icon:hover {
	transform: translateY(-5px) scale(1.08);
	box-shadow: 0 0 0 1px var(--yh-gold), 0 12px 26px -14px rgba(0,0,0,.22), 0 0 24px -8px rgba(217,168,78,.5);
}


/* ==========================================================================
   11. 页脚 —— 火焰渐变主栏 + 金色发丝线 + 墨黑底栏
   原样式：主栏纯色 #B7130E，底栏纯色 #140100
   ========================================================================== */

.site-primary-footer-wrap {
	position: relative;
	background-color: transparent !important;
	background-image:
		radial-gradient(70% 120% at 12% 0%, rgba(255,180,110,.20) 0%, rgba(255,180,110,0) 58%),
		radial-gradient(80% 130% at 88% 100%, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 62%),
		linear-gradient(158deg, #C1201A 0%, #D0332B 42%, #A5150F 100%) !important;
}
/* 顶部金色发丝线，把页脚与内容区干净切开 */
.site-primary-footer-wrap::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 0;
	height: 1px;
	background: var(--yh-hairline-gold);
	opacity: .85;
	pointer-events: none;
}

.site-below-footer-wrap {
	position: relative;
	background-color: transparent !important;
	background-image: linear-gradient(90deg, #3C1D18 0%, #4C251E 50%, #3C1D18 100%) !important;
}
.site-below-footer-wrap::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(217,168,78,.55) 50%, transparent);
	pointer-events: none;
}

/* 页脚链接金色悬停 + 下划线展开 */
.site-footer a {
	position: relative;
	transition: color .35s var(--yh-ease);
}
.site-footer a:hover { color: var(--yh-gold-lt) !important; }
.site-footer .elementor-social-icon,
.site-footer .ast-builder-social-element {
	transition: transform .45s var(--yh-ease-out), box-shadow .45s var(--yh-ease);
}
.site-footer .elementor-social-icon:hover,
.site-footer .ast-builder-social-element:hover {
	transform: translateY(-4px) scale(1.06);
	box-shadow: 0 0 0 1px var(--yh-gold), 0 12px 24px -12px rgba(0,0,0,.26);
}


/* ==========================================================================
   12. 滚动入场 —— JS 加 .yh-reveal，进入视口后加 .yh-in
   仅在 html.yh-anim 存在时才隐藏，JS 失效则内容照常显示（无障碍兜底）
   ========================================================================== */

/* 关键：隐藏态「不带」过渡。
   JS 在页脚才加 .yh-reveal，若隐藏态带过渡，元素会从可见 opacity:1
   花 0.95s 淡出到 0；而 Chrome 会节流屏幕外元素的过渡，使它停在 ~1
   不动，等滚到时再加 .yh-in（目标同为 1），动画等于没播。
   因此：进入隐藏态瞬时完成，只有 .yh-in 才带动画。 */
html.yh-anim .yh-reveal {
	opacity: 0;
	transform: translate3d(0, 34px, 0);
	transition: none;
	will-change: opacity, transform;
}
html.yh-anim .yh-reveal.yh-in {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		opacity .95s var(--yh-ease-out) var(--yh-delay, 0s),
		transform .95s var(--yh-ease-out) var(--yh-delay, 0s);
}
/* 入场完成 1.5s 后钉死最终状态：
   撤掉 will-change 释放合成层，同时把 opacity/transform 显式定为终值并
   关掉过渡。这样即便过渡因任何原因卡住（页面被挂起、动画被中断），
   元素也一定停在「完全可见」，绝不会留下看不见的内容。 */
html.yh-anim .yh-reveal.yh-done {
	opacity: 1;
	transform: none;
	transition: none;
	will-change: auto;
}


/* ==========================================================================
   13. 无障碍与低性能兜底 —— 尊重系统「减少动态效果」设置
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
	html.yh-anim .yh-reveal { opacity: 1 !important; transform: none !important; }
	.elementor-element-5b7f622d .elementor-background-video-container,
	.elementor-element-5b7f622d > .elementor-background-overlay { animation: none !important; }
	.elementor-element-5b7f622d .elementor-widget-button:last-of-type .elementor-button::after { animation: none !important; }
}


/* ==========================================================================
   14. 响应式收口 —— 触屏不做悬停位移，窄屏收敛装饰尺度
   ========================================================================== */

/* 触屏设备：hover 会「粘住」，一律关掉位移类悬停效果 */
@media (hover: none) {
	.elementor-element-78cd72c8 .elementor-inner-column > .elementor-widget-wrap:hover,
	.elementor-element-6810ef4e .elementor-inner-column > .elementor-widget-wrap:hover,
	.elementor-element-5b7f622d .elementor-widget-image:hover img,
	.elementor-element-5ef8504 a:hover img,
	.elementor-element-5ef8504 .uael-grid-item:hover img,
	.elementor-element-5ef8504 figure:hover img {
		transform: none;
	}
}

@media (max-width: 921px) {
	/* 卡片阴影与圆角收敛，避免小屏显得笨重 */
	.elementor-element-78cd72c8 .elementor-inner-column > .elementor-widget-wrap {
		box-shadow: 0 0 0 1px rgba(217,168,78,.30), 0 12px 26px -20px rgba(126,11,7,.26);
	}
	.elementor-element-6810ef4e .elementor-inner-column > .elementor-widget-wrap {
		padding: 20px 16px !important;
	}
	.elementor-element-b886fee .elementor-widget-container { padding: 6px; border-radius: 14px; }
	.elementor-element-d75356a { padding-top: 28px !important; padding-bottom: 28px !important; }
	/* 标题分隔线缩短 */
	body.home .elementor-top-section:not(.elementor-element-5b7f622d) > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading:first-child .elementor-widget-container::after {
		width: 80px;
	}
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container::after { width: 96px; margin-top: 10px; }
	/* 移动端页眉不收窄，避免与 logo 尺寸打架 */
	body.yh-scrolled .ast-primary-header-bar { padding-top: 0 !important; padding-bottom: 0 !important; }
}

@media (max-width: 544px) {
	.elementor-element-5b7f622d .elementor-widget-image img {
		border-radius: 10px;
		box-shadow: 0 0 0 1px rgba(217,168,78,.45), 0 0 0 4px rgba(255,255,255,.20), 0 16px 34px -22px rgba(0,0,0,.28);
	}
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container::after { width: 72px; }
	/* 极窄屏关掉 Ken Burns，省电省合成 */
	.elementor-element-5b7f622d .elementor-background-video-container,
	.elementor-element-5b7f622d > .elementor-background-overlay { animation: none; }
}

/* 横屏矮视口：装饰一律最简，优先保证信息可见（配合 style.css 第 11 条） */
@media (max-height: 500px) {
	.elementor-element-5b7f622d::before {
		background: linear-gradient(180deg, rgba(12,12,16,.44) 0%, rgba(12,12,16,.18) 50%, rgba(12,12,16,.44) 100%);
	}
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container::after { display: none; }
	.elementor-element-5b7f622d .elementor-widget-button:last-of-type .elementor-button::after { animation: none; }
}


/* ==========================================================================
   15. 顶部金色滚动进度条 —— 由 JS 注入元素，高级感细节
   ========================================================================== */

.yh-progress {
	position: fixed;
	top: 0; left: 0;
	height: 3px;
	width: 100%;
	z-index: 100000;
	pointer-events: none;
	transform-origin: 0 50%;
	transform: scaleX(0);
	background: linear-gradient(90deg, var(--yh-ember) 0%, var(--yh-gold) 42%, var(--yh-gold-hi) 68%, var(--yh-gold) 88%, var(--yh-ember-lt) 100%);
	box-shadow: 0 0 14px -2px rgba(217,168,78,.75);
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.yh-progress { display: none; }
}


/* ==========================================================================
   16. 权重修正
   Elementor 为页面生成的 post-2720.css 使用如下选择器：
     .elementor-2720 .elementor-element.elementor-element-XXXX > .elementor-element-populated
   共 4 个类（0,4,0），高于本文件默认的 3 类选择器（0,3,0），
   因此 box-shadow / border-radius 会被它压过。
   这里加 body.home 前缀（1 元素 + 4 类 = 0,4,1）稳定胜出，
   不使用 !important，避免后续维护时权重不断升级。
   ========================================================================== */

/* --- 菜单三卡：阴影与金边 --- */
body.home .elementor-element-78cd72c8 .elementor-inner-column > .elementor-widget-wrap {
	box-shadow:
		0 0 0 1px rgba(217,168,78,.42),
		0 18px 40px -26px rgba(126,11,7,.28);
}
body.home .elementor-element-78cd72c8 .elementor-inner-column > .elementor-widget-wrap:hover {
	box-shadow:
		0 0 0 1px var(--yh-gold),
		0 30px 60px -28px rgba(126,11,7,.36),
		0 0 46px -12px rgba(217,168,78,.34);
}
@media (max-width: 921px) {
	body.home .elementor-element-78cd72c8 .elementor-inner-column > .elementor-widget-wrap {
		box-shadow: 0 0 0 1px rgba(217,168,78,.30), 0 12px 26px -20px rgba(126,11,7,.26);
	}
}

/* --- 相册：Elementor 自带 16px 圆角，容器与图片统一对齐，避免缩放时露直角 --- */
body.home .elementor-element-5ef8504 img,
body.home .elementor-element-5ef8504 .uael-grid-item,
body.home .elementor-element-5ef8504 .uael-gallery-item,
body.home .elementor-element-5ef8504 figure {
	border-radius: 16px;
}


/* ==========================================================================
   17. 极矮竖屏收口
   实测 360x600：设计层新增的金色分隔线（+22px）与按钮字重加粗
   （两个按钮各 +7px）把电话按钮下方余量从 41px 压到 2px —— 太危险，
   字体渲染稍有差异就会切到号码。这里隐去 hero 分隔线并再收间距，
   把余量恢复到 30px 以上。
   ========================================================================== */

@media (max-width: 921px) and (max-height: 660px) {
	/* hero 标题下的金色分隔线让位（其他区块的分隔线保留） */
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container::after {
		display: none;
	}
	.elementor-element-5b7f622d .elementor-widget:not(:last-child) {
		margin-bottom: 6px !important;
	}
	/* 电话按钮呼吸光环在极小屏上收一点，避免贴边 */
	.elementor-element-5b7f622d .elementor-widget-button:last-of-type .elementor-button::after {
		inset: -2px;
	}
}


/* ==========================================================================
   18. 矮屏回收 hero 图片的上下外边距
   实测：hero 图片本体已被压到 14vh（84px），但 Elementor 给它的
   .elementor-widget-container 设了 margin: 30px —— 上下各 30px，
   凭空吃掉 60px，是矮屏上最大的一块浪费，也是内容偏下的原因。
   这里只收上下、保留左右 30px（左右负责水平留白）。
   选择器加 body.home 前缀（0,4,1）压过 Elementor 的 (0,4,0)。
   ========================================================================== */

@media (max-width: 921px) and (max-height: 780px) {
	body.home .elementor-element-5b7f622d .elementor-widget-image > .elementor-widget-container {
		margin-top: 12px;
		margin-bottom: 12px;
	}
}

@media (max-width: 921px) and (max-height: 660px) {
	body.home .elementor-element-5b7f622d .elementor-widget-image > .elementor-widget-container {
		margin-top: 6px;
		margin-bottom: 6px;
	}
}

/* 手机横屏图片已隐藏，无需处理 */


/* ==========================================================================
   19. 中等高度手机（781–900px）—— 补上原先漏掉的一档
   实测 375x812：该高度不满足 max-height:780px，所以图片仍是 20vh(222px)、
   副标题仍是 185px，加上设计层新增的分隔线与按钮字重，电话按钮下方
   只剩 11px。这里只收图片与间距、不动字号，兼顾观感与安全余量。
   ========================================================================== */

@media (max-width: 921px) and (min-height: 781px) and (max-height: 900px) {
	.elementor-element-5b7f622d .elementor-widget-image img {
		max-height: 18vh;
	}
	body.home .elementor-element-5b7f622d .elementor-widget-image > .elementor-widget-container {
		margin-top: 16px;
		margin-bottom: 16px;
	}
	.elementor-element-5b7f622d .elementor-widget:not(:last-child) {
		margin-bottom: 12px !important;
	}
}


/* ==========================================================================
   20. 手机横屏修正（回退修复）
   实测 812x375：Elementor 给 hero 列的 .elementor-widget-wrap 设了
   padding: 35px —— 上下各 35px 共 70px；再加设计层让按钮从 50/56px
   长到 57/63px，电话按钮被顶出屏幕 28px。
   这里在极矮视口收掉列的上下内边距并收窄按钮，恢复 40px 以上余量。
   选择器加 body.home 前缀（0,4,1）压过 Elementor 的 (0,4,0)。
   ========================================================================== */

@media (max-height: 500px) {
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.elementor-element-5b7f622d .elementor-widget-button .elementor-button {
		padding-top: 11px !important;
		padding-bottom: 11px !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
	.elementor-element-5b7f622d .elementor-widget:not(:last-child) {
		margin-bottom: 5px !important;
	}
}


/* ==========================================================================
   21. 对比度修正（调淡后的必要补偿）
   实测：底栏底色由近黑 #140100 提亮到 #4C251E 后，Astra 默认的版权字
   #5B5D68 对比度只有 2.02（正文需 >= 4.5）；页脚金字 #EEB451 在提亮后的
   红底 #D0332B 上也从约 5.6 掉到 2.69。
   这里补偿文字亮度 —— 不把底色改回黑，保住"淡"的方向。
   ========================================================================== */

.site-below-footer-wrap,
.site-below-footer-wrap p,
.site-below-footer-wrap span,
.site-below-footer-wrap div {
	color: #E9E0DB;
}
.site-below-footer-wrap a { color: var(--yh-gold-lt); }
.site-below-footer-wrap a:hover { color: var(--yh-gold-hi) !important; }

/* 页脚主栏：金字改为淡金奶油色，在提亮后的红底上恢复到约 4.6 对比度 */
.site-primary-footer-wrap,
.site-primary-footer-wrap p,
.site-primary-footer-wrap span,
.site-primary-footer-wrap a {
	color: #F9E9C6;
}
.site-primary-footer-wrap a:hover { color: #FFFFFF !important; }


/* ==========================================================================
   22. 首屏重构 —— 磨砂玻璃卡 + 金色角标 + 上升炭火
   设计意图：
     - 把"文字直接压在照片上"改成"一块有形的玻璃卡承载文字"，从随手排版
       变成有设计意图的构图；
     - 玻璃卡只在文字区域局部压暗（半透明 + 背景模糊），因此全局压暗层
       可以进一步降低 —— 照片整体更亮更通透，而文字反而更清楚；
     - 金色角标是签名式的框定手法，一眼看出是"设计过的"；
     - 上升炭火粒子呼应铁板烧的炉火，是本品牌独有的动态语言，
       纯 CSS transform 实现，不吃性能。
   ========================================================================== */

/* --- 22.1 全局压暗层再降低（玻璃卡已负责文字可读性） --- */
.elementor-element-5b7f622d::before {
	background:
		linear-gradient(180deg, rgba(12,12,16,.30) 0%, rgba(12,12,16,.04) 32%, rgba(12,12,16,.02) 56%, rgba(12,12,16,.26) 100%),
		radial-gradient(120% 88% at 50% 62%, rgba(0,0,0,0) 52%, rgba(0,0,0,.10) 100%);
}

/* --- 22.2 玻璃卡本体 --- */
body.home .elementor-element-5b7f622d .elementor-column {
	align-items: center;
	justify-content: center;
}
body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
	position: relative;
	flex: 0 1 auto;
	width: 100%;
	max-width: 780px;
	min-height: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 38px 44px 42px;
	border-radius: 26px;
	background-color: rgba(10,10,14,.24);
	-webkit-backdrop-filter: blur(18px) saturate(1.18);
	backdrop-filter: blur(18px) saturate(1.18);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 0 0 1px rgba(217,168,78,.30),
		0 26px 60px -30px rgba(0,0,0,.38);
}

/* --- 22.3 金色角标（左上 / 右下），签名式框定 --- */
body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::before,
body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::after {
	content: "";
	position: absolute;
	width: 44px;
	height: 44px;
	border: 1px solid var(--yh-gold);
	opacity: .8;
	pointer-events: none;
}
body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::before {
	top: 13px; left: 13px;
	border-right: 0; border-bottom: 0;
	border-top-left-radius: 14px;
}
body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::after {
	bottom: 13px; right: 13px;
	border-left: 0; border-top: 0;
	border-bottom-right-radius: 14px;
}

/* --- 22.4 卡内图片：去掉厚重相框，改极细金线（已在卡里，无需再框） --- */
body.home .elementor-element-5b7f622d .elementor-widget-image img {
	border-radius: 14px;
	box-shadow:
		0 0 0 1px rgba(217,168,78,.42),
		0 16px 36px -22px rgba(0,0,0,.42);
}
body.home .elementor-element-5b7f622d .elementor-widget-image:hover img {
	transform: translateY(-4px) scale(1.012);
	box-shadow:
		0 0 0 1px var(--yh-gold),
		0 24px 50px -24px rgba(0,0,0,.5),
		0 0 30px -12px rgba(217,168,78,.34);
}

/* --- 22.5 排版精修：字距放开，更接近时装刊物的从容感 --- */
.elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title {
	letter-spacing: .028em;
}
.elementor-element-5b7f622d .elementor-widget-text-editor,
.elementor-element-5b7f622d .elementor-widget-text-editor p {
	letter-spacing: .035em;
}

/* --- 22.6 上升炭火粒子 —— 本品牌独有的动态语言 ---
   单层多粒子，整体缓慢上升并左右轻摆；粒子大小/位置/色温各不相同，
   配合摆动读起来是有机的，不会像机械平移。z-index 1 让它落在玻璃卡之后。 */
.elementor-element-5b7f622d::after {
	content: "";
	position: absolute;
	inset: -12% 0 0 0;
	z-index: 1;
	pointer-events: none;
	background-repeat: no-repeat;
	background-image:
		radial-gradient(2.5px 2.5px at 8%  96%, rgba(255,196,120,.95), rgba(255,196,120,0) 62%),
		radial-gradient(1.5px 1.5px at 17% 88%, rgba(255,214,150,.80), rgba(255,214,150,0) 62%),
		radial-gradient(2px   2px   at 26% 99%, rgba(255,170,86,.90),  rgba(255,170,86,0)  62%),
		radial-gradient(1.5px 1.5px at 35% 92%, rgba(255,232,190,.72), rgba(255,232,190,0) 62%),
		radial-gradient(2.5px 2.5px at 47% 97%, rgba(255,186,104,.92), rgba(255,186,104,0) 62%),
		radial-gradient(1.5px 1.5px at 56% 85%, rgba(255,208,140,.76), rgba(255,208,140,0) 62%),
		radial-gradient(2px   2px   at 66% 98%, rgba(255,176,92,.88),  rgba(255,176,92,0)  62%),
		radial-gradient(1.5px 1.5px at 74% 90%, rgba(255,224,170,.70), rgba(255,224,170,0) 62%),
		radial-gradient(2.5px 2.5px at 84% 96%, rgba(255,192,112,.90), rgba(255,192,112,0) 62%),
		radial-gradient(1.5px 1.5px at 93% 87%, rgba(255,212,148,.74), rgba(255,212,148,0) 62%);
	animation: yhEmbers 17s linear infinite;
}
@keyframes yhEmbers {
	0%   { transform: translate3d(0,     0,    0); opacity: 0; }
	8%   { transform: translate3d(6px,   -8%,  0); opacity: .85; }
	26%  { transform: translate3d(-8px,  -26%, 0); opacity: 1; }
	48%  { transform: translate3d(10px,  -48%, 0); opacity: .9; }
	70%  { transform: translate3d(-6px,  -70%, 0); opacity: .6; }
	88%  { transform: translate3d(4px,   -88%, 0); opacity: .25; }
	100% { transform: translate3d(0,     -104%,0); opacity: 0; }
}


/* ==========================================================================
   23. 首屏重构的响应式收口
   玻璃卡改变了 hero 的排版机制（列不再拉伸、卡片按内容高度），
   下面这些覆盖必须放在第 22 节之后才能胜出。
   ========================================================================== */

@media (max-width: 921px) {
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
		max-width: 560px;
		padding: 26px 24px 30px;
		border-radius: 20px;
		-webkit-backdrop-filter: blur(14px) saturate(1.12);
		backdrop-filter: blur(14px) saturate(1.12);
	}
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::before,
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::after {
		width: 30px; height: 30px;
	}
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::before { top: 10px; left: 10px; }
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::after  { bottom: 10px; right: 10px; }
}

@media (max-width: 544px) {
	/* 手机上留出左右边距，让它仍读作「一张卡」而不是一条压暗带；
	   左右内边距压到 12px，内容宽度只比满宽少 12px，
	   避免副标题多折一行吃掉电话按钮的余量。 */
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
		width: calc(100% - 20px);
		max-width: none;
		margin-left: auto;
		margin-right: auto;
		padding: 18px 12px 22px;
		border-radius: 14px;
		/* 极窄屏关掉背景模糊，省电省合成；用稍高的底色不透明度补可读性 */
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		background-color: rgba(10,10,14,.42);
	}
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::before,
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::after {
		width: 24px; height: 24px;
	}
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::before { top: 8px; left: 8px; }
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::after  { bottom: 8px; right: 8px; }
}

/* 矮竖屏：卡片内边距再收，保住电话按钮的余量 */
@media (max-width: 921px) and (max-height: 660px) {
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
		padding: 14px 16px 18px;
	}
}

/* 手机横屏：卡片最简，并恢复第 20 节收掉的上下内边距 */
@media (max-height: 500px) {
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
		padding: 10px 20px 12px;
		border-radius: 14px;
		max-width: 620px;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::before,
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::after {
		display: none;
	}
	/* 横屏不放炭火，避免干扰本就很挤的信息 */
	.elementor-element-5b7f622d::after { display: none; }
}

/* 尊重系统「减少动态效果」 */
@media (prefers-reduced-motion: reduce) {
	.elementor-element-5b7f622d::after { animation: none !important; opacity: .5 !important; }
}


/* ==========================================================================
   24. 窄屏撤掉副标题字距（回退修复）
   实测 360x600：第 22.5 节给副标题加的 letter-spacing: .035em 在窄屏
   多折了两行，副标题从 99px 涨到 146px，电话按钮余量被压到 14px。
   字距是桌面上的编排加分项，窄屏则是负担 —— 这里按宽度撤掉。
   标题字距保留（文本短，不影响折行）。
   ========================================================================== */

@media (max-width: 921px) {
	.elementor-element-5b7f622d .elementor-widget-text-editor,
	.elementor-element-5b7f622d .elementor-widget-text-editor p {
		letter-spacing: normal;
	}
}


/* ==========================================================================
   25. 页脚小工具区文字对比度（第 21 节的补强）
   实测两处不足，都是 Astra 小工具区设的金色在提亮后的红底上失效：
     - 电话 850-855-7399  金 #EEB451 / 红 #C1201A → 3.23（需 4.5）
     - 服务地区长句       暗金 #BE882C          → 1.93（严重不足）
   第 21 节的 `.site-primary-footer-wrap a`（0,1,1）压不过 Astra 的
   `.footer-widget-area[data-section="..."].footer-widget-area`（0,3,0）。
   这里用 `.site-footer` 再加一层（0,4,0）稳定胜出。
   改用淡金奶油 #FBEFD6，在红底上对比度约 5.5 —— 电话号码是最重要的
   转化元素，可读性优先于纯金的装饰性。
   ========================================================================== */

.site-footer .site-primary-footer-wrap .footer-widget-area[data-section],
.site-footer .site-primary-footer-wrap .footer-widget-area[data-section] p,
.site-footer .site-primary-footer-wrap .footer-widget-area[data-section] span,
.site-footer .site-primary-footer-wrap .footer-widget-area[data-section] li,
.site-footer .site-primary-footer-wrap .footer-widget-area[data-section] .widget,
.site-footer .site-primary-footer-wrap .footer-widget-area[data-section] a {
	color: #FBEFD6;
}
.site-footer .site-primary-footer-wrap .footer-widget-area[data-section] a:hover {
	color: #FFFFFF;
}


/* ==========================================================================
   26. 首屏 v3 —— 电影感非对称编排（推翻第 22 节的居中玻璃卡）
   ==========================================================================
   为什么推翻：把一张与区块背景完全相同的照片放在正中、再套一个居中方框，
   这个构图本身就不成立 —— 照片自己盖自己，且居中对称堆叠是最安全也最
   平庸的版式。打磨细节救不了版式。

   v3 的四个决定：
   1) 非对称分栏：左侧承担全部信息（巨幅标题 / 细体导语 / 并排按钮），
      右侧把照片当成一块"图版"处理。不对称 = 编辑感 = 高级。
   2) 定向压暗取代均匀压暗：左侧压深托住文字，右侧照片保持全亮。
      整体比"整版蒙一层灰"更亮更有戏，也不需要玻璃卡兜可读性。
   3) 尺度对比：标题放大到最大 76px，导语缩到 14px 并拉开字距。
      巨大与极小并置是高级感最直接的来源。
   4) 视口内嵌细金框 + 遮罩擦除揭示 + 金线自绘：仪式感与"设计过"的signal。
   ========================================================================== */

/* --- 26.1 拆掉 v2 的玻璃卡（保留区块本身的层级与炭火） --- */
body.home .elementor-element-5b7f622d .elementor-column {
	align-items: stretch;
	justify-content: stretch;
}
body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
	flex: 1 1 auto;
	max-width: none;
	width: 100%;
	background-color: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-shadow: none;
	border-radius: 0;
}
body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::before,
body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap::after {
	content: none;
	display: none;
}

/* --- 26.2 定向压暗：左深右亮，取代均匀蒙灰 --- */
.elementor-element-5b7f622d::before {
	background:
		linear-gradient(96deg,
			rgba(8,8,11,.80) 0%,
			rgba(8,8,11,.66) 26%,
			rgba(8,8,11,.34) 48%,
			rgba(8,8,11,.08) 68%,
			rgba(8,8,11,0) 84%),
		linear-gradient(180deg, rgba(8,8,11,.34) 0%, rgba(8,8,11,0) 22%, rgba(8,8,11,0) 74%, rgba(8,8,11,.30) 100%);
}

/* --- 26.3 视口内嵌细金框（仪式感） --- */
body.home .elementor-element-5b7f622d > .elementor-container::before {
	content: "";
	position: absolute;
	inset: 22px;
	z-index: 3;
	pointer-events: none;
	border: 1px solid rgba(217,168,78,.34);
	border-radius: 3px;
	/* 自绘：从中间向两端展开 */
	animation: yhFrameIn 1.5s var(--yh-ease-out) .35s both;
}
@keyframes yhFrameIn {
	from { clip-path: inset(50% 50% 50% 50%); opacity: 0; }
	to   { clip-path: inset(0 0 0 0);         opacity: 1; }
}

/* ==========================================================================
   26.4 桌面：左文右图非对称栅格
   DOM 顺序固定为 1 图片 / 2 标题 / 3 导语 / 4 BOOK NOW / 5 电话
   用 4 列栅格把 1 挪到右侧整列，4 与 5 并排放在左侧第三行，
   第 3 列是 1fr 弹性留白，负责把图版推到右边。
   ========================================================================== */

@media (min-width: 1025px) {
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
		display: grid;
		grid-template-columns: max-content max-content minmax(24px, 1fr) minmax(300px, 40%);
		grid-template-rows: auto auto auto;
		align-content: center;
		column-gap: 18px;
		row-gap: 0;
		padding: 4vw clamp(32px, 5.4vw, 96px);
		max-width: 1560px;
		margin-inline: auto;
	}

	/* 右侧图版：跨三行，垂直居中 */
	body.home .elementor-element-5b7f622d .elementor-widget-image {
		grid-column: 4;
		grid-row: 1 / 4;
		align-self: center;
		justify-self: end;
		width: 100%;
	}
	/* 标题 / 导语 跨左侧三列 */
	body.home .elementor-element-5b7f622d .elementor-widget-heading {
		grid-column: 1 / 4;
		grid-row: 1;
	}
	body.home .elementor-element-5b7f622d .elementor-widget-text-editor {
		grid-column: 1 / 4;
		grid-row: 2;
	}
	/* 两个按钮并排 */
	body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(4) {
		grid-column: 1;
		grid-row: 3;
		justify-self: start;
	}
	body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(5) {
		grid-column: 2;
		grid-row: 3;
		justify-self: start;
	}

	/* 左对齐（编辑式版式的前提） */
	body.home .elementor-element-5b7f622d .elementor-widget-heading,
	body.home .elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title,
	body.home .elementor-element-5b7f622d .elementor-widget-text-editor,
	body.home .elementor-element-5b7f622d .elementor-widget-text-editor p {
		text-align: left;
	}

	/* 栅格模式下取消 Elementor 的组件外边距，改由 row 间距控制 */
	body.home .elementor-element-5b7f622d .elementor-widget {
		margin-bottom: 0 !important;
	}
	body.home .elementor-element-5b7f622d .elementor-widget-heading { margin-bottom: 0 !important; }
	body.home .elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container { padding-bottom: 26px; }
	body.home .elementor-element-5b7f622d .elementor-widget-text-editor .elementor-widget-container { padding-bottom: 34px; }
	body.home .elementor-element-5b7f622d .elementor-widget-image > .elementor-widget-container {
		margin: 0;
	}
}

/* --- 26.5 巨幅展示标题 --- */
.elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title {
	font-size: clamp(34px, 5.1vw, 76px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.012em;
	font-weight: 700;
	text-wrap: balance;
}

/* 遮罩擦除揭示：比淡入更"被设计过" */
@media (prefers-reduced-motion: no-preference) {
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title {
		animation: yhWipe 1.15s var(--yh-ease-out) .28s both;
	}
	@keyframes yhWipe {
		from { clip-path: inset(0 100% -18% 0); opacity: 0; }
		to   { clip-path: inset(0 -2%   -18% 0); opacity: 1; }
	}
}

/* 标题下的金线：改为左对齐并自绘展开 */
.elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container::after {
	margin-left: 0;
	margin-right: auto;
	width: 168px;
	height: 2px;
	animation: yhRuleDraw 1.1s var(--yh-ease-out) 1.05s both;
	transform-origin: 0 50%;
}
@keyframes yhRuleDraw {
	from { transform: scaleX(0); opacity: 0; }
	to   { transform: scaleX(1); opacity: 1; }
}

/* --- 26.6 导语：细体 + 大字距，与巨幅标题形成尺度对比 --- */
.elementor-element-5b7f622d .elementor-widget-text-editor,
.elementor-element-5b7f622d .elementor-widget-text-editor p {
	font-size: clamp(13px, 1.02vw, 16px) !important;
	line-height: 1.85 !important;
	letter-spacing: .16em !important;
	color: rgba(255,246,230,.86) !important;
	font-weight: 400;
	text-transform: uppercase;
	text-shadow: 0 1px 10px rgba(0,0,0,.44);
}

/* --- 26.7 按钮主次分明：金色实心为主，金线描边为次 --- */
/* 主 —— BOOK NOW */
body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(4) .elementor-button {
	background-image: linear-gradient(180deg, var(--yh-gold-hi) 0%, var(--yh-gold-lt) 42%, var(--yh-gold) 100%) !important;
	color: #17130B !important;
	font-weight: 700;
	letter-spacing: .14em;
	border-radius: 2px;
	padding: 17px 34px !important;
	box-shadow: 0 0 0 1px rgba(156,115,40,.5), 0 14px 30px -14px rgba(0,0,0,.42);
}
body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(4) .elementor-button:hover {
	box-shadow: 0 0 0 1px var(--yh-gold-hi), 0 20px 40px -14px rgba(0,0,0,.5), 0 0 34px -8px rgba(217,168,78,.5);
}
/* 次 —— 电话：透明 + 金线描边 */
body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(5) .elementor-button {
	background-image: none !important;
	background-color: rgba(255,255,255,.05) !important;
	color: var(--yh-gold-lt) !important;
	font-weight: 600;
	letter-spacing: .1em;
	border-radius: 2px;
	padding: 16px 30px !important;
	box-shadow: inset 0 0 0 1px rgba(217,168,78,.62);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	transition: box-shadow .42s var(--yh-ease), background-color .42s var(--yh-ease), transform .42s var(--yh-ease);
}
body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(5) .elementor-button:hover {
	background-color: rgba(217,168,78,.14) !important;
	box-shadow: inset 0 0 0 1px var(--yh-gold), 0 0 30px -8px rgba(217,168,78,.42);
}
body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(5) .elementor-button i,
body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(5) .elementor-button svg {
	color: var(--yh-gold-lt) !important;
	fill: var(--yh-gold-lt) !important;
}
/* v2 的呼吸光环在描边按钮上多余，撤掉 */
body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(5) .elementor-button::after {
	content: none;
	display: none;
}

/* --- 26.8 右侧图版：金线细框 + 偏移金框（印刷套版式的编辑手法） --- */
body.home .elementor-element-5b7f622d .elementor-widget-image { position: relative; }
body.home .elementor-element-5b7f622d .elementor-widget-image img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 54vh;
	object-fit: cover;
	border-radius: 2px;
	box-shadow:
		0 0 0 1px rgba(217,168,78,.5),
		0 34px 70px -34px rgba(0,0,0,.5);
	transition: transform .9s var(--yh-ease-out), box-shadow .7s var(--yh-ease);
}
/* 偏移金框：向右下错开 16px 的一根金线矩形 */
@media (min-width: 1025px) {
	body.home .elementor-element-5b7f622d .elementor-widget-image::after {
		content: "";
		position: absolute;
		inset: 18px -18px -18px 18px;
		border: 1px solid rgba(217,168,78,.42);
		border-radius: 2px;
		z-index: -1;
		pointer-events: none;
	}
	body.home .elementor-element-5b7f622d .elementor-widget-image:hover img {
		transform: translate(-6px, -6px);
		box-shadow:
			0 0 0 1px var(--yh-gold),
			0 44px 86px -34px rgba(0,0,0,.56);
	}
}


/* ==========================================================================
   27. 首屏 v3 响应式
   ========================================================================== */

/* --- 平板与窄桌面（545–1024）：单列，图版落到最后成为一条横幅 --- */
@media (min-width: 545px) and (max-width: 1024px) {
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		padding: 6vh clamp(24px, 6vw, 64px);
		text-align: left;
	}
	/* 图片移到最后 */
	body.home .elementor-element-5b7f622d .elementor-widget-image { order: 9; margin-top: 26px; }
	body.home .elementor-element-5b7f622d .elementor-widget-heading { order: 1; }
	body.home .elementor-element-5b7f622d .elementor-widget-text-editor { order: 2; }
	body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(4) { order: 3; }
	body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(5) { order: 4; margin-top: 12px; }

	body.home .elementor-element-5b7f622d .elementor-widget-heading,
	body.home .elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title,
	body.home .elementor-element-5b7f622d .elementor-widget-text-editor,
	body.home .elementor-element-5b7f622d .elementor-widget-text-editor p { text-align: left; }

	body.home .elementor-element-5b7f622d .elementor-widget-button .elementor-button { display: inline-flex; }
	body.home .elementor-element-5b7f622d .elementor-widget-image img { max-height: 26vh; }
	body.home .elementor-element-5b7f622d .elementor-widget-image > .elementor-widget-container { margin: 0; }

	/* 定向压暗在窄屏改为偏左下，仍保留右上通透 */
	.elementor-element-5b7f622d::before {
		background:
			linear-gradient(102deg, rgba(8,8,11,.80) 0%, rgba(8,8,11,.58) 40%, rgba(8,8,11,.20) 72%, rgba(8,8,11,.04) 100%),
			linear-gradient(180deg, rgba(8,8,11,.30) 0%, rgba(8,8,11,0) 26%, rgba(8,8,11,0) 70%, rgba(8,8,11,.34) 100%);
	}
	body.home .elementor-element-5b7f622d > .elementor-container::before { inset: 14px; }
}

/* --- 手机（≤544）：去掉与背景重复的那张图，字与按钮成为主角 --- */
@media (max-width: 544px) {
	/* 这张图与区块背景是同一张照片，手机上属纯冗余，
	   去掉后首屏更干净，也让电话按钮有充裕余量。 */
	body.home .elementor-element-5b7f622d .elementor-widget-image { display: none !important; }

	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		padding: 5vh 22px;
		text-align: left;
	}
	body.home .elementor-element-5b7f622d .elementor-widget-heading,
	body.home .elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title,
	body.home .elementor-element-5b7f622d .elementor-widget-text-editor,
	body.home .elementor-element-5b7f622d .elementor-widget-text-editor p { text-align: left; }

	.elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title {
		font-size: clamp(30px, 9.4vw, 42px) !important;
	}
	.elementor-element-5b7f622d .elementor-widget-text-editor,
	.elementor-element-5b7f622d .elementor-widget-text-editor p {
		font-size: 12.5px !important;
		letter-spacing: .13em !important;
		line-height: 1.75 !important;
	}
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container::after {
		width: 96px; margin-top: 12px;
	}
	body.home .elementor-element-5b7f622d .elementor-widget-button .elementor-button {
		padding: 15px 26px !important;
	}
	body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(5) { margin-top: 10px; }
	body.home .elementor-element-5b7f622d .elementor-widget:not(:last-child) { margin-bottom: 14px !important; }

	/* 手机上的定向压暗：左下重、右上通透 */
	.elementor-element-5b7f622d::before {
		background:
			linear-gradient(112deg, rgba(8,8,11,.82) 0%, rgba(8,8,11,.60) 46%, rgba(8,8,11,.26) 78%, rgba(8,8,11,.10) 100%),
			linear-gradient(180deg, rgba(8,8,11,.26) 0%, rgba(8,8,11,0) 30%, rgba(8,8,11,0) 64%, rgba(8,8,11,.40) 100%);
	}
	body.home .elementor-element-5b7f622d > .elementor-container::before { inset: 10px; }
}

/* --- 手机横屏：最简，金框与炭火退场 --- */
@media (max-height: 500px) {
	body.home .elementor-element-5b7f622d .elementor-widget-image { display: none !important; }
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		padding: 8px clamp(20px, 5vw, 56px);
		text-align: left;
	}
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title {
		font-size: clamp(22px, 3.6vw, 34px) !important;
	}
	.elementor-element-5b7f622d .elementor-widget-heading,
	.elementor-element-5b7f622d .elementor-widget-text-editor { flex: 1 1 100%; }
	.elementor-element-5b7f622d .elementor-widget-button { flex: 0 0 auto; margin-right: 12px; }
	.elementor-element-5b7f622d .elementor-widget-text-editor,
	.elementor-element-5b7f622d .elementor-widget-text-editor p {
		font-size: 11.5px !important; letter-spacing: .11em !important; line-height: 1.6 !important;
	}
	body.home .elementor-element-5b7f622d > .elementor-container::before { display: none; }
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container::after { display: none; }
}

/* --- 无障碍：关掉擦除与自绘 --- */
@media (prefers-reduced-motion: reduce) {
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-heading-title { animation: none !important; clip-path: none !important; }
	.elementor-element-5b7f622d .elementor-widget-heading .elementor-widget-container::after { animation: none !important; transform: none !important; }
	body.home .elementor-element-5b7f622d > .elementor-container::before { animation: none !important; clip-path: none !important; }
}


/* ==========================================================================
   28. 两个按钮基线对齐
   实测主按钮 58px / 电话按钮 61px（图标行高导致），并排时基线不齐。
   统一最小高度并垂直居中内容 —— 顶级感就靠这种对齐细节。
   ========================================================================== */

body.home .elementor-element-5b7f622d .elementor-widget-button .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 60px;
	line-height: 1.1;
}
@media (min-width: 1025px) {
	body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(4),
	body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(5) {
		align-self: center;
	}
}
@media (max-width: 544px) {
	body.home .elementor-element-5b7f622d .elementor-widget-button .elementor-button {
		min-height: 54px;
	}
}
@media (max-height: 500px) {
	body.home .elementor-element-5b7f622d .elementor-widget-button .elementor-button {
		min-height: 44px;
	}
}


/* ==========================================================================
   29. 横屏按钮并排（回退修复）
   实测 812x375：两个按钮各占一行，余量只剩 11px。
   原因是 Elementor 给 `.elementor-widget-wrap > .elementor-widget` 设了
   width:100%，导致 flex-basis:auto 取到整行宽（716px），
   `flex: 0 0 auto` 因此仍占满一行。必须显式 width:auto。
   并排后省下约 66px，横屏余量一并解决。
   ========================================================================== */

@media (max-height: 500px) {
	body.home .elementor-element-5b7f622d .elementor-widget-button {
		width: auto !important;
		flex: 0 0 auto;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(4) { margin-right: 12px; }
	body.home .elementor-element-5b7f622d .elementor-widget-button:nth-of-type(5) { margin-right: 0; }
	/* 标题与导语仍各占整行 */
	body.home .elementor-element-5b7f622d .elementor-widget-heading,
	body.home .elementor-element-5b7f622d .elementor-widget-text-editor {
		width: 100%;
		flex: 1 1 100%;
		margin-bottom: 6px !important;
	}
}


/* ==========================================================================
   30. 横屏对齐一致性
   实测：文字左对齐、按钮却被水平居中（545–1024 那档的 justify-content:center
   在横屏未被覆盖），且两按钮高 49/54 不齐。
   左右对齐必须统一、并排按钮必须等高 —— 否则一眼就露怯。
   ========================================================================== */

@media (max-height: 500px) {
	body.home .elementor-element-5b7f622d .elementor-column > .elementor-widget-wrap {
		justify-content: flex-start;
	}
	body.home .elementor-element-5b7f622d .elementor-widget-button .elementor-button {
		min-height: 50px;
	}
}

/* 30.1 横屏两按钮等高：把上下内边距压到 12px，让 min-height:50 主导，
   否则电话按钮的图标行高会把它顶到 54px（实测 50 vs 54）。 */
@media (max-height: 500px) {
	body.home .elementor-element-5b7f622d .elementor-widget-button .elementor-button {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}
}

/* 30.2 横屏等高的正确下限：电话按钮内容 30px + 上下 12px 内边距 = 54px，
   min-height 设 50 时它仍是 54、主按钮却是 50。下限抬到 54 两者才一致。 */
@media (max-height: 500px) {
	body.home .elementor-element-5b7f622d .elementor-widget-button .elementor-button {
		min-height: 54px;
	}
}


/* ==========================================================================
   31. 矮视口缩小 logo
   新 logo 是竖向 300x344，按 84px 宽渲染即 96px 高。
   横屏（812x375 实测）页眉因此占到 125px —— 是视口高度的 33%，太重。
   这里在矮视口把 logo 收到 54px 宽（62px 高），页眉回到约 90px。
   hero 在横屏走 min-height:0（第 26 节），故无需同步 --yh-header-h。
   ========================================================================== */

@media (max-height: 500px) {
	.site-header .custom-logo-link img,
	.ast-mobile-header-wrap .custom-logo-link img,
	.site-header .astra-logo-svg {
		width: 54px !important;
		height: auto !important;
		max-height: none !important;
	}
}


/* ==========================================================================
   32. 页脚 logo 尺寸
   小工具默认按原图 300x344 满尺寸渲染。实测页脚三栏高度为
   344 / 258 / 202 —— logo 那栏比第二高的多出 86px，是它单独撑着页脚。
   收到 190px 宽（218px 高）后，页脚高度由内容决定而非 logo，三栏更均衡。
   同时补一层柔和暗投影，让 logo 在红底上更立体（与页眉 logo 处理一致）。
   ========================================================================== */

.site-footer .widget_media_image img,
.site-primary-footer-wrap .widget_media_image img {
	width: 190px;
	max-width: 100%;
	height: auto;
	filter: drop-shadow(0 6px 16px rgba(0,0,0,.28));
}

@media (max-width: 921px) {
	.site-footer .widget_media_image img,
	.site-primary-footer-wrap .widget_media_image img { width: 150px; }
}
@media (max-width: 544px) {
	.site-footer .widget_media_image img,
	.site-primary-footer-wrap .widget_media_image img { width: 130px; }
}