#app img[data-fancybox] {
  width: 30%;
  margin-right: 1%;
  cursor: zoom-in;
}
#app div>img[data-fancybox] {
  display: inline-block;
}


:root {
  --vp-home-hero-name-background: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-image-background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
  --vp-home-hero-image-filter: blur(68px);
  /* logo 高度 */
  --vp-nav-logo-height: 40px;
  --vp-c-indigo-1: #875bff;
}

.VPButton.alt,
.VPButton.brand {
  border: none;
}

.VPButton.brand {
  background: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
}
.VPButton.brand:hover {
  background: linear-gradient(-20deg, #c866f6 0%, #21d4fd 100%);
}

@media (min-width: 640px) {
  .image-src {
      max-width: 325px !important;
      max-height: 325px !important;
  }
}

@media (min-width: 960px) {
  .image-src {
      max-width: 425px !important;
      max-height: 425px !important;
  }
}