.myself_cursor_style{
     cursor: url('https://blog-static.cnblogs.com/files/CIBud/line-cursor.ico') ,auto;
     background-image:url('https://images.cnblogs.com/cnblogs_com/CIBud/1933526/o_220602065029_e24db9a133449ab45af0fcf29015de8a.jpg');
     background-attachment: fixed;
     background-size: cover;
     background-position: center; 
}
.myself_cursor_style:active{
    cursor: url('https://blog-static.cnblogs.com/files/CIBud/line-cursor_active.ico'),auto;
}
#header{
  background-color: transparent;
}
*{
    margin:0;
    padding: :0;
    box-sizing: border-box;
}
.navbar{
    padding-bottom: 0px;
}
.post{
    background: #fff;
}
#live2dcanvas {
    border: 0 !important;
}

#home{
    width: 65%;
}
#main{
    background: #fff;
    opacity: 0.8;
}
.navbar {
    min-height: 0 !important;
    margin-bottom: 0px !important ;
    font-size: 16px;
    border: none;
    border-radius: 6px;
}
.navbar-main ul{
    margin-bottom: 0;
}
.postTitle, .entrylistPosttitle, .entrylistItemTitle{
    color: #238E68;
    font-size: 24px;
    font-weight: bolder;
    font-family::'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

/* 表头 */
.lightBlin
{
  color: red;
  position: relative;
  padding: 20px 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background:rgba(0,0,0,0.5);
  overflow: hidden;
  text-decoration: none;
  margin: 10px 20px;
  transition: 1s;
  -webkit-box-reflect: below 1px linear-gradient(transparent,transparent,#0004);
}
.lightBlin:hover 
{
  background: var(--clr);
  box-shadow: 0 0 10px var(--clr),
  0 0 30px var(--clr),
  0 0 60px var(--clr),
  0 0 100px var(--clr);
  -webkit-box-reflect: below 1px linear-gradient(transparent,rgba(0,0,0,0.2));

}
.lightBlin::before 
{
  content: '';
  position: absolute;
  top: -157%;
  left: 35%;
  width: 20px;
  height: 400%;
  background: var(--clr);
  transition: 1s;
  animation: animate 2s linear infinite;
  animation-delay: calc(-0.33s * var(--i));
}
.lightBlin:hover::before 
{
  width: 120%;
}
.lightBlin::after 
{
  content: '';
  position: absolute;
  inset: 4px;
  background: #0e1538;
  transition: 0.5s;
  z-index: 1;
}
.lightBlin:hover::after 
{
  background: var(--clr);
}
@keyframes animate 
{
  0%
  {
    transform: rotate(0deg);
  }
  100%
  {
    transform: rotate(360deg);
  }
}
.tableHeaderSpan
{
  position: relative;
  z-index: 10;

  font-size: 2em;
  color: #fff;
  opacity: 0.5;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.lightBlin:hover .tableHeaderSpan 
{
  opacity: 1;
}