body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

body {
  background-image: url('https://bing.img.run/rand_uhd.php');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
}


.glass {
  backdrop-filter: blur(50px) brightness(60%);
  box-shadow: 0px 0px 15px rgb(93, 92, 92);
  background-color: #ffffff00
}


.site-card {
  transition: transform 0.3s;
  border: #ffffff40 1px solid;
  height: 6rem;
}

.site-card div {
  width: 3rem;
  height: 3rem;
  display: flex; /**/
  justify-content: center; /*水平居中*/
  align-items: Center; /*垂直居中*/
  margin-bottom: 0.5rem;

}



.site-card:hover {
  box-shadow: 0px 30px 20px black, inset 0px 0px 15px #ffffff74;
  transform: scale(1.1);
  outline: 1px solid #fff;
  outline-offset: 1px
  
}



.site-card a {
  text-decoration: none;
  color: #fff;
  font-size: 1rem;
  transition: color 0.3s;
}

.text-light  {
  text-shadow: 1px 1px 2px black;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 1; }
  50.01% { opacity: 0; }
  100% { opacity: 0; }
}

.blink {
  animation: blink 1s linear infinite;
}

.border-radius{
  border-radius: 50px;
}

        /*去掉bootstrap自带的input输入框半透明阴影*/
        .form-control:focus {
          box-shadow: none;
          background-color: #ffffff00
      }