body.template-index {
  background-color: #000000;
  --sa-bg-tile: 38px;
  position: relative;
}

body.template-index .transition-body {
  background: transparent;
}

/* 背景图片容器 */
body.template-index::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  /* 单张背景图片 - 桌面版 */
  background-image: url('/cdn/shop/files/PCbackground.svg?v=1766046819');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* 移动端背景图片设置 */
@media (max-width: 767px) {
  body.template-index::before {
    background-image: url('/cdn/shop/files/mobackground.svg?v=1766046814');
    background-size: cover;
  }
}

/* 原有背景 - 底层 */
body.template-index::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-image: url('bcakground-icon.svg');
  background-repeat: space;
  background-size: var(--sa-bg-tile) var(--sa-bg-tile);
  background-attachment: fixed;
}