/* ============================================================
   TEEZE · 工程工艺区块样式（Engineering）
   ============================================================ */
.tz-engineering {
  --tz-black: #000;
  --tz-yellow: #efa333;
  --tz-bg: #0b0b0b;
  --tz-body: #c8c8c8;
  --tz-muted: #8b8b8b;
  --tz-line: rgba(255, 255, 255, .13);
  --tz-display: "Arial Narrow", "Helvetica Neue Condensed", "Helvetica Neue", Arial, sans-serif;
  --tz-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tz-mono: Consolas, "SFMono-Regular", "Liberation Mono", monospace;
  --tz-gutter: clamp(18px, 3vw, 40px);
  --tz-ease: cubic-bezier(.16, 1, .3, 1);
  /* 遮罩层（暗处理）：透明度 0 = 无遮罩 */
  --tz-overlay-color: #000000;
  --tz-overlay-opacity: 0;
  --tz-overlay-stop: 62%;
  --tz-overlay-mid: 0%;
}
.tz-engineering, .tz-engineering *, .tz-engineering *::before, .tz-engineering *::after { box-sizing: border-box; }
.tz-engineering {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  background: var(--tz-bg);
  color: var(--tz-white, #fff);
  font-family: var(--tz-sans);
  line-height: 1.55;
  min-height: 820px;
}
.tz-engineering .tz-eng-media { position: relative; z-index: 1; min-height: 760px; }
.tz-engineering .tz-eng-media img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.35) brightness(.5); }
.tz-engineering .tz-eng-media .tz-ph { display: grid; place-items: center; color: var(--tz-muted); background: var(--tz-bg); }
.tz-engineering .tz-eng-media:after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(0deg,
    var(--tz-overlay-color) 0%,
    var(--tz-overlay-color) var(--tz-overlay-mid),
    transparent var(--tz-overlay-stop));
  opacity: calc(var(--tz-overlay-opacity) / 100);
}
.tz-engineering .tz-stamp { position: absolute; z-index: 2; left: var(--tz-gutter); bottom: 44px; padding-left: 18px; border-left: 3px solid var(--tz-yellow); }
.tz-engineering .tz-stamp span { display: block; color: var(--tz-yellow); font: 700 10px var(--tz-mono); letter-spacing: .1em; }
.tz-engineering .tz-stamp strong { display: block; margin-top: 9px; font: 600 clamp(27px, 3vw, 44px)/.96 var(--tz-display); }
.tz-engineering .tz-eng-copy { position: relative; z-index: 1; padding: clamp(62px, 8vw, 120px) clamp(24px, 6vw, 90px); }
.tz-engineering .tz-eyebrow { margin: 0; color: var(--tz-yellow); font: 700 11px/1.3 var(--tz-mono); letter-spacing: .1em; text-transform: uppercase; }
.tz-engineering h2 { font-family: var(--tz-display); text-transform: uppercase; margin: 16px 0 0; font-size: clamp(42px, 5vw, 70px); font-weight: 600; letter-spacing: -.03em; line-height: .96; }
.tz-engineering .tz-eng-copy > p:last-of-type { max-width: 580px; margin: 24px 0 40px; color: var(--tz-body); font-size: 17px; }
.tz-engineering .tz-process { border-top: 1px solid var(--tz-line); }
.tz-engineering .tz-process article { display: grid; grid-template-columns: 50px 1fr; gap: 15px; padding: 22px 0; border-bottom: 1px solid var(--tz-line); }
.tz-engineering .tz-process-icon { color: var(--tz-yellow); font: 700 15px var(--tz-mono); }
.tz-engineering .tz-process small { color: var(--tz-muted); font: 650 9px var(--tz-mono); }
.tz-engineering .tz-process h3 { margin: 2px 0 4px; font-family: var(--tz-display); font-size: 20px; text-transform: uppercase; }
.tz-engineering .tz-process p { margin: 0; color: var(--tz-muted); font-size: 13px; }
/* 模块背景图（图片 / 遮罩 / 高度）：铺在基底之上、内容之下。
   遮罩渐变公式与 about / spacer / trust 系列一致；solid 模式靠 --tz-bg-overlay-mid: 100%
   让色标顺序越界被钳制，得到整卡均匀的遮罩。 */
.tz-engineering .tz-engineering-bg { position: absolute; top: 0; left: 0; right: 0; height: var(--tz-bg-height, 100%); z-index: 0; pointer-events: none; }
.tz-engineering .tz-engineering-bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tz-engineering .tz-engineering-bg-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, var(--tz-bg-overlay-color, #000) 0%, var(--tz-bg-overlay-color, #000) var(--tz-bg-overlay-mid, 0%), transparent var(--tz-bg-overlay-stop, 60%)); opacity: calc(var(--tz-bg-overlay-opacity, 0) / 100); }
/* 展示开关关闭（.tz-media-off）→ 隐藏工艺图列（含印章），右栏占满整行并限制行宽。
   仅控制渲染与布局，图片 / 裁剪 / 缩放 / 滤镜设置原样保留，开关重开即完全恢复。 */
.tz-engineering.tz-media-off { grid-template-columns: 1fr; }
.tz-engineering.tz-media-off .tz-eng-copy { max-width: 1040px; margin-inline: auto; }
.tz-engineering .tz-reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s var(--tz-ease), transform .65s var(--tz-ease); }
.tz-engineering .tz-reveal.tz-visible { opacity: 1; transform: none; }
@media (max-width: 1050px) {
  .tz-engineering { grid-template-columns: 1fr; }
  .tz-engineering .tz-eng-media { min-height: 580px; }
}
@media (max-width: 767px) {
  .tz-engineering .tz-eng-media { min-height: 480px; }
  .tz-engineering .tz-eng-copy { padding-inline: var(--tz-gutter); }
}
@media (prefers-reduced-motion: reduce) {
  .tz-engineering .tz-reveal { opacity: 1; transform: none; transition: none; }
}
/* 设备可见性：PC / 移动端分别隐藏整块 */
@media (min-width: 768px) {
  .tz-engineering.tz-hide-pc { display: none !important; }
}
@media (max-width: 767px) {
  .tz-engineering.tz-hide-mobile { display: none !important; }
}