@layer utility {

  /* 自动 & 零 */
  .z--auto {
    z-index: auto;
  }

  .z--0 {
    z-index: 0;
  }

  /* 正值 */
  .z--10 {
    z-index: 10;
  }

  .z--20 {
    z-index: 20;
  }

  .z--30 {
    z-index: 30;
  }

  .z--40 {
    z-index: 40;
  }

  .z--50 {
    z-index: 50;
  }

  /* 负值（negative） */
  .z--n-10 {
    z-index: -10;
  }

  .z--n-20 {
    z-index: -20;
  }

  .z--n-30 {
    z-index: -30;
  }

  .z--n-40 {
    z-index: -40;
  }

  .z--n-50 {
    z-index: -50;
  }
}