/**
 * 全站视觉主题 — 对齐 Meoo 托管站风格（覆盖 Divi）
 * 参考：https://tfrhrol9fb5e.meoo.info — Tailwind stone 中性色 + 品牌蓝 #007bff
 */

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;1,14..32,400&display=swap");

:root {
	/* Tailwind stone 色阶（暖灰中性） */
	--site-bg: #fafaf9;
	--site-bg-muted: #f5f5f4;
	--site-paper: #ffffff;
	--site-ink: #1c1917;
	--site-muted: #57534e;
	--site-line: #e7e5e4;
	--site-line-strong: #d6d3d1;
	/* Meoo 水印与常见主色一致 */
	--site-accent: #007bff;
	--site-accent-hover: #0066d6;
	--site-accent-soft: rgba(0, 123, 255, 0.09);
	--site-radius: 8px;
	--site-radius-lg: 12px;
	--site-shadow: 0 1px 2px rgba(28, 25, 23, 0.05);
	--site-shadow-menu: 0 10px 40px rgba(28, 25, 23, 0.08);
	--site-content-max: 80rem;
	--site-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	/* 顶栏（透明 → 白底） */
	--header-bg-solid: rgba(255, 255, 255, 0.97);
	/* 主导航：图一默认灰 / 选中与悬停珊瑚色 */
	--nav-main-default: #555555;
	--nav-main-active-hover: #ff5e6e;
	/* 子菜单：图二顶边蓝、默认深灰字、悬停浅灰底 + 中灰字 */
	--nav-submenu-border: #3498db;
	--nav-submenu-text: #444444;
	--nav-submenu-hover-bg: #f5f5f5;
	--nav-submenu-hover-text: #888888;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--site-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	background-color: var(--site-bg) !important;
	background-image: none !important;
	color: var(--site-ink) !important;
	line-height: 1.65 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.et_pb_text_inner h1,
.et_pb_text_inner h2,
.et_pb_text_inner h3,
.et_pb_slide_title,
.et_pb_module_header {
	font-family: var(--site-font) !important;
	font-weight: 600 !important;
	color: var(--site-ink) !important;
	letter-spacing: -0.02em;
}

body h1,
.et_pb_text_inner h1 {
	font-size: clamp(1.875rem, 3.5vw, 2.5rem) !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
}

body h2,
.et_pb_text_inner h2 {
	font-size: clamp(1.5rem, 2.5vw, 1.875rem) !important;
	line-height: 1.25 !important;
	font-weight: 600 !important;
}

body h3,
.et_pb_text_inner h3 {
	font-size: clamp(1.125rem, 2vw, 1.25rem) !important;
	font-weight: 600 !important;
}

.et_pb_bg_layout_dark .et_pb_text_inner h1,
.et_pb_bg_layout_dark .et_pb_text_inner h2,
.et_pb_bg_layout_dark .et_pb_text_inner h3,
.et_pb_bg_layout_dark .et_pb_text_inner h4,
.et_pb_bg_layout_dark .et_pb_module_header,
.et_pb_bg_layout_dark .et_pb_slide_title {
	color: #fafafa !important;
}

.et_pb_text_inner p {
	color: var(--site-muted);
	max-width: 62ch;
}

.et_pb_bg_layout_dark .et_pb_text_inner p,
.et_pb_bg_layout_dark .et_pb_slide_content {
	color: rgba(255, 255, 255, 0.9) !important;
}

a {
	color: var(--site-accent) !important;
	text-decoration: none;
	transition: color 0.15s ease, opacity 0.15s ease;
}

a:hover {
	color: var(--site-accent-hover) !important;
}

#page-container {
	overflow-x: clip !important;
	overflow-y: visible !important;
}

/* 覆盖 common_head 内联 style，避免 Portfolio 下拉被裁成一条线（图一 → 图二） */
#page-container.et-animated-content {
	overflow-y: visible !important;
}

#main-content {
	background: transparent !important;
}

