:root {
	--zh-green: #25D366;
	--zh-ink: #172635;
	--zh-text: #4e5b64;
	--zh-gold: #bd8b3b;
	--zh-blue: #102235;
}

body .site-content {
	background: #fff;
}

body .custom-header,
body .dt_pagetitle,
body .dt-breadcrumb,
body .breadcrumb-area,
body .site-breadcrumb {
	display: none !important;
}

body .dt_header,
body .dt_header-inner,
body .dt_header-navwrapper,
body .dt_header-navwrapperinner,
body .dt_navbar,
body .dt_navbar-wrapper,
body .dt_mobilenav {
	background: #fff !important;
	background-image: none !important;
}

/* ==========================================================================
   全新驱动方案：通过原生基础吸顶，将控制权完全交回给主题（彻底解决手机菜单截断）
   ========================================================================== */
body .dt_header {
	position: relative; 
	z-index: 9999; 
	border-bottom: 1px solid rgba(189, 139, 59, 0.18);
	box-shadow: 0 8px 26px rgba(23, 38, 53, 0.06);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
}

/* 当页面向下滚动触发吸顶状态 */
html.zh-header-fixed body .dt_header {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	box-shadow: 0 8px 26px rgba(23, 38, 53, 0.12);
}

/* 兼容管理员顶栏 */
html.zh-header-fixed body.admin-bar .dt_header {
	top: 32px !important;
}
@media (max-width: 782px) {
	html.zh-header-fixed body.admin-bar .dt_header {
		top: 46px !important;
	}
}

/* 动态滑动方向隐藏 */
html.zh-header-fixed[data-scroll-dir="down"] body .dt_header {
	transform: translateY(-100%);
}
html.zh-header-fixed[data-scroll-dir="up"] body .dt_header {
	transform: translateY(0);
}

/* 【核心修复】移除所有对 body padding 的强行改写，让子主题自由计算其 DOM 高度，解决缩水 */
body {
	/* 彻底删掉 padding-top: 0 !important */
}

body .dt_header-topbar {
	display: block !important;
	background: #102235 !important;
	color: #fff;
}

body .dt_mobilenav-topbar {
	display: none !important;
}

body .dt_navbar-wrapperinner,
body .dt_navbar,
body .dt_navbar-wrapper,
body .dt_navbar-wrapper .dt-row {
	min-height: 76px;
}

body .dt_navbar-wrapper,
body .dt_mobilenav {
	position: relative !important;
}

body .dt_navbar-wrapper .dt-container,
body .dt_mobilenav .dt-container {
	padding-top: 7px;
	padding-bottom: 7px;
}

body .site--logo {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	min-width: 220px !important;
	width: auto !important;
	text-align: left !important;
	white-space: nowrap !important;
}

body .site--logo > *,
body .site--logo a,
body .dt_mobilenav-logo .site--logo > *,
body .dt_mobilenav-logo .site--logo a {
	width: auto !important;
	max-width: none !important;
	text-align: left !important;
}

.zh-topbar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 28px;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0;
}

.zh-topbar span {
	position: relative;
	padding-left: 15px;
	color: rgba(255, 255, 255, 0.88);
}

.zh-topbar span::before {
	position: absolute;
	top: 0.55em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f5c400;
	content: "";
}

.zh-header-brand,
.zh-brand-link {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	width: auto !important;
	max-width: none !important;
	text-align: left !important;
	text-decoration: none;
	white-space: nowrap !important;
}

.zh-header-brand {
	animation: zhLogoIn 0.55s ease both;
}

.zh-header-brand *,
.zh-brand-link * {
	box-sizing: border-box;
}

.zh-brand-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 48px !important;
	height: 48px !important;
	flex: 0 0 48px !important;
}

.zh-brand-icon img {
	display: block !important;
	width: 48px !important;
	height: 48px !important;
	max-width: 48px !important;
	max-height: 48px !important;
	object-fit: contain !important;
}

.zh-brand-text {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;
	width: auto !important;
	max-width: none !important;
	line-height: 1 !important;
	text-align: left !important;
	white-space: nowrap !important;
}

.zh-brand-name,
.zh-brand-sub {
	display: block !important;
	text-align: left !important;
	line-height: 1 !important;
}

.zh-brand-name {
	color: #172536;
	font-size: 24px !important;
	font-weight: 800 !important;
	letter-spacing: 0.03em !important;
}

.zh-brand-sub {
	margin-top: 5px !important;
	color: #4b5563;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.32em !important;
}

