@font-face {
	font-display: swap;
	font-family: "GTF Adieu TRIAL";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/GTFAdieuTRIAL-Regular.otf") format("opentype");
}

@font-face {
	font-display: swap;
	font-family: "GTF Adieu TRIAL";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/GTFAdieuTRIAL-Bold.otf") format("opentype");
}

@font-face {
	font-display: swap;
	font-family: "GTF Adieu TRIAL";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/GTFAdieuTRIAL-Light.otf") format("opentype");
}

@font-face {
	font-display: swap;
	font-family: "Source Han Sans CN";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/SourceHanSansCN-Regular.otf") format("opentype");
}

:root {
	--phomi-blue: #70c7d1;
	--phomi-font: "GTF Adieu TRIAL";
}

html,
body {
	margin: 0;
	overflow-x: hidden;
}

body.page-template-page-edisplay,
body.page-template-page-edisplay #page,
body.page-template-page-edisplay #content,
body.page-template-page-edisplay .site-content,
body.page-template-page-edisplay .ast-container,
body.page-template-page-edisplay .content-area,
body.page-template-page-edisplay .site-main,
body.page-template-page-edisplay .entry-content {
	margin: 0;
	max-width: none;
	padding: 0;
}

html:has(body.page-template-page-edisplay) {
	margin-top: 0 !important;
}

body.page-template-page-edisplay .site-header,
body.page-template-page-edisplay .site-footer,
body.page-template-page-edisplay #wpadminbar {
	display: none;
}

.ast-plain-container.ast-no-sidebar #primary.phomi-edisplay,
#primary.phomi-edisplay,
.phomi-edisplay {
	background: #fff;
	color: #000;
	font-family: var(--phomi-font);
	margin: 0;
	min-height: 100vh;
	padding: 0;
}

/* 压过 Astra 全局 h1-h6 默认颜色,让标题继承所在区块的文字颜色 */
body.page-template-page-edisplay h1,
body.page-template-page-edisplay h2,
body.page-template-page-edisplay h3,
body.page-template-page-edisplay h4,
body.page-template-page-edisplay h5,
body.page-template-page-edisplay h6 {
	color: inherit;
}

body.page-template-page-edisplay .phomi-inquiry h2 {
	color: var(--phomi-blue);
}

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

.phomi-edisplay img {
	display: block;
	max-width: 100%;
}

.phomi-header {
	height: 4.6875vw;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 40;
}

.phomi-header__inner {
	height: 100%;
	margin: 0 auto;
	max-width: 1920px;
	position: relative;
}

.phomi-logo {
	aspect-ratio: 2269 / 875;
	display: block;
	left: 15.104167vw;
	line-height: 0;
	position: absolute;
	top: 0.572917vw;
	width: 8.333333vw;
}

.phomi-logo img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.phomi-nav {
	left: 26.822917vw;
	position: absolute;
	top: 1.822917vw;
	white-space: nowrap;
}

.phomi-nav ul {
	align-items: flex-start;
	display: flex;
	gap: 2.1875vw;
	list-style: none;
	margin: 0;
	padding: 0;
}

.phomi-nav li {
	line-height: 1;
	position: relative;
}

.phomi-nav a {
	align-items: center;
	color: #fff;
	display: inline-flex;
	font-size: 0.729167vw;
	font-weight: 400;
	line-height: 1.041667vw;
	text-decoration: none;
	transition: color 0.28s ease, opacity 0.28s ease, transform 0.28s ease;
}

.phomi-nav > ul > li:nth-child(-n+6) > a,
.phomi-nav > ul > li:last-child > a {
	/* text-transform: uppercase; */
}

.phomi-nav .has-menu > a::after {
	border-bottom: 1px solid currentColor;
	border-right: 1px solid currentColor;
	content: "";
	height: 0.260417vw;
	margin-left: 0.416667vw;
	position: relative;
	top: -0.026042vw;
	transform: rotate(45deg);
	transition: transform 0.24s ease;
	width: 0.260417vw;
}

.phomi-nav > ul > li > a:hover,
.phomi-nav > ul > li > a:focus-visible {
	color: #fff;
	opacity: 1;
	transform: translateY(-1px) scale(1.08);
}

.phomi-nav .has-menu:hover > a::after,
.phomi-nav .has-menu:focus-within > a::after {
	transform: rotate(225deg);
}

.phomi-mega-menu {
	background: #fff;
	height: 346px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 90px;
	transform: translateY(-8px);
	transition: opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;
	visibility: hidden;
	width: 100vw;
	z-index: 30;
}

.phomi-mega-menu::before {
	pointer-events: none;
	content: "";
	height: 90px;
	left: 0;
	position: absolute;
	top: -90px;
	width: 100%;
}

.phomi-mega-menu__panel {
	background: #1a1a1a;
	height: 320px;
	position: relative;
	width: 100%;
}

.phomi-menu-scrim {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 436px;
	transition: opacity 0.24s ease, visibility 0.24s ease;
	visibility: hidden;
	z-index: 15;
}

.phomi-nav .phomi-mega-card {
	color: #fff;
	display: block !important;
	left: 455px;
	position: absolute;
	text-decoration: none;
	top: 50px;
	transition: filter 0.28s ease, transform 0.28s ease;
	width: 310px;
}