/* 图二：≥981px 只保留横向 #top-menu，隐藏「Select Page」移动块，顶栏内下拉可溢出显示 */
@media (min-width: 981px) {
	#main-header #et_mobile_nav_menu {
		display: none !important;
	}

	#main-header,
	#main-header .container.et_menu_container,
	#main-header #et-top-navigation,
	#main-header #top-menu-nav {
		overflow: visible !important;
	}
}

/*
 * 顶栏 — 对齐 Meoo 类站点习惯：https://tfrhrol9fb5e.meoo.info/
 * 桌面：页面在顶部时透明；向下滚动（Divi .et-fixed-header）或展开一级菜单时白底毛玻璃。
 * 小屏：始终白底，保证可读。
 */
@media (min-width: 981px) {
	body.et_fixed_nav #main-header {
		background: transparent !important;
		background-color: transparent !important;
		border-bottom: 1px solid rgba(41, 37, 36, 0.08) !important;
		box-shadow: none !important;
		transition:
			background-color 0.35s ease,
			border-color 0.35s ease,
			box-shadow 0.35s ease,
			-webkit-backdrop-filter 0.35s ease,
			backdrop-filter 0.35s ease !important;
	}

	body.et_fixed_nav #main-header.et-fixed-header,
	body.et_fixed_nav #main-header:has(#top-menu > li:hover),
	body.et_fixed_nav #main-header:has(#top-menu > li.et-hover),
	body.et_fixed_nav #main-header:has(#top-menu > li.et-touch-hover) {
		background: var(--header-bg-solid) !important;
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		border-bottom-color: var(--site-line) !important;
		box-shadow: var(--site-shadow) !important;
	}

	/* 导航块在顶栏内垂直居中 */
	body.et_header_style_left #main-header #et-top-navigation {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		display: flex !important;
		align-items: center !important;
		min-height: 80px;
		box-sizing: border-box;
	}

	body.et_header_style_left #main-header.et-fixed-header #et-top-navigation {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		min-height: 66px;
	}

	body.et_header_style_left #main-header #et-top-navigation nav > ul > li > a {
		padding-top: 0.65rem !important;
		padding-bottom: 0.65rem !important;
	}

	#main-header #top-menu > li > a,
	#main-header #et-secondary-nav > li > a {
		font-family: var(--site-font) !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		letter-spacing: 0.01em !important;
		color: var(--nav-main-default) !important;
		padding: 0.45em 0.75em !important;
		transition: color 0.2s ease, background 0.2s ease !important;
		line-height: 1.25 !important;
	}

	/* 一级项之间拉开间距 */
	#main-header #top-menu > li {
		padding-right: 14px !important;
	}

	#main-header #top-menu > li:last-child {
		padding-right: 0 !important;
	}

	/* 仅一级「有子菜单」：inline-flex + CSS 小箭头，与文字垂直居中 */
	#main-header #top-menu > li.menu-item-has-children > a:first-child {
		display: inline-flex !important;
		align-items: center !important;
		gap: 0.45em !important;
		position: relative !important;
	}

	#main-header #top-menu > li.menu-item-has-children > a:first-child::after {
		font-family: inherit !important;
		content: "" !important;
		position: static !important;
		display: inline-block !important;
		width: 0.32em;
		height: 0.32em;
		margin: 0 !important;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: translateY(-0.06em) rotate(45deg);
		opacity: 0.75;
		flex-shrink: 0;
		vertical-align: middle;
	}

	/* 一级：悬停与选中均为珊瑚色（与图一一致） */
	#main-header #top-menu > li > a:hover,
	#main-header #et-secondary-nav > li > a:hover {
		color: var(--nav-main-active-hover) !important;
		background: rgba(255, 94, 110, 0.08) !important;
		opacity: 1 !important;
	}

	body.et_fixed_nav #main-header.et-fixed-header #top-menu > li > a:hover,
	body.et_fixed_nav #main-header:has(#top-menu > li:hover) #top-menu > li > a:hover {
		background: rgba(255, 94, 110, 0.1) !important;
	}

	#main-header #top-menu li.current-menu-item > a,
	#main-header #top-menu li.current_page_item > a,
	#main-header #top-menu li.current-menu-ancestor > a {
		color: var(--nav-main-active-hover) !important;
		font-weight: 600 !important;
		background: transparent !important;
	}

	#main-header #top-menu-nav > ul > li > a:hover {
		opacity: 1 !important;
	}

	#main-header #et_search_icon:before {
		color: var(--nav-main-default) !important;
	}
}

