/* MineBg —— 「我的」页背景（Figma 1941:10093）。
   整页纵向绿渐变（375×852，径向渐变实现）+ 马赛克纹理（843.893×672 放在 −233.02,−200，
   被一张 alpha 蒙版裁到 374.046×371）。

   ⚠️ 纹理必须用 mask（蒙版图 + 图片两层），不能只用图片 —— 设计稿就是
   mask-alpha / mask-intersect，两层内容相交处才可见。 */

.mzh-mine-bg {
  --tex-image: none;
  --tex-mask: none;
  --bg-image: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: var(--mine-page-height);
  overflow: clip;
}

.mzh-mine-bg__gradient {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: var(--mine-bg-h);       /* 852 */
  background-image: var(--bg-image);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.mzh-mine-bg__texture {
  position: absolute;
  left: var(--mine-tex-x);
  top: var(--mine-tex-y);
  width: var(--mine-tex-w);
  height: var(--mine-tex-h);
  background-image: var(--tex-image);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-mask-image: var(--tex-mask);
  mask-image: var(--tex-mask);
  -webkit-mask-position: var(--mine-tex-mask-x) var(--mine-tex-mask-y);
  mask-position: var(--mine-tex-mask-x) var(--mine-tex-mask-y);
  -webkit-mask-size: var(--mine-tex-mask-w) var(--mine-tex-mask-h);
  mask-size: var(--mine-tex-mask-w) var(--mine-tex-mask-h);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-composite: intersect;
  mask-composite: intersect;
}