.zh-brand-link,
.zh-brand-icon img,
.zh-brand-name,
.zh-brand-sub {
	transition: color 0.28s ease, transform 0.28s ease, opacity 0.28s ease;
}

.zh-brand-link:hover {
	text-decoration: none;
}

.zh-brand-link:hover .zh-brand-icon img {
	transform: scale(1.04);
}

.zh-brand-link:hover .zh-brand-name {
	color: #0f3558;
}

.zh-brand-link:hover .zh-brand-sub {
	color: var(--zh-green);
}

@keyframes zhLogoIn {
	from {
		opacity: 0;
		transform: translateY(-4px) scale(0.96);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

body .dt_navbar-mainmenu > li > a,
body .dt_mobilenav-mainmenu-content .dt_navbar-mainmenu > li > a,
body .main-navigation a,
body .primary-menu a,
body .nav-menu > li > a,
body .menu > li > a,
body .zh-header-nav a {
	position: relative;
	color: var(--zh-ink) !important;
	font-weight: 700;
	transition: color 0.28s ease;
}

body .dt_navbar-mainmenu > li > a::after,
body .dt_mobilenav-mainmenu-content .dt_navbar-mainmenu > li > a::after,
body .main-navigation a::after,
body .primary-menu a::after,
body .nav-menu > li > a::after,
body .menu > li > a::after,
body .zh-header-nav a::after {
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 0;
	height: 2px;
	background: #b8862b;
	content: "";
	transition: width 0.28s ease;
}

body .dt_navbar-mainmenu > li > a:hover,
body .dt_navbar-mainmenu > li.current-menu-item > a,
body .dt_navbar-mainmenu > li.current_page_item > a,
body .dt_mobilenav-mainmenu-content .dt_navbar-mainmenu > li > a:hover,
body .main-navigation a:hover,
body .primary-menu a:hover,
body .nav-menu > li > a:hover,
body .menu > li > a:hover,
body .zh-header-nav a:hover {
	color: #b8862b !important;
}

body .dt_navbar-mainmenu > li > a:hover::after,
body .dt_navbar-mainmenu > li.current-menu-item > a::after,
body .dt_navbar-mainmenu > li.current_page_item > a::after,
body .dt_mobilenav-mainmenu-content .dt_navbar-mainmenu > li > a:hover::after,
body .main-navigation a:hover::after,
body .primary-menu a:hover::after,
body .nav-menu > li > a:hover::after,
body .menu > li > a:hover::after,
body .zh-header-nav a:hover::after {
	width: 100%;
}

body .dt_header .dt-btn-primary,
body .dt_header .dt_navbar-button-item .dt-btn {
	border-color: #f5c400;
	border-radius: 999px;
	background: #f5c400;
	color: #102033;
	font-weight: 800;
	box-shadow: 0 8px 18px rgba(245, 196, 0, 0.22);
	transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

body .dt_header .dt-btn-primary:hover,
body .dt_header .dt_navbar-button-item .dt-btn:hover {
	border-color: #e0b300;
	background: #e0b300;
	color: #102033;
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(224, 179, 0, 0.25);
}

body .dt_header .zh-header-quote .dt-btn {
	padding: 12px 18px;
	font-size: 14px;
	line-height: 1.1;
	white-space: nowrap;
}

@media (max-width: 1180px) {
	body .dt_header .zh-header-quote .dt-btn {
		padding: 10px 14px;
		font-size: 13px;
	}
}

@media (min-width: 992px) {
	body .dt_navbar-mainmenu .menu-item-has-children,
	body .dt_navbar-mainmenu li.menu-item-has-children,
	body .menu .menu-item-has-children {
		position: relative;
	}

	body .dt_navbar-mainmenu .menu-item-has-children > .sub-menu,
	body .dt_navbar-mainmenu li.menu-item-has-children > .sub-menu,
	body .menu .menu-item-has-children > .sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 220px;
		margin: 0;
		padding: 10px 0;
		border: 1px solid rgba(15, 35, 55, 0.08);
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 12px 32px rgba(15, 35, 55, 0.12);
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
		z-index: 999;
	}

	body .dt_navbar-mainmenu .menu-item-has-children:hover > .sub-menu,
	body .dt_navbar-mainmenu .menu-item-has-children:focus-within > .sub-menu,
	body .menu .menu-item-has-children:hover > .sub-menu,
	body .menu .menu-item-has-children:focus-within > .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	body .dt_navbar-mainmenu .sub-menu a,
	body .menu .sub-menu a {
		position: relative;
		display: block;
		padding: 10px 18px;
		color: #172536 !important;
		font-weight: 700;
		white-space: nowrap;
		text-decoration: none;
		transition: color 0.25s ease, background 0.25s ease;
	}

	body .dt_navbar-mainmenu .sub-menu a::after,
	body .menu .sub-menu a::after {
		display: none;
	}

	body .dt_navbar-mainmenu .sub-menu a:hover,
	body .menu .sub-menu a:hover {
		background: rgba(184, 134, 43, 0.08);
		color: #b8862b !important;
	}
}

.zh-footer-main {
	padding: 66px 0 58px;
	background: var(--zh-blue);
	color: rgba(255, 255, 255, 0.78);
}

.zh-footer-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
	gap: clamp(40px, 7vw, 88px);
	align-items: start;
}

.zh-footer-grid h3,
.zh-footer-grid h4 {
	margin: 0 0 16px;
	color: #fff;
	font-size: 28px;
	font-weight: 900;
	letter-spacing: 0;
}

.zh-footer-grid h4 {
	margin-top: 34px;
	font-size: 20px;
}

.zh-footer-grid p {
	max-width: 640px;
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.75;
}

.zh-footer-form {
	max-width: 330px;
	width: 100%;
	margin: 18px 0 34px;
}

.zh-footer-form .wpforms-container,
.zh-footer-form .wpforms-container-full {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

.zh-footer-form .wpforms-form,
.zh-footer-form form {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 0 48px 0 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.75) !important;
	border-radius: 999px !important;
	background: transparent !important;
	overflow: visible !important;
	box-shadow: none !important;
}

.zh-footer-form .wpforms-field-container {
	display: block !important;
	visibility: visible !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

.zh-footer-form .wpforms-field {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

.zh-footer-form .wpforms-field-label,
.zh-footer-form .wpforms-required-label {
	display: none !important;
}

.zh-footer-form input[type="email"] {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
	max-width: none !important;
	height: 40px !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	line-height: 40px !important;
	box-shadow: none !important;
	outline: none !important;
}

.zh-footer-form input[type="email"]::placeholder {
	color: rgba(255, 255, 255, 0.95) !important;
	opacity: 1 !important;
}

.zh-footer-form .wpforms-submit-container {
	position: absolute !important;
	top: 50% !important;
	right: 6px !important;
	display: block !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: translateY(-50%) !important;
	overflow: visible !important;
}

.zh-footer-form button[type="submit"],
.zh-footer-form .wpforms-submit {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 0 !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	box-shadow: none !important;
	cursor: pointer !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
}

.zh-footer-form button[type="submit"]::before,
.zh-footer-form .wpforms-submit::before {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	content: ">";
	font-size: 21px;
	font-weight: 900;
	line-height: 1;
	text-indent: 0;
	transform: translate(-45%, -54%);
}

.zh-footer-form .wpforms-error,
.zh-footer-form .wpforms-confirmation-container-full,
.zh-footer-form-notice {
	display: none !important;
}

.zh-footer-form .wpforms-has-error input[type="email"],
.zh-footer-form input.wpforms-error {
	box-shadow: inset 0 -1px 0 rgba(255, 120, 120, 0.9) !important;
}

.zh-footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.zh-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.95);
	color: #111;
	text-decoration: none;
	transition: transform 0.2s ease, filter 0.2s ease;
}

.zh-footer-social .zh-social-facebook {
	background: #fff;
	color: #111;
}

.zh-footer-social .zh-social-instagram {
	background: #111;
	color: #fff;
	box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.9);
}