/* 下拉 / 移动菜单：与图二一致（全宽适用） */
#main-header .nav li ul,
#main-header .et_mobile_menu {
	border: 1px solid var(--site-line) !important;
	border-top: 3px solid var(--nav-submenu-border) !important;
}

/* 桌面 Portfolio 下拉：固定宽度，避免顶边线在 flex 下被拉成整行（图一异常横线） */
@media (min-width: 981px) {
	#main-header #top-menu > li.menu-item-has-children > ul.sub-menu {
		width: 240px !important;
		max-width: 240px !important;
		min-width: 240px !important;
		box-sizing: border-box !important;
	}
}

#main-header .nav li li > a,
#main-header .et_mobile_menu li > a {
	color: var(--nav-submenu-text) !important;
	font-weight: 400 !important;
	transition: color 0.15s ease, background 0.15s ease !important;
}

#main-header .nav li li > a:hover,
#main-header .et_mobile_menu li > a:hover {
	color: var(--nav-submenu-hover-text) !important;
	background: var(--nav-submenu-hover-bg) !important;
	opacity: 1 !important;
}

#main-header .et_mobile_menu > li > a:hover,
#main-header .et_mobile_menu > li.current-menu-item > a,
#main-header .et_mobile_menu > li.current-menu-ancestor > a {
	color: var(--nav-main-active-hover) !important;
}

/*
 * 移动菜单「三条线」：Divi 默认 content:"a" + font-family:ETmodules；企业子页未内联 @font-face 时会落成普通字母 a。
 * 改为纯 CSS，不依赖 ETmodules。
 */
#main-header .mobile_menu_bar {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	min-width: 44px;
	vertical-align: middle;
	cursor: pointer;
}

#main-header .mobile_menu_bar:before {
	content: "" !important;
	font-family: inherit !important;
	font-size: 0 !important;
	line-height: 0 !important;
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: var(--nav-submenu-border);
	box-shadow:
		0 7px 0 0 var(--nav-submenu-border),
		0 14px 0 0 var(--nav-submenu-border);
	transform: translateY(-7px);
	position: relative;
	left: auto;
	top: auto;
}

#main-header .mobile_menu_bar:after {
	content: none !important;
}

