/* ==========================================================================
   装饰性图片层（deco）
   说明：本文件中的图片均为通用氛围素材（Pexels 免费授权），仅用于内页页头
   与页脚的底纹装饰，不承担产品、工程、工厂等事实性展示功能。
   替换时只需改下方对应的 background-image 路径。

   素材出处（Pexels，可商用免署名；替换时同步删除对应图片文件）：
     deco-facade.jpg  https://www.pexels.com/photo/32317230/
     deco-panel.jpg   https://www.pexels.com/photo/34968620/
     deco-grid.jpg    https://www.pexels.com/photo/32775337/
     deco-stairs.jpg  https://www.pexels.com/photo/15056053/
     deco-truss.jpg   https://www.pexels.com/photo/37142833/
   ========================================================================== */

/* ---------- 内页页头：右侧浅底纹 ---------- */
.page-hero.has-deco{position:relative;overflow:hidden}
.page-hero.has-deco::after{
  content:"";
  display:block;
  position:absolute;
  top:0;right:0;bottom:0;left:auto;
  width:min(52%,760px);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  filter:grayscale(1) contrast(1.03) brightness(1.05);
  mix-blend-mode:multiply;
  opacity:.2;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 32%,#000 72%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 32%,#000 72%);
  pointer-events:none;
  z-index:0;
}
.page-hero.has-deco .wrap{position:relative;z-index:1}

/* 各页底纹 */
.page-hero.deco-facade::after{background-image:url('../img/deco-facade.jpg')}
.page-hero.deco-panel::after{background-image:url('../img/deco-panel.jpg');opacity:.14}
.page-hero.deco-grid::after{background-image:url('../img/deco-grid.jpg')}
.page-hero.deco-truss::after{background-image:url('../img/deco-truss.jpg')}
.page-hero.deco-stairs::after{
  background-image:url('../img/deco-stairs.jpg');
  opacity:.3;
  filter:grayscale(1) contrast(1.45) brightness(1.45);
}

/* ---------- 页脚：极浅金属结构底纹 ---------- */
.footer.has-deco{position:relative;overflow:hidden}
.footer.has-deco::before{
  content:"";
  display:block;
  position:absolute;
  top:0;right:0;bottom:0;left:auto;
  width:min(72%,900px);
  background-image:url('../img/deco-truss.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 35%;
  filter:grayscale(1) blur(2px) contrast(1.15) brightness(.62);
  opacity:.08;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 60%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 60%);
  pointer-events:none;
  z-index:0;
}
.footer.has-deco > *{position:relative;z-index:1}

/* ---------- 窄屏收敛 ---------- */
@media (max-width:900px){
  .page-hero.has-deco::after{width:100%;opacity:.12}
  .footer.has-deco::before{opacity:.1}
}

/* 手机端竖屏：宽度不足，去掉底纹保证标题清晰 */
@media (max-width:640px){
  .page-hero.has-deco::after{display:none}
}

/* 打印：不输出装饰层 */
@media print{
  .page-hero.has-deco::after,
  .footer.has-deco::before{display:none}
}