/* 导入其他Stylesheet */
@import url('panel.css');
@import url('utilities.css');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 28px
}

body {
  /* background: linear-gradient(to bottom, #4c4c4c 0%, #111111 100%); */
  background-color: #1a1a1a;
  min-height: 100vh;
  font-family: sans-serif;
}

.image-bg {
  /* 在顶层显示一张图片, 并拥有一个从上到下的透明度渐变 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: var(--bg-image); 
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;

  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 40%,
    transparent 90%
  );
  mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 40%,
    transparent 90%
  );

  pointer-events: none;
  z-index: -2; /* 不能投TUF的图层层级 */
}