@media (max-width: 980px) {
	#main-header {
		background: var(--header-bg-solid) !important;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		border-bottom: 1px solid var(--site-line) !important;
	}

	/* 顶栏内定位，便于下拉层占满屏宽 */
	#main-header #et-top-navigation {
		position: relative;
		flex-wrap: wrap;
		align-items: center;
	}

	#et_mobile_nav_menu .mobile_nav.closed > #mobile_menu,
	#et_mobile_nav_menu .mobile_nav.closed .et_mobile_menu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	/* 移动抽屉菜单：去掉 UA/其它样式表带来的项目符号，修正缩进（与 Divi 静态站一致） */
	#main-header #et_mobile_nav_menu .et_mobile_menu,
	#main-header #et_mobile_nav_menu .et_mobile_menu ul.sub-menu {
		list-style: none !important;
		list-style-type: none !important;
		margin: 0 !important;
		padding: 0 !important;
		padding-inline-start: 0 !important;
	}

	#main-header #et_mobile_nav_menu .et_mobile_menu li {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#main-header #et_mobile_nav_menu .et_mobile_menu li::marker {
		content: none !important;
	}

	#main-header #et_mobile_nav_menu .et_mobile_menu ul.sub-menu {
		padding-left: 0.75rem !important;
		margin: 0 !important;
		border-top: 1px solid var(--site-line);
		background: var(--site-bg-muted);
	}

	#main-header #et_mobile_nav_menu .et_mobile_menu > li > a {
		display: block;
		padding: 0.75rem 1rem !important;
		border-bottom: 1px solid var(--site-line);
	}

	#main-header #et_mobile_nav_menu .et_mobile_menu ul.sub-menu li > a {
		padding: 0.55rem 0.75rem 0.55rem 1rem !important;
		border-bottom: 1px solid var(--site-line);
		font-size: 0.9375rem !important;
	}

	#main-header #et_mobile_nav_menu .et_mobile_menu ul.sub-menu li:last-child > a {
		border-bottom: none;
	}

	/* 全站手机：下拉宽度统一为图三（约 88vw、右侧对齐，不随 .mobile_nav 窄父级变成一条线） */
	#main-header #et_mobile_nav_menu .mobile_nav {
		position: relative;
	}

	#main-header #et_mobile_nav_menu .mobile_nav.opened > #mobile_menu,
	#main-header #et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu,
	#main-header #et_mobile_nav_menu .mobile_nav.opened > #mobile_menu.et_mobile_menu {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		max-height: 80vh !important;
		overflow-y: auto !important;
		position: absolute !important;
		top: 100% !important;
		right: 0 !important;
		left: auto !important;
		width: min(22rem, 88vw) !important;
		max-width: 88vw !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 0 !important;
		z-index: 100000 !important;
		background: var(--site-paper) !important;
		box-shadow: var(--site-shadow-menu) !important;
		border: 1px solid var(--site-line) !important;
		border-top: 3px solid var(--nav-submenu-border) !important;
		border-radius: 0 0 var(--site-radius) var(--site-radius);
	}
}

/* 首页首屏（et_pb_section_0）：深色叠层/底图上，浅色字才读得清 */
body.home .et_pb_section_0 .et_pb_text_inner h1,
body.home .et_pb_section_0 .et_pb_text_inner h2,
body.home .et_pb_section_0 .et_pb_text_inner h3,
body.home .et_pb_section_0 .et_pb_text_inner h4 {
	color: rgba(255, 255, 255, 0.98) !important;
}

body.home .et_pb_section_0 .et_pb_text_inner p {
	color: rgba(255, 255, 255, 0.9) !important;
}

body.home .et_pb_section_0 .et_pb_text_inner a {
	color: rgba(255, 255, 255, 0.95) !important;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

body.home .et_pb_section_0 .et_pb_text_inner a:hover {
	color: #ffffff !important;
}

/* 区块留白 */
.et_pb_section {
	border-radius: 0;
}

.et_pb_section.et_pb_section_first {
	padding-top: 0 !important;
}

.et_pb_row {
	padding-top: 2.25rem !important;
	padding-bottom: 2.25rem !important;
}

@media (min-width: 981px) {
	.et_pb_row {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
}

/* 主内容顶层行宽与 Meoo 对齐（不作用于列内嵌套 row） */
#main-content .et_builder_inner_content > .et_pb_section.et_section_regular > .et_pb_row {
	max-width: var(--site-content-max) !important;
	width: 92% !important;
}

body.page-id-224 #main-content .et_builder_inner_content > .et_pb_section.et_section_regular > .et_pb_row {
	padding-top: 1.75rem !important;
	padding-bottom: 1.75rem !important;
}

@media (min-width: 981px) {
	body.page-id-224 #main-content .et_builder_inner_content > .et_pb_section.et_section_regular > .et_pb_row {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
}

/* About：段落间距与首屏区块上边距 */
body.page-id-232 .et_pb_text_inner p {
	margin-bottom: 0.35em;
}

body.page-id-232 .et_builder_inner_content > .et_pb_section.et_section_regular:first-of-type > .et_pb_row {
	padding-top: 2.5rem !important;
}

.et_pb_image_wrap img,
.et_pb_main_blurb_image img {
	border-radius: var(--site-radius-lg);
	box-shadow: none;
	border: 1px solid var(--site-line);
	transition: border-color 0.2s ease, opacity 0.2s ease;
}

