body {
  margin: 0;
  padding: 0;
}

.wrapper {
  width: 100%;
  height: 100vh;

  display: flex;
  justify-content: center;
  align-items: center;

  background: url(../assets/black.jpeg) no-repeat;
}

.neno {
  position: relative;
  z-index: 0;
  text-align: center;
  font-size: 8em;
  /* 字体阴影 */
  color: #fff;
  text-shadow: 0 0 20px #ff005b;
}

.neno::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  /* 字体模糊 */
  color: #ff005b;
  filter: blur(15px);
}

.neno::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  /* 背景模糊透明 */
  background-color: #fe3a80;
  opacity: .5;
  filter: blur(40px);
}