.zh-footer-social .zh-social-youtube {
	width: 48px;
	background: #ff0000;
	color: #fff;
}

.zh-footer-social svg {
	width: 27px;
	height: 27px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.zh-footer-social .zh-social-facebook svg,
.zh-footer-social .zh-social-youtube svg {
	fill: currentColor;
	stroke: none;
}

.zh-footer-social .zh-social-facebook svg {
	width: 31px;
	height: 31px;
}

.zh-footer-contact {
	display: grid;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.zh-footer-contact li {
	display: grid;
	gap: 4px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.zh-footer-contact strong {
	color: #d7a64c;
	font-size: 13px;
	text-transform: uppercase;
}

.zh-footer-contact a,
.zh-footer-contact span {
	color: rgba(255, 255, 255, 0.86);
	line-height: 1.55;
	text-decoration: none;
}

.zh-footer-contact a:hover,
.zh-footer-social a:hover {
	transform: translateY(-2px);
	filter: brightness(1.05);
}

body .dt_footer .footer-shape {
	display: none !important;
}

body .dt_footer_copyright {
	background: #0b1a28;
}

@media (max-width: 991px) {
	body .site--logo {
		min-width: auto !important;
	}

	.zh-brand-icon,
	.zh-brand-icon img {
		width: 42px !important;
		height: 42px !important;
		flex-basis: 42px !important;
	}

	.zh-brand-name {
		font-size: 20px !important;
	}

	.zh-brand-sub {
		font-size: 10px !important;
	}

	.zh-footer-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.zh-topbar {
		justify-content: flex-start;
		padding: 8px 0;
	}

	.zh-footer-main {
		padding: 48px 0;
	}

	.zh-footer-social a {
		width: 38px;
		height: 38px;
	}
}

/* ==========================================================================
   精准升级：WhatsApp 移至右侧中段悬浮（不遮挡任何底部进度条和回到顶部按钮）
   ========================================================================== */
.zh-whatsapp-float {
	position: fixed !important;
	right: 0 !important;              /* 贴紧右侧 */
	top: 55% !important;              /* 居中偏下位置，彻底避开底部进度条 */
	transform: translateY(-50%) !important;
	z-index: 2147483647 !important;   /* 浏览器极限最高层级 */
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 10px 14px 10px 10px !important;
	background: #25D366 !important;
	color: #fff !important;
	border-radius: 30px 0 0 30px !important; /* 左侧圆角，右侧直角贴边 */
	box-shadow: -4px 6px 24px rgba(0, 0, 0, .18) !important;
	text-decoration: none !important;
	transition: all .28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.zh-whatsapp-float:hover {
	padding-right: 22px !important;   /* 鼠标悬浮滑出一点 */
	background: #1ebe5d !important;
	color: #fff !important;
}

.zh-whatsapp-icon {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: rgba(255,255,255,.2) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 16px !important;
	flex: 0 0 32px !important;
}

.zh-whatsapp-text {
	display: flex !important;
	flex-direction: column !important;
	line-height: 1.1 !important;
}

.zh-whatsapp-text strong {
	font-size: 13px !important;
	font-weight: 800 !important;
	color: #fff !important;
	letter-spacing: 0.3px !important;
}

.zh-whatsapp-text em {
	margin-top: 1px !important;
	font-size: 10px !important;
	font-style: normal !important;
	opacity: .95 !important;
	color: #fff !important;
}

/* 移动端响应式极致轻量化 */
@media (max-width: 768px) {
	.zh-whatsapp-float {
		top: 65% !important;           /* 手机端稍微靠下，方便大拇指单手操作 */
		padding: 8px !important;
		border-radius: 50% 0 0 50% !important;
	}

	.zh-whatsapp-text {
		display: none !important;     /* 手机端隐藏文字，只留纯图标小耳朵 */
	}

	.zh-whatsapp-icon {
		width: 38px !important;
		height: 38px !important;
		background: transparent !important;
	}
}

/* ==========================================================================
   移动端专属补丁：强制修复手机端菜单被截断与高度塌陷问题
   ========================================================================== */
@media (max-width: 991px) {
	/* 1. 强制手机端导航主容器释放高度约束，允许内容完全溢出或自适应撑开 */
	.dt_mobilenav,
	.dt_mobilenav-wrapper,
	.dt_mobilenav-mainmenu-content,
	div[class*="mobilenav"] {
		height: auto !important;
		max-height: none !important;
		min-height: unset !important;
		overflow: visible !important;
	}

	/* 2. 强行修复菜单项（ul/li）的纵向包裹，防止内部元素高度计算回弹 */
	body .dt_navbar-mainmenu,
	body .dt_navbar-mainmenu > li {
		display: block !important;
		height: auto !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	/* 3. 补齐菜单项的内边距，提供大拇指点击的安全区间，防止视觉上紧贴下方内容 */
	body .dt_navbar-mainmenu > li > a {
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		display: block !important;
	}
}

/* ==========================================================================
   Hero 区域精准修补：干掉没有任何文字内容的空白打勾符
   ========================================================================== */
.zh-hero__bullets li:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 备用保险：如果 WordPress 在里面悄悄塞了空格导致 :empty 失效，强制屏蔽第三个且没内容的项 */
.zh-hero__bullets li:nth-child(3):empty,
.zh-hero__bullets li:nth-child(3):not(:valid) {
    display: none !important;
}