.et_pb_image_wrap:hover img,
.et_pb_main_blurb_image:hover img {
	box-shadow: none;
	transform: none;
	border-color: var(--site-line-strong);
	opacity: 0.98;
}

/* 按钮：线框 / 扁平 */
.et_pb_button,
.et_pb_module .et_pb_button {
	font-family: var(--site-font) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	border-radius: var(--site-radius) !important;
	border: 1px solid var(--site-accent) !important;
	background: var(--site-accent) !important;
	color: var(--site-paper) !important;
	padding: 0.55em 1.35em !important;
	box-shadow: none !important;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

.et_pb_button:hover,
.et_pb_module .et_pb_button:hover {
	transform: none;
	filter: none;
	background: var(--site-accent-hover) !important;
	color: var(--site-paper) !important;
	border-color: var(--site-accent-hover) !important;
	box-shadow: none !important;
}

.et_pb_bg_layout_dark .et_pb_button,
.et_pb_bg_layout_dark .et_pb_module .et_pb_button {
	background: transparent !important;
	color: #fafafa !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
}

.et_pb_bg_layout_dark .et_pb_button:hover,
.et_pb_bg_layout_dark .et_pb_module .et_pb_button:hover {
	background: rgba(255, 255, 255, 0.12) !important;
	border-color: #fff !important;
	color: #fff !important;
}

.et_pb_bg_layout_light h1,
.et_pb_bg_layout_light h2,
.et_pb_bg_layout_light h3,
.et_pb_bg_layout_light h4 {
	color: var(--site-ink) !important;
}

.et_pb_bg_layout_light .et_pb_more_button {
	color: var(--site-accent) !important;
}

a:focus-visible,
.et_pb_button:focus-visible,
button:focus-visible {
	outline: 2px solid var(--site-accent);
	outline-offset: 2px;
}

::selection {
	background: rgba(0, 123, 255, 0.18);
	color: var(--site-ink);
}

@media (min-width: 981px) {
	.container {
		width: 92% !important;
		max-width: var(--site-content-max) !important;
	}
}

/* 商城 / 会员等新页：顶栏与主内容同宽并在视口水平居中（max-width 与 .fa-inner 72rem 一致） */
body.boh-enterprise-inner #main-header .container.et_menu_container {
	width: 92% !important;
	max-width: 72rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box;
	float: none !important;
	clear: both;
}

/* 覆盖 common_head 内联 padding-left:84px（新页顶栏用较小左内边距） */
body.boh-enterprise-inner #main-header #et-top-navigation {
	padding-left: 1rem !important;
}

@media (min-width: 981px) {
	body.boh-enterprise-inner #main-header #et-top-navigation {
		padding-left: 1.25rem !important;
	}
}

/* 新页桌面：Logo 在顶栏条内垂直居中（与 #et-top-navigation 80px 对齐；避免 absolute+height:100% 时视觉上贴顶） */
@media (min-width: 981px) {
	body.boh-enterprise-inner.et_header_style_left #main-header .container.et_menu_container {
		min-height: 80px;
	}

	body.boh-enterprise-inner.et_header_style_left #main-header.et-fixed-header .container.et_menu_container {
		min-height: 66px;
	}

	body.boh-enterprise-inner #main-header .logo_container {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start;
	}

	body.boh-enterprise-inner #main-header .logo_container span.logo_helper {
		display: none !important;
	}

	body.boh-enterprise-inner #main-header .logo_container > a {
		display: flex !important;
		align-items: center !important;
		line-height: 0;
	}
}

/* 新页手机：顶栏内 Logo 垂直居中 */
@media (max-width: 980px) {
	body.boh-enterprise-inner #main-header .container.et_menu_container {
		min-height: 56px;
	}

	body.boh-enterprise-inner #main-header .logo_container {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start;
	}

	body.boh-enterprise-inner #main-header .logo_container span.logo_helper {
		display: none !important;
	}

	body.boh-enterprise-inner #main-header .logo_container > a {
		display: flex !important;
		align-items: center !important;
		line-height: 0;
	}
}