.phomi-nav .phomi-mega-card img {
	height: 186px;
	object-fit: cover;
	width: 310px;
}

.phomi-nav .phomi-mega-card span {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	margin-top: 8px;
	text-align: left;
	/* text-transform: capitalize; */
}

.phomi-nav .phomi-mega-card:nth-child(2) {
	left: 805px;
}

.phomi-nav .phomi-mega-card:nth-child(3) {
	left: 1155px;
}

.phomi-nav .has-mega-menu--about .phomi-mega-card:nth-child(1) {
	left: 295px;
}

.phomi-nav .has-mega-menu--about .phomi-mega-card:nth-child(2) {
	left: 635px;
}

.phomi-nav .has-mega-menu--about .phomi-mega-card:nth-child(3) {
	left: 975px;
}

.phomi-nav .has-mega-menu--about .phomi-mega-card:nth-child(4) {
	left: 1315px;
}

.phomi-nav .has-mega-menu--case .phomi-mega-menu {
	height: 596px;
}

.phomi-nav .has-mega-menu--case .phomi-mega-menu__panel {
	height: 570px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(1),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(1) {
	left: 280px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(2),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(2) {
	left: 620px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(3),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(3) {
	left: 960px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(4),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(4) {
	left: 1300px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(5),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(5) {
	left: 450px;
	top: 310px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(6),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(6) {
	left: 790px;
	top: 310px;
}

.phomi-nav .has-mega-menu:hover .phomi-mega-menu,
.phomi-nav .has-mega-menu:focus-within .phomi-mega-menu,
.phomi-header.is-mega-active .has-mega-menu.is-mega-open .phomi-mega-menu {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	visibility: visible;
}

.phomi-edisplay-hero {
	background: none;
	display: block;
	height: auto;
	min-height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.phomi-edisplay-hero__media {
	line-height: 0;
	position: relative;
	width: 100%;
}

.phomi-edisplay-hero__media::after {
	background: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.phomi-edisplay-hero__media img {
	display: block;
	height: auto;
	width: 100%;
}

.phomi-edisplay-hero .phomi-header,
.phomi-edisplay-hero .phomi-menu-scrim {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.phomi-edisplay-hero__copy {
	bottom: 3.645833vw;
	color: #fff;
	left: 3.645833vw;
	position: absolute;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	z-index: 2;
}

.phomi-edisplay-hero__copy h1 {
	color: #fff;
	font-size: clamp(50px, 3.645833vw, 70px);
	font-weight: 700;
	line-height: 1;
	margin: 0;
	max-width: calc(100vw - 7.291666vw);
	/* text-transform: uppercase; */
}

.phomi-edisplay-hero__copy p {
	color: #fff;
	font-size: clamp(16px, 1.041667vw, 20px);
	font-weight: 400;
	line-height: 3.5;
	margin: 0;
	/* text-transform: capitalize; */
}

/* Intro layout mirrors /technology/ .phomi-digital-facade (Figma 3:70)。
   左右两栏用 grid，右侧图片顶部与左侧 h2 标题对齐；尺寸按 1920 设计稿折算成 vw，
   宽度变小时整体等比收缩，文字永远不会压到右侧图片上。 */
.phomi-edisplay-intro {
	/* econiclay® 标识行的高度：line-height 40px + margin-bottom 14px，
	   图片下移这个量，顶部就落在 h2 标题上而不是标识行上。 */
	--edisplay-eyebrow-offset: 54px;
	--edisplay-gutter-left: min(3.697917vw, 71px);
	--edisplay-gutter-right: min(6.614583vw, 127px);
	--edisplay-column-gap: min(4.322917vw, 83px);
	--edisplay-visual-width: min(32.447917vw, 623px);
	--edisplay-copy-width: calc(
		100% - var(--edisplay-gutter-left) - var(--edisplay-gutter-right) - var(--edisplay-column-gap) - var(--edisplay-visual-width)
	);
	align-items: start;
	background: #000;
	box-sizing: border-box;
	color: #fff;
	display: grid !important;
	gap: var(--edisplay-column-gap);
	grid-template-columns: minmax(0, 1fr) minmax(0, var(--edisplay-visual-width));
	height: auto !important;
	min-height: min(52.083333vw, 1000px) !important;
	overflow: hidden;
	padding: min(6.770833vw, 130px) var(--edisplay-gutter-right) 0 var(--edisplay-gutter-left) !important;
	position: relative;
}

.phomi-edisplay-intro__copy {
	box-sizing: border-box;
	min-width: 0;
	padding: 0;
	/* 保持 static，让内部的 __note 以区块（而不是文案列）为定位参照。 */
	position: static;
	z-index: 2;
}

.phomi-edisplay-eyebrow {
	align-items: baseline;
	color: #79bdc8;
	display: block;
	font-family: "GTF Adieu TRIAL";
	font-size: 24px;
	font-weight: 300;
	line-height: 40px;
	margin: 0 0 14px;
}

.phomi-edisplay-eyebrow .phomi-eyebrow-brand {
	/* text-transform: lowercase; */
}

.phomi-edisplay-eyebrow .phomi-eyebrow-reg {
	color: #79bdc8;
	display: inline;
	font-size: 0.58em;
	font-weight: 300;
	line-height: 0;
	margin: 0 0.06em 0 0.02em;
	position: relative;
	top: -0.55em;
	vertical-align: baseline;
}

.phomi-edisplay-eyebrow .phomi-eyebrow-suffix {
	margin-left: 0.3em;
	/* text-transform: none; */
}

body.page-template-page-edisplay .phomi-edisplay-intro h2 {
	color: #70c7d1 !important;
	font-family: "GTF Adieu TRIAL";
	/* 与 /technology/ .phomi-digital-facade h2（--phomi-tech-display / -lh）一致 */
	font-size: clamp(34px, 3.125vw, 60px) !important;
	font-weight: 400 !important;
	height: auto !important;
	letter-spacing: 0;
	line-height: clamp(36px, 3.125vw, 60px) !important;
	margin: 0 0 60px !important;
	max-width: none;
	overflow-wrap: break-word;
	/* text-transform: uppercase; */
	white-space: normal;
	width: auto !important;
}

.phomi-edisplay-intro__copy > p:not(.phomi-edisplay-eyebrow) {
	color: #fff;
	font-family: "GTF Adieu TRIAL";
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	margin: 0;
	max-width: 1016px;
	overflow-wrap: break-word;
}

.phomi-edisplay-intro__note {
	background: none !important;
	border-left: none;
	/* 贴着区块底部，随区块高度变化，不再用固定 top 定位。 */
	bottom: min(5.885417vw, 113px) !important;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.7);
	font-family: "GTF Adieu TRIAL";
	font-size: 14px !important;
	font-weight: 300;
	left: var(--edisplay-gutter-left) !important;
	line-height: 28px !important;
	margin: 0 !important;
	max-width: 883px;
	/* bug#3904：左侧蓝色竖线为 ::before（top 9px + 高 70px），单行文案时会溢出出盒子、
	   吃掉区块底部留白；这里保证盒子至少能装下竖线，底部黑色留白才稳定。 */
	min-height: 79px;
	padding: 0 0 0 23px !important;
	position: absolute !important;
	/* text-transform: capitalize; */
	top: auto !important;
	/* 限制在左侧文案列内，避免底部说明伸到右侧图片下面。 */
	width: var(--edisplay-copy-width);
	z-index: 3;
}

.phomi-edisplay-intro__note::before {
	background: #70c7d1;
	content: "";
	height: 70px;
	left: 0;
	position: absolute;
	top: 9px;
	width: 2px;
}

.phomi-edisplay-intro__note p {
	margin: 0;
}

.phomi-edisplay-intro__visual {
	/* 623 × 680 @1920 的比例，顶部与左侧 h2 标题对齐。 */
	aspect-ratio: 623 / 680;
	height: auto !important;
	left: auto !important;
	margin: var(--edisplay-eyebrow-offset) 0 0 !important;
	min-height: 0;
	overflow: hidden;
	position: relative !important;
	right: auto !important;
	top: auto !important;
	width: 100% !important;
	z-index: 1;
}

.phomi-edisplay-intro__visual img,
.phomi-edisplay-intro__visual video {
	display: block;
	/* 原 674 × 811 / 偏移 3px、12px 的裁切换算成百分比，保持同样的取景。 */
	height: 119.264706% !important;
	left: 0.481541%;
	margin: 0 !important;
	mask-image: none !important;
	max-height: none !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center top;
	position: absolute !important;
	top: 1.764706%;
	-webkit-mask-image: none !important;
	width: 108.186196% !important;
}

.phomi-edisplay-intro__visual::after {
	background: linear-gradient(
		to top,
		#000 0%,
		rgba(0, 0, 0, 0.92) 18%,
		rgba(0, 0, 0, 0.45) 45%,
		rgba(0, 0, 0, 0) 86%
	) !important;
	bottom: 0 !important;
	content: "" !important;
	display: block !important;
	height: 20.735294% !important;
	left: 0 !important;
	pointer-events: none;
	position: absolute !important;
	right: auto !important;
	top: auto !important;
	width: 100% !important;
	z-index: 2;
}

/* bug#3983：浏览器缩放时容器底边落在小数像素上，图片与 ::after 黑色渐变各自抗锯齿，底边会漏出一条亮线。
   改为用等效的 mask 渐隐容器本身（区块底色为黑，透明 = 渐隐到黑），底边处内容已完全透明。
   色标按 ::after 高度换算（桌面 20.735%，≤1200 为 max(40%, 141px)）：18% / 45% / 86%。 */
.phomi-edisplay-intro__visual {
	--edisplay-intro-fade: 20.735%;
	mask-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.08) calc(var(--edisplay-intro-fade) * 0.18), rgba(0, 0, 0, 0.55) calc(var(--edisplay-intro-fade) * 0.45), #000 calc(var(--edisplay-intro-fade) * 0.86));
	-webkit-mask-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.08) calc(var(--edisplay-intro-fade) * 0.18), rgba(0, 0, 0, 0.55) calc(var(--edisplay-intro-fade) * 0.45), #000 calc(var(--edisplay-intro-fade) * 0.86));
}

.phomi-edisplay-intro__visual::after {
	content: none !important;
}

.phomi-edisplay-advantages,
.phomi-edisplay-applications {
	background: #f9f9f9;
}

.phomi-edisplay-advantages {
	padding: 6.25vw 3.645833vw 6.770833vw;
}

.phomi-edisplay-section-heading {
	border-bottom: 1px solid #000;
	padding-bottom: 2.96875vw;
}

.phomi-edisplay-section-heading h2,
.phomi-edisplay-textures h2,
.phomi-edisplay-applications h2,
.phomi-edisplay-parameters h2 {
	font-size: clamp(36px, 2.5vw, 48px);
	font-weight: 400;
	line-height: 1.333333;
	margin: 0;
	/* text-transform: uppercase; */
}

.phomi-edisplay-section-heading p {
	font-size: clamp(18px, 1.25vw, 24px);
	line-height: 1.083333;
	margin: 0.729167vw 0 0;
}

.phomi-edisplay-advantages__grid {
	display: grid;
	gap: 5.208333vw;
	padding-top: 3.385417vw;
}

.phomi-edisplay-advantage {
	align-items: start;
	display: grid;
	gap: 3.75vw;
	grid-template-columns: minmax(0, 43.020833vw) minmax(0, 48.645833vw);
}

.phomi-edisplay-advantage.is-reversed {
	grid-template-columns: minmax(0, 40.3125vw) minmax(0, 40.3125vw);
	padding-left: 0;
}

.phomi-edisplay-advantage.is-reversed .phomi-edisplay-advantage__copy {
	order: 2;
}

.phomi-edisplay-advantage h3 {
	color: #000;
	/* 一级：32px @ 1920 → 1.666667vw */
	font-size: clamp(20px, 1.666667vw, 32px);
	font-weight: 400;
	line-height: 1.25;
	margin: 0;
}

.phomi-edisplay-advantage h4 {
	color: #000;
	/* 二级：16px @ 1920 → 0.833333vw */
	font-size: clamp(13px, 0.833333vw, 16px);
	font-weight: 400;
	line-height: 1.25;
	margin: 1.5625vw 0 0;
}

.phomi-edisplay-advantage p {
	color: #666;
	/* 三级：14px @ 1920 → 0.729167vw */
	font-size: clamp(12px, 0.729167vw, 14px);
	font-weight: 400;
	line-height: 1.5;
	margin: 0.833333vw 0 0;
	max-width: 774px;
}

.phomi-edisplay-advantage h4 + p {
	margin-top: 0.729167vw;
}

.phomi-edisplay-advantage__media {
	height: 16.875vw;
	min-height: 230px;
	overflow: hidden;
	width: 100%;
}

.phomi-edisplay-advantage__media img {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
	width: 100%;
}

.phomi-edisplay-advantage:hover .phomi-edisplay-advantage__media img,
.phomi-edisplay-advantage:focus-within .phomi-edisplay-advantage__media img {
	transform: scale(1.1);
}

.phomi-edisplay-textures {
	background: #fff;
	padding: 6.25vw 3.645833vw 6.25vw;
	text-align: center;
}

.phomi-edisplay-textures__grid {
	display: grid;
	gap: 3.125vw 1.354167vw;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 3.645833vw;
	text-align: left;
}

.phomi-edisplay-textures__page {
	display: contents;
}

.phomi-edisplay-textures__page[hidden] {
	display: none;
}

.phomi-edisplay-textures article > .phomi-edisplay-textures__card {
	color: inherit;
	display: block;
	text-decoration: none;
}

.phomi-edisplay-textures article .phomi-product-textures__media {
	height: 19.270833vw;
	min-height: 260px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.phomi-edisplay-textures article .phomi-product-textures__media img {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.45s ease, transform 0.45s ease;
	width: 100%;
}

.phomi-edisplay-textures article .phomi-product-textures__media video {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.45s ease, transform 0.45s ease;
	width: 100%;
}

.phomi-edisplay-textures article .phomi-product-textures__media img.is-hover,
.phomi-edisplay-textures article .phomi-product-textures__media video.is-hover {
	inset: 0;
	opacity: 0;
	position: absolute;
}

.phomi-edisplay-textures article:has(.is-hover):hover .phomi-product-textures__media img.is-base,
.phomi-edisplay-textures article:has(.is-hover):focus-within .phomi-product-textures__media img.is-base,
.phomi-edisplay-textures article:has(.is-hover):hover .phomi-product-textures__media video.is-base,
.phomi-edisplay-textures article:has(.is-hover):focus-within .phomi-product-textures__media video.is-base {
	opacity: 0;
}

.phomi-edisplay-textures article:has(.is-hover):hover .phomi-product-textures__media img.is-hover,
.phomi-edisplay-textures article:has(.is-hover):focus-within .phomi-product-textures__media img.is-hover,
.phomi-edisplay-textures article:has(.is-hover):hover .phomi-product-textures__media video.is-hover,
.phomi-edisplay-textures article:has(.is-hover):focus-within .phomi-product-textures__media video.is-hover {
	opacity: 1;
}

.phomi-edisplay-textures article:hover .phomi-product-textures__media img,
.phomi-edisplay-textures article:focus-within .phomi-product-textures__media img,
.phomi-edisplay-textures article:hover .phomi-product-textures__media video,
.phomi-edisplay-textures article:focus-within .phomi-product-textures__media video {
	transform: scale(1.06);
}

@media (hover: none), (pointer: coarse) {
	.phomi-edisplay-textures article:has(.is-hover).is-active .phomi-product-textures__media img.is-base,
	.phomi-edisplay-textures article:has(.is-hover):active .phomi-product-textures__media img.is-base {
		opacity: 0;
	}

	.phomi-edisplay-textures article:has(.is-hover).is-active .phomi-product-textures__media img.is-hover,
	.phomi-edisplay-textures article:has(.is-hover):active .phomi-product-textures__media img.is-hover {
		opacity: 1;
	}

	.phomi-edisplay-textures article.is-active .phomi-product-textures__media img,
	.phomi-edisplay-textures article:active .phomi-product-textures__media img {
		transform: scale(1.06);
	}
}

.phomi-edisplay-textures h3 {
	font-size: clamp(15px, 0.9375vw, 18px);
	font-weight: 300;
	line-height: 1.777778;
	margin: 1.041667vw 0 0;
	/* text-transform: capitalize; */
}

.phomi-edisplay-textures article p {
	color: #666;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.666667;
	margin: 0.208333vw 0 0;
}

.phomi-edisplay-pagination {
	align-items: center;
	display: flex;
	gap: 0.625vw;
	justify-content: flex-end;
	margin-top: 3.125vw;
}

.phomi-edisplay-pagination span,
.phomi-edisplay-pagination strong {
	align-items: center;
	border: var(--phomi-btn-border-width) solid #000;
	display: inline-flex;
	font-size: var(--phomi-btn-font-size);
	font-style: normal;
	font-weight: 400;
	height: var(--phomi-btn-square);
	justify-content: center;
	line-height: var(--phomi-btn-line-height);
	min-width: var(--phomi-btn-square);
	padding-inline: clamp(10px, 0.885417vw, 17px);
	/* text-transform: uppercase; */
}

.phomi-edisplay-pagination strong {
	background: #000;
	color: #fff;
}

.phomi-edisplay-pagination em {
	font-size: 18px;
	font-style: normal;
}

.phomi-edisplay-applications {
	padding: 6.25vw 3.645833vw;
}

.phomi-edisplay-applications__grid {
	display: grid;
	gap: 3.333333vw 1.354167vw;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 3.645833vw;
}

.phomi-edisplay-applications article .phomi-edisplay-applications__media {
	height: 20vw;
	min-height: 260px;
	overflow: hidden;
	width: 100%;
}

.phomi-edisplay-applications article {
	cursor: pointer;
	position: relative;
}

.phomi-edisplay-applications article .phomi-edisplay-applications__media img,
.phomi-edisplay-applications article .phomi-edisplay-applications__media video {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
	width: 100%;
}

.phomi-edisplay-applications article:hover .phomi-edisplay-applications__media img,
.phomi-edisplay-applications article:hover .phomi-edisplay-applications__media video,
.phomi-edisplay-applications article:focus-within .phomi-edisplay-applications__media img,
.phomi-edisplay-applications article:focus-within .phomi-edisplay-applications__media video {
	transform: scale(1.1);
}

.phomi-edisplay-applications h3 {
	font-size: clamp(18px, 1.25vw, 24px);
	font-weight: 400;
	line-height: 1;
	margin: 1.458333vw 0 0;
}

.phomi-edisplay-applications p {
	color: #666;
	display: -webkit-box;
	font-size: clamp(14px, 0.9375vw, 18px);
	line-height: 1.444444;
	margin: 1.041667vw 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.phomi-edisplay-applications article a {
	display: block;
	text-decoration: none;
}

.phomi-edisplay-applications article a h3 {
	color: #000;
}

.phomi-edisplay-applications article a:hover h3 {
	color: var(--phomi-blue);
}

/* 右对齐容器：responsive ≤1024 会把 section 设为 flex，不能依赖 float / 裸 margin-left:auto */
.phomi-edisplay-applications__cta {
	display: flex;
	justify-content: flex-end;
	margin-top: clamp(24px, 2.604167vw, 50px);
	width: 100%;
}

.phomi-edisplay-outline-link {
	align-items: center;
	border: var(--phomi-btn-border-width) solid #000;
	box-sizing: border-box;
	color: #000;
	display: flex;
	flex: 0 0 auto;
	/* 18px @ 1920 */
	font-size: clamp(13px, 0.9375vw, 18px);
	gap: clamp(6px, 0.625vw, 12px);
	/* 60px @ 1920 */
	height: clamp(40px, 3.125vw, 60px);
	justify-content: center;
	line-height: 1.2;
	margin: 0;
	padding-inline: clamp(12px, 1.25vw, 28px);
	text-decoration: none;
	transition: transform 0.28s ease;
	white-space: nowrap;
	/* 216px @ 1920 */
	width: min(100%, clamp(140px, 11.25vw, 216px));
}

.phomi-edisplay-outline-link:hover,
.phomi-edisplay-outline-link:focus-visible {
	transform: scale(1.05);
}

.phomi-edisplay-outline-link img {
	display: block;
	flex: 0 0 auto;
	/* icon 随屏宽等比，上限配合 60px 按钮高度 */
	height: clamp(20px, 1.666667vw, 32px);
	object-fit: contain;
	width: clamp(20px, 1.666667vw, 32px);
}

.phomi-edisplay-parameters {
	background: #fff;
	clear: both;
	padding: 6.25vw 3.645833vw;
	text-align: center;
}

.phomi-edisplay-accordion {
	margin-top: 4.166667vw;
	text-align: left;
}

.phomi-edisplay-accordion__item {
	border-top: 1px solid #d8d8d8;
}

.phomi-edisplay-accordion__item:last-child {
	border-bottom: 1px solid #d8d8d8;
}

.phomi-edisplay-accordion__item > button {
	align-items: center;
	background: transparent;
	border: 0;
	color: #000;
	cursor: pointer;
	display: flex;
	font: 18px / 1 var(--phomi-font);
	justify-content: space-between;
	min-height: 76px;
	padding: 0;
	text-align: left;
	/* text-transform: uppercase; */
	width: 100%;
}

.phomi-edisplay-accordion__item i {
	height: 40px;
	position: relative;
	width: 40px;
}

.phomi-edisplay-accordion__item i::before,
.phomi-edisplay-accordion__item i::after {
	background: #000;
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.phomi-edisplay-accordion__item i::before {
	height: 2px;
	width: 28px;
}

.phomi-edisplay-accordion__item i::after {
	height: 28px;
	transition: transform 0.2s ease;
	width: 2px;
}

.phomi-edisplay-accordion__item.is-open i::after {
	transform: translate(-50%, -50%) scaleY(0);
}

.phomi-edisplay-table {
	padding-bottom: 1.875vw;
}

.phomi-edisplay-table > div {
	display: grid;
	grid-template-columns: 22.03125vw minmax(0, 1fr);
	min-height: 70px;
}

.phomi-edisplay-table > div:nth-child(odd):not(.is-heading) {
	background: #f2f2f2;
}

.phomi-edisplay-table > div.is-heading {
	background: var(--phomi-blue);
	color: #fff;
	min-height: 60px;
}

.phomi-edisplay-table span {
	align-items: center;
	display: flex;
	font-size: 14px;
	line-height: 1.5;
	padding: 0 25px;
}

.phomi-edisplay-table .is-heading span {
	font-size: 16px;
}

.phomi-edisplay-solution {
	background: var(--solution-image) center / cover no-repeat;
	color: #fff;
	height: 52.083333vw;
	min-height: 720px;
	overflow: hidden;
	position: relative;
}

.phomi-edisplay-solution::after {
	background: rgba(0, 0, 0, 0.08);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.phomi-edisplay-solution .phomi-solution-bg-video {
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.phomi-edisplay-solution__copy,
.phomi-edisplay-solution__tabs {
	z-index: 1;
}

.phomi-edisplay-solution__copy {
	left: 3.645833vw;
	position: absolute;
	top: 6.25vw;
}

.phomi-edisplay-solution h2 {
	color: #fff;
	font-family: "GTF Adieu TRIAL";
	font-size: 80px;
	font-style: normal;
	font-weight: 300;
	line-height: 80px;
	margin: 0;
	/* text-transform: capitalize; */
}

.phomi-edisplay-solution__stack {
	color: #fff;
	font-family: "GTF Adieu TRIAL";
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 16px;
	margin: 1.5625vw 0 3.125vw;
	/* text-transform: capitalize; */
}

.phomi-edisplay-solution__copy p:last-child {
	color: #fff;
	font-family: "GTF Adieu TRIAL";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
	margin: 0;
	max-width: 737px;
	/* text-transform: capitalize; */
}

.phomi-edisplay-solution__copy[hidden] {
	display: none;
}

.phomi-edisplay-solution__tabs {
	bottom: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	left: 0;
	position: absolute;
	width: 100%;
}

.phomi-edisplay-solution__tabs a {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.7);
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "GTF Adieu TRIAL";
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	height: 100px;
	line-height: 24px;
	text-decoration: none;
	/* text-transform: capitalize; */
	transition: background 0.3s ease;
}

.phomi-edisplay-solution__tabs a:not(.is-active) {
	background: rgba(0, 0, 0, 0.3);
}


.phomi-footer {
	background: #00120f;
	color: #fff;
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(6, 1fr);
	padding: 54px 15.625vw 64px;
}

.phomi-footer div {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.phomi-footer strong {
	color: #82cdd0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
	/* text-transform: uppercase; */
}

.phomi-footer a {
	color: rgba(255, 255, 255, 0.72);
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
}

@media (max-width: 1280px) {
	.phomi-header {
		height: 72px;
	}

	.phomi-logo {
		left: 32px;
		top: 12px;
		width: 132px;
	}

	.phomi-nav {
		left: 210px;
		top: 26px;
	}

	.phomi-nav ul {
		gap: 18px;
	}

	.phomi-nav a {
		font-size: 12px;
		line-height: 16px;
	}

	.phomi-nav .has-menu > a::after {
		height: 5px;
		width: 5px;
	}
}

@media (max-width: 1024px) {
	.phomi-edisplay-advantage,
	.phomi-edisplay-advantage.is-reversed {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1024px) {
	.phomi-edisplay-advantage.is-reversed .phomi-edisplay-advantage__copy {
		order: 0;
	}

	.phomi-edisplay-advantage__media,
	.phomi-edisplay-textures article .phomi-product-textures__media,
	.phomi-edisplay-applications article .phomi-edisplay-applications__media {
		height: 320px;
	}

	.phomi-edisplay-advantage__media,
	.phomi-edisplay-applications article .phomi-edisplay-applications__media {
		min-height: 320px;
	}

	.phomi-edisplay-textures article .phomi-product-textures__media {
		min-height: 320px;
	}

	.phomi-edisplay-textures__grid,
	.phomi-edisplay-applications__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.phomi-edisplay-table > div {
		grid-template-columns: 1fr 1.5fr;
	}

	.phomi-footer {
		grid-template-columns: repeat(3, 1fr);
		padding-left: 32px;
		padding-right: 32px;
	}
}

@media (max-width: 760px) {
	.phomi-header {
		height: 78px;
	}

	.phomi-logo {
		left: 20px;
		width: 128px;
	}

	.phomi-nav {
		left: 20px;
		overflow-x: auto;
		right: 20px;
		top: 52px;
		width: calc(100vw - 40px);
	}

	.phomi-nav ul {
		gap: 18px;
		width: max-content;
	}

	.phomi-nav::-webkit-scrollbar {
		display: none;
	}

	.phomi-nav {
		scrollbar-width: none;
	}

	.phomi-nav a {
		font-size: 12px;
		line-height: 16px;
	}

	.phomi-mega-menu {
		display: none;
	}

	.phomi-edisplay-hero__copy {
		bottom: 48px;
		left: 24px;
		right: 24px;
	}

	.phomi-edisplay-hero__copy h1 {
		max-width: calc(100vw - 48px);
		overflow-wrap: anywhere;
	}

	.phomi-edisplay-intro h2,
	.phomi-edisplay-intro__copy > p:last-child {
		overflow-wrap: anywhere;
	}

	.phomi-edisplay-advantages,
	.phomi-edisplay-textures,
	.phomi-edisplay-applications,
	.phomi-edisplay-parameters {
		padding: 72px 24px;
	}

	.phomi-edisplay-textures__grid,
	.phomi-edisplay-applications__grid {
		grid-template-columns: 1fr;
	}

	.phomi-edisplay-pagination {
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 6px;
	}

	.phomi-edisplay-pagination span,
	.phomi-edisplay-pagination strong {
		height: 48px;
		min-width: 48px;
	}

	.phomi-edisplay-table > div,
	.phomi-edisplay-table > div.is-heading {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 14px 0;
	}

	.phomi-edisplay-table span {
		padding: 6px 18px;
	}

	.phomi-edisplay-solution {
		min-height: 620px;
	}

	.phomi-edisplay-solution__copy {
		left: 24px;
		right: 24px;
		top: 90px;
	}

	.phomi-edisplay-solution__tabs a {
		font-size: 16px;
		height: 72px;
	}

.phomi-footer {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 420px) {
	.phomi-edisplay-hero__copy h1 {
		font-size: 42px;
	}

	.phomi-edisplay-intro {
		padding: 88px 24px 0;
	}

	.phomi-edisplay-intro h2,
	.phomi-edisplay-solution h2 {
		font-size: 38px;
	}

	.phomi-edisplay-section-heading h2,
	.phomi-edisplay-textures h2,
	.phomi-edisplay-applications h2,
	.phomi-edisplay-parameters h2 {
		font-size: 34px;
	}

	.phomi-edisplay-advantage__media,
	.phomi-edisplay-textures article .phomi-product-textures__media,
	.phomi-edisplay-applications article .phomi-edisplay-applications__media {
		height: 260px;
		min-height: 260px;
	}
}

.phomi-edisplay-textures > p {
	color: #000;
	font-size: clamp(18px, 1.25vw, 24px);
	font-weight: 300;
	line-height: 2.666667;
	margin: 0;
	/* text-transform: capitalize; */
}

.phomi-edisplay-specification {
	background: #fff;
	padding: 6.25vw 3.645833vw;
	text-align: center;
}

.phomi-edisplay-specification h2 {
	font-size: clamp(36px, 2.5vw, 48px);
	font-weight: 400;
	line-height: 1.333333;
	margin: 0;
	/* text-transform: uppercase; */
}

.phomi-edisplay-awards h2 {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 54px;
	margin: 0;
	max-width: 580px;
	/* text-transform: capitalize; */
}

.phomi-edisplay-specification__table {
	margin-top: 3.125vw;
	text-align: left;
}

.phomi-edisplay-specification__table > div {
	display: grid;
	grid-template-columns: 23.764045% 19.775281% 29.325843% 27.134831%;
	min-height: clamp(72px, 6.25vw, 120px);
}

.phomi-edisplay-specification__table > div.is-heading {
	background: var(--phomi-blue);
	color: #fff1f1;
	min-height: clamp(60px, 4.6875vw, 90px);
}

.phomi-edisplay-specification__table > div:nth-child(odd):not(.is-heading) {
	background: #f2f2f2;
}

.phomi-edisplay-specification__table > div:nth-child(even):not(.is-heading) {
	background: #fff;
	border: 1px solid #f2f2f2;
}

.phomi-edisplay-specification__table span {
	align-items: center;
	box-sizing: border-box;
	color: #000;
	display: flex;
	/* 内容：14px @ 1920 → 0.729167vw */
	font-size: clamp(12px, 0.729167vw, 14px);
	font-weight: 400;
	line-height: 1.45;
	min-width: 0;
	overflow-wrap: break-word;
	padding: clamp(12px, 1.25vw, 24px) clamp(14px, 1.5625vw, 30px);
	word-break: normal;
}

.phomi-edisplay-specification__table .is-heading span {
	color: #fff1f1;
	/* 表头：16px @ 1920 → 0.833333vw */
	font-size: clamp(13px, 0.833333vw, 16px);
	font-weight: 700;
}

.phomi-edisplay-awards {
	align-items: center;
	background: #fff;
	display: grid;
	gap: 4.84375vw;
	grid-template-columns: 31.510417vw minmax(0, 30.208333vw);
	justify-content: center;
	padding: 5.572917vw 3.645833vw 6.25vw;
}

.phomi-edisplay-awards > img {
	height: 26.041667vw;
	min-height: 360px;
	object-fit: cover;
	width: 100%;
}

.phomi-edisplay-awards p {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
	margin: 1.354167vw 0 0;
	max-width: 580px;
}

@media (max-width: 1440px) {
	/* 两栏布局继续沿用上面的 vw 折算值，这里只收紧标题和留白。 */
	.phomi-edisplay-intro {
		--edisplay-gutter-left: 40px;
		--edisplay-gutter-right: 40px;
		min-height: 790px !important;
		padding: 110px 40px 0 !important;
	}

	body.page-template-page-edisplay .phomi-edisplay-intro h2 {
		font-size: clamp(34px, 3.125vw, 60px) !important;
		line-height: 1 !important;
		margin-bottom: clamp(28px, 3vw, 40px) !important;
	}

	/* bug#3904：底部留白与 1920 设计稿一致（蓝线底部到区块底部 62px 黑色区域）。 */
	.phomi-edisplay-intro__note {
		bottom: 62px !important;
		top: auto !important;
	}
}

@media (max-width: 1200px) {
	.phomi-edisplay-intro {
		display: flex !important;
		flex-direction: column;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
		padding: 72px 24px !important;
	}

	.phomi-edisplay-intro__copy {
		height: auto !important;
		max-width: none;
		padding: 0;
	}

	.phomi-edisplay-intro__visual {
		aspect-ratio: auto !important;
		flex: 0 0 auto;
		height: auto !important;
		left: auto !important;
		/* bug#3904：上下布局时 Note 的蓝色竖线在 ≤1024 会被 responsive.css 的 min-height:0 放出盒子，
		   这里留出足够间距，竖线不会顶到下方视频。 */
		margin: clamp(48px, 6vw, 72px) 0 0 !important;
		overflow: hidden !important;
		position: relative !important;
		right: auto !important;
		top: auto !important;
		width: 100% !important;
	}

	/*
	 * bug#3904：上下布局下原来用 max-height + object-fit: cover 裁切，图片/视频底部被切掉。
	 * 改为按原比例完整显示：宽度不超过容器、高度不超过 680px（与桌面端媒体高度一致）。
	 */
	.phomi-edisplay-intro__visual img,
.phomi-edisplay-intro__visual video {
		display: block !important;
		height: auto !important;
		left: 0 !important;
		margin: 0 auto !important;
		max-height: min(680px, 80vh) !important;
		max-width: 100% !important;
		object-fit: contain !important;
		object-position: center top !important;
		position: relative !important;
		top: 0 !important;
		width: auto !important;
	}

	.phomi-edisplay-intro__visual::after {
		bottom: 0 !important;
		height: 40% !important;
		min-height: 141px !important;
		top: auto !important;
	}

	.phomi-edisplay-intro__visual {
		--edisplay-intro-fade: max(40%, 141px);
	}

	.phomi-edisplay-intro__note {
		bottom: auto !important;
		left: auto !important;
		margin-top: 40px !important;
		position: relative !important;
		top: auto !important;
		width: auto;
	}
}

@media (max-width: 1024px) {
	.phomi-edisplay-specification__table {
		overflow-x: auto;
	}

	.phomi-edisplay-specification__table > div {
		min-width: 1000px;
	}

	.phomi-edisplay-awards {
		grid-template-columns: 1fr;
	}

	.phomi-edisplay-awards > img {
		height: 360px;
	}
}

@media (max-width: 760px) {
	.phomi-edisplay-specification {
		padding: 72px 24px;
	}

	.phomi-edisplay-specification__table {
		margin-left: -24px;
		margin-right: -24px;
		padding: 0 24px 8px;
	}

	.phomi-edisplay-specification__table > div {
		min-width: 920px;
	}

	.phomi-edisplay-awards {
		padding: 72px 24px;
	}

	.phomi-edisplay-awards > img {
		height: 280px;
		min-height: 280px;
	}
}