/* =========================================================
   BEARING BACKGROUND PATTERNS   v1
   白底之上：极淡轴承线稿底纹 + 少量真实照片柔化背景
   设计原则：看得见质感，看不见干扰
   加载顺序：style.css → blocks.css → bright.css → pattern.css
   ========================================================= */

/* ---------- 01 · 全局平铺线稿底纹 ---------- */
body{
  background-color:#fff;
  background-image:url("../img/bearing-tile.svg");
  background-repeat:repeat;
  background-size:320px 320px;
  background-position:0 0;
}
/* 有底色的区块要同步带底纹，否则会露出「白板」断层 */
.section--alt{
  background-color:#F7FAFD;
  background-image:url("../img/bearing-tile.svg");
  background-repeat:repeat;
  background-size:320px 320px;
}
.section--dark{
  background-color:#fff;
  background-image:url("../img/bearing-tile.svg");
  background-repeat:repeat;
  background-size:320px 320px;
}
.cta-band,.footer{
  background-image:url("../img/bearing-tile.svg");
  background-repeat:repeat;
  background-size:320px 320px;
}

/* 卡片 / 表格 / 图像容器保持纯净，不带底纹 */
.pcard,.cert,.res,.note,.tbl,.qc,.caps-view,.soc-media,
.app-strip a,.hero-art .art,.pcard .bg,.tab-panel{background-image:none}

/* ---------- 02 · HERO 右下角大轴承圆环 ---------- */
.hero--light{overflow:hidden}
.hero--light .hero-grid{position:relative;z-index:2}
.hero--light::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  right:-140px;bottom:-160px;width:450px;height:450px;
  background:url("../img/bearing-ring.svg") center/contain no-repeat;
  opacity:.6;
}

/* ---------- 03 · 子页面顶部横幅 ---------- */
.pagehero{position:relative;overflow:hidden}
.pagehero .container{position:relative;z-index:2}
.pagehero::after{
  content:"";position:absolute;pointer-events:none;
  right:-70px;top:-120px;width:340px;height:340px;
  background:url("../img/bearing-ring.svg") center/contain no-repeat;
  opacity:.5;
}

/* ---------- 04 · 型号查询器 — 右下小圆环 ---------- */
.finder{position:relative;overflow:hidden}
.finder>*{position:relative;z-index:1}
.finder::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  right:-58px;bottom:-58px;width:186px;height:186px;
  background:url("../img/bearing-ring.svg") center/contain no-repeat;
  opacity:.42;
}

/* ---------- 05 · 真实厂区照片做背景（3 处，均极低透明度） ---------- */

/* 5a · CTA 区 — 车间实拍，右侧淡出 */
.cta-band{position:relative;overflow:hidden;isolation:isolate}
.cta-band>.container{position:relative;z-index:2}
.cta-band::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  top:0;bottom:0;right:0;width:58%;
  background:url("../img/factory-line.jpg") center/cover no-repeat;
  opacity:.14;
  filter:grayscale(.15) brightness(1.3) contrast(.95);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 50%);
          mask-image:linear-gradient(90deg,transparent 0%,#000 50%);
}

/* 5b · 实拍承诺区 — 全幅极淡纹理 */
.bg-photo{position:relative;isolation:isolate}
.bg-photo>.container{position:relative;z-index:2}
.bg-photo::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("../img/factory-line.jpg") center top/cover no-repeat;
  opacity:.075;
  filter:grayscale(.4) brightness(1.3);
}

/* 5c · 子页顶部横幅 — 右下角柔化照片块 */
.pagehero{position:relative;overflow:hidden;isolation:isolate}
.pagehero .container{position:relative;z-index:2}
.pagehero::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  top:0;bottom:0;right:0;width:46%;
  background:url("../img/factory-line.jpg") center/cover no-repeat;
  opacity:.10;
  filter:grayscale(.2) brightness(1.3);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%);
          mask-image:linear-gradient(90deg,transparent 0%,#000 55%);
}

/* ---------- 06 · 页脚左下角淡圆环 ---------- */
.footer{position:relative;overflow:hidden}
.footer>.container{position:relative;z-index:1}
.footer::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:-100px;bottom:-150px;width:310px;height:310px;
  background:url("../img/bearing-ring.svg") center/contain no-repeat;
  opacity:.32;
}

/* ---------- 07 · 移动端收敛：降低密度，照片改纵向淡出 ---------- */
@media(max-width:820px){
  body,.section--alt,.section--dark,.cta-band,.footer{background-size:250px 250px}
  .hero--light::after{width:300px;height:300px;right:-110px;bottom:-120px;opacity:.35}
  .pagehero::after{width:240px;height:240px;opacity:.3}
  .footer::after{opacity:.22}
  /* 照片层在小屏进一步压低，避免干扰阅读 */
  .cta-band::after{
    width:100%;opacity:.08;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
            mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
  }
  .pagehero::before{width:100%;opacity:.07;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 78%);mask-image:linear-gradient(180deg,#000 0%,transparent 78%)}
  .bg-photo::before{opacity:.05}
}

/* ---------- 08 · 尊重降低动效 / 打印 ---------- */
@media print{
  body,.section--alt,.section--dark,.cta-band,.footer{background-image:none}
  .hero--light::after,.pagehero::after,.footer::after,.cta-band::after,.finder::after{display:none}
}