/*
 * 商城 / Buy it now 等：主内容常为左浅右深分栏，顶栏在页面顶部为透明时会透出底色，看起来像「顶栏左右分色」。
 * 向下滚动后 Divi 为 #main-header 加上 .et-fixed-header，此处强制整栏不透明白底（不用半透明毛玻璃），与参考站一致。
 */
@media (min-width: 981px) {
	body.boh-enterprise-inner.et_fixed_nav #main-header.et-fixed-header,
	body.boh-enterprise-inner.et_fixed_nav #main-header.fa-main-header--scrolled,
	body.boh-enterprise-inner.et_fixed_nav #main-header:has(#top-menu > li:hover),
	body.boh-enterprise-inner.et_fixed_nav #main-header:has(#top-menu > li.et-hover),
	body.boh-enterprise-inner.et_fixed_nav #main-header:has(#top-menu > li.et-touch-hover) {
		background: #ffffff !important;
		background-color: #ffffff !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
}

@media (max-width: 980px) {
	body.boh-enterprise-inner #main-header {
		background: #ffffff !important;
		background-color: #ffffff !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
}

/* 页脚：原版 HTML 含 #footer-bottom，Divi 默认深色条；此处与全站浅色主题对齐，避免大块纯黑 */
#main-footer {
	background-color: var(--site-bg-muted) !important;
	color: var(--site-muted) !important;
}

#footer-widgets {
	padding-top: 1.5rem !important;
	padding-bottom: 0.5rem !important;
}

#main-footer .enterprise-footer-contact,
#main-footer .enterprise-footer-contact a,
#contact .enterprise-contact-custom,
#contact .enterprise-contact-custom a {
	color: var(--site-muted) !important;
}

#main-footer .enterprise-footer-contact a:hover,
#contact .enterprise-contact-custom a:hover {
	color: var(--site-accent) !important;
}

/* 首页视频背景区：简化版 HTML 内联 video */
.et_pb_section_video .et_pb_section_video_bg video.et_pb_section_video_bg_inner {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 280px;
	object-fit: cover;
}

#footer-bottom {
	background-color: var(--site-paper) !important;
	background-image: none !important;
	color: var(--site-muted) !important;
	border-top: 1px solid var(--site-line) !important;
	padding: 0.65rem 0 !important;
	min-height: 0 !important;
}

/* Brush of Hope：顶栏 Logo 与右侧登录/购物车图标 */
#main-header #logo {
	max-height: 54px !important;
	width: auto !important;
	height: auto !important;
}

#main-header #top-menu-nav {
	flex: 1 1 auto;
	min-width: 0;
}

#main-header .boh-enterprise-tools {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	flex: 0 0 auto;
	padding-left: 0.75rem;
	margin-left: auto;
}

#main-header .boh-enterprise-tools__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	text-decoration: none;
	opacity: 0.92;
}

#main-header .boh-enterprise-tools__link:hover {
	opacity: 1;
}

#main-header .boh-enterprise-tools__ic {
	display: block;
	width: 36px;
	height: 28px;
	background-repeat: no-repeat;
	background-size: 200% 100%;
}

#main-header .boh-enterprise-tools__ic--user {
	background-position: 0% 50%;
}

#main-header .boh-enterprise-tools__ic--cart {
	background-position: 100% 50%;
}

#main-header .boh-enterprise-tools__svg-icon {
	display: block;
	width: 24px;
	height: 24px;
	color: #333333;
}

#main-header .boh-enterprise-tools__link--cart {
	position: relative;
}

#main-header .boh-enterprise-cart-badge {
	position: absolute;
	top: 2px;
	right: 2px;
	min-width: 1.1rem;
	height: 1.1rem;
	padding: 0 0.25rem;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.1rem;
	text-align: center;
	color: #fff;
	background: #b07d75;
}

#mobile_menu a .boh-enterprise-cart-badge {
	position: static;
	display: inline-block;
	margin-left: 0.35rem;
	vertical-align: middle;
}

@media screen and (max-width: 980px) {
	#main-header .boh-enterprise-tools {
		display: none !important;
	}
}

