/* 现代展示型：面向有品牌意识的制造企业与工程公司。
   特征来自高马特、观达装饰、腾龙——
   白底大留白、双语导航、logo 旁一句定位语、标签+标题+三条要点的 hero、克制的点缀色。 */

.opc-style-showcase {
	--opc-ink: #1a2420;
	--opc-muted: #6b7873;
	--opc-paper: #fff;
	--opc-card: #fff;
	--opc-brand: #14524a;
	--opc-dark: #0d3a34;
	--opc-accent: #c0392b;
	--opc-line: #e6ebe8;
	--opc-gutter: max(24px, calc((100% - 1160px) / 2));
	line-height: 1.8;
}
.opc-style-showcase .opc-wrap { width: min(1160px, calc(100% - 48px)); }
.opc-style-showcase body, .opc-style-showcase { background: #fff; }
.opc-style-showcase .opc-header__inner { padding: 26px 0 22px; align-items: flex-start; }
.opc-style-showcase .opc-brand__name { font-size: 1.5rem; letter-spacing: .01em; }
.opc-style-showcase .opc-brand__tag { margin-top: 4px; font-size: .85rem; color: var(--opc-muted); }
.opc-style-showcase .opc-header__phone { font-size: 24px; color: var(--opc-dark); }
.opc-style-showcase .opc-navrow { border-top: 1px solid var(--opc-line); }
.opc-style-showcase .opc-menu a { padding: 15px 18px 13px; color: var(--opc-ink); font-size: 15px; }
.opc-style-showcase .opc-menu a::after {
	content: "";
	display: block;
	height: 2px;
	margin-top: 6px;
	background: var(--opc-brand);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .18s ease;
}
.opc-style-showcase .opc-menu > li:hover a::after,
.opc-style-showcase .opc-menu > li.current-menu-item a::after { transform: scaleX(1); }
.opc-style-showcase .opc-menu__en { letter-spacing: .08em; }

/* hero：左侧文案块，右侧图。文案块用"标签 + 标题 + 三条要点"的结构 */
.opc-style-showcase .opc-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	align-items: center;
	gap: 56px;
	padding: 84px var(--opc-gutter) 88px;
	background: linear-gradient(180deg, #f4f7f5 0%, #fbfcfb 100%);
}
.opc-style-showcase .opc-hero__text { min-width: 0; }
.opc-style-showcase .opc-hero__media { min-width: 0; margin: 0; }
.opc-style-showcase .opc-kicker {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 3px;
	background: var(--opc-accent);
	color: #fff;
	font-size: 12.5px;
	letter-spacing: .1em;
}
.opc-style-showcase .opc-hero h1 { margin: 18px 0 20px; font-size: clamp(1.9rem, 3.4vw, 2.6rem); line-height: 1.32; }
.opc-style-showcase .opc-lead { max-width: 34em; color: var(--opc-muted); font-size: 1.02rem; }
.opc-style-showcase .opc-points { margin-top: 16px; color: var(--opc-brand); font-size: .95rem; font-weight: 600; letter-spacing: .02em; }
.opc-style-showcase .opc-note { margin-top: 8px; }
.opc-style-showcase .opc-hero__media .wp-block-image { margin: 0; }
.opc-style-showcase .opc-hero__media img { border-radius: 4px; width: 100%; }
.opc-style-showcase .opc-hero .wp-block-buttons { margin-top: 32px; }
.opc-style-showcase .opc-hero .wp-block-button__link { border-radius: 4px; padding: 14px 26px; }

.opc-style-showcase .opc-section { padding: 88px var(--opc-gutter); }
.opc-style-showcase .opc-section.alt { background: #f6f8f7; }
.opc-style-showcase .opc-section h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); letter-spacing: .01em; }
.opc-style-showcase .opc-section h2 + p { max-width: 40em; color: var(--opc-muted); }
.opc-style-showcase .opc-card {
	padding: 28px 26px;
	border: 1px solid var(--opc-line);
	border-radius: 6px;
	box-shadow: 0 2px 10px rgba(20,82,74,.04);
}
.opc-style-showcase .opc-card h3 { font-size: 1.1rem; }
.opc-style-showcase .opc-card p { color: var(--opc-muted); }
.opc-style-showcase .wp-block-columns { gap: 24px; margin-bottom: 24px; }
.opc-style-showcase .wp-block-image img { border-radius: 4px; }
.opc-style-showcase .wp-block-button__link { border-radius: 4px; }
.opc-style-showcase .wp-block-details { padding: 18px 0; }

/* 亮点条：一行四格，用来放"年限 / 厂房 / 客户 / 认证"，比一堆徽章图能读 */
.opc-style-showcase .opc-figures {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	background: var(--opc-line);
	border: 1px solid var(--opc-line);
}
.opc-style-showcase .opc-figures > div { padding: 26px 20px; background: #fff; text-align: center; }
.opc-style-showcase .opc-figures strong { display: block; font-size: 1.7rem; font-weight: 800; color: var(--opc-brand); line-height: 1.2; }
.opc-style-showcase .opc-figures span { display: block; margin-top: 6px; font-size: 13px; color: var(--opc-muted); }

.opc-style-showcase .opc-footer { padding: 56px 0 40px; background: #f6f8f7; border-top: 1px solid var(--opc-line); }

@media (max-width: 900px) {
	.opc-style-showcase .opc-hero { grid-template-columns: 1fr; gap: 32px; padding: 52px var(--opc-gutter) 56px; }
	.opc-style-showcase .opc-hero__media { order: -1; }
	.opc-style-showcase .opc-section { padding: 56px var(--opc-gutter); }
	.opc-style-showcase .opc-figures { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}