/* -------------------------------------------------------------------------
   作品集页（page-id-224）：画廊每行 3 张
   Divi 为三列竖向堆叠，CMS 按 DOM 顺序填图时易出现「左多、中少、右空」；
   仅作用于「恰好三个 et_pb_column_1_3」的行，不影响 1_3 + 2_3 等混排。
   ------------------------------------------------------------------------- */
body.page-id-224 .et_pb_row.et_pb_gutters3:has(> .et_pb_column_1_3:nth-child(1)):has(> .et_pb_column_1_3:nth-child(2)):has(> .et_pb_column_1_3:nth-child(3):last-child) {
	display: flex !important;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1.25rem 2%;
	width: 80%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

body.page-id-224 .et_pb_row.et_pb_gutters3:has(> .et_pb_column_1_3:nth-child(1)):has(> .et_pb_column_1_3:nth-child(2)):has(> .et_pb_column_1_3:nth-child(3):last-child)::after {
	content: none !important;
	display: none !important;
}

body.page-id-224 .et_pb_row.et_pb_gutters3:has(> .et_pb_column_1_3:nth-child(1)):has(> .et_pb_column_1_3:nth-child(2)):has(> .et_pb_column_1_3:nth-child(3):last-child) > .et_pb_column_1_3 {
	display: contents;
}

body.page-id-224 .et_pb_row.et_pb_gutters3:has(> .et_pb_column_1_3:nth-child(1)):has(> .et_pb_column_1_3:nth-child(2)):has(> .et_pb_column_1_3:nth-child(3):last-child) .et_pb_module.et_pb_image {
	float: none !important;
	clear: none !important;
	width: calc((100% - 2 * 2%) / 3) !important;
	max-width: none !important;
	margin: 0 !important;
	box-sizing: border-box;
}

body.page-id-224 .et_pb_row.et_pb_gutters3:has(> .et_pb_column_1_3:nth-child(1)):has(> .et_pb_column_1_3:nth-child(2)):has(> .et_pb_column_1_3:nth-child(3):last-child) .et_pb_image .et_pb_image_wrap {
	max-width: 100% !important;
}

body.page-id-224 .et_pb_row.et_pb_gutters3:has(> .et_pb_column_1_3:nth-child(1)):has(> .et_pb_column_1_3:nth-child(2)):has(> .et_pb_column_1_3:nth-child(3):last-child) .et_pb_image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: var(--site-radius, 8px);
}

@media (max-width: 980px) {
	body.page-id-224 .et_pb_row.et_pb_gutters3:has(> .et_pb_column_1_3:nth-child(1)):has(> .et_pb_column_1_3:nth-child(2)):has(> .et_pb_column_1_3:nth-child(3):last-child) .et_pb_module.et_pb_image {
		width: calc((100% - 2%) / 2) !important;
	}
}

@media (max-width: 640px) {
	body.page-id-224 .et_pb_row.et_pb_gutters3:has(> .et_pb_column_1_3:nth-child(1)):has(> .et_pb_column_1_3:nth-child(2)):has(> .et_pb_column_1_3:nth-child(3):last-child) .et_pb_module.et_pb_image {
		width: 100% !important;
	}
}
/*
 * Portfolio 艺术家介绍（section_10）：原 2/3 列靠左留白，将整列 + .et_pb_text_inner 在视口中水平居中，小屏全宽自适应
 */
body.page-id-224 .et_pb_section_10 .et_pb_row_10 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
}

body.page-id-224 .et_pb_section_10 .et_pb_row_10 .et_pb_column_2_3.et_pb_column {
	float: none !important;
	width: 100% !important;
	max-width: min(72ch, 94vw) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box;
}

body.page-id-224 .et_pb_section_10 .et_pb_module.et_pb_text_7 .et_pb_text_inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

body.page-id-224 .et_pb_section_10 .et_pb_module.et_pb_text_7 .et_pb_text_inner p {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

body.page-id-224 .et_pb_section_10 .et_pb_module.et_pb_text_7 .et_pb_text_inner > div {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}