/* 鼠标样式 */
#cursor {
    position: fixed;
    width: 16px;
    height: 16px;
    /* 这里改变跟随的底色 */
    background: rgb(57, 197, 187);
    border-radius: 8px;
    opacity: 0.25;
    z-index: 10086;
    pointer-events: none;
    transition: 0.2s ease-in-out;
    transition-property: background, opacity, transform;
}

#cursor.hidden {
    opacity: 0;
}

#cursor.hover {
    opacity: 0.1;
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
}

#cursor.active {
    opacity: 0.5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
}
 /*个人信息卡片背景图 */
[data-theme="light"] #aside-content > .card-widget.card-info {
  background-image: url(http://zxwlove.xyz/img/background/700x1000.jpg);
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100%;
}
[data-theme="dark"] #aside-content > .card-widget.card-info {
  background-image: url(http://zxwlove.xyz/img/background/700x1000.jpg);
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100%;
}
 /* 帧率检测 */
 #fps{
     position: fixed;
     right:10px;
     bottom:4px;
     z-index: 1919810;
 }

 [data-theme="light"] #fps{
     background-color: var(#34f1fd);
     padding: 4px;
     border-radius: 4px;
     backdrop-filter: blur(10px);
 }
 [data-theme="dark"] #fps{
     background-color: var(#34f1fd);
     padding: 4px;
     border-radius: 4px;
     backdrop-filter: blur(10px);
 }

 /* 欢迎信息 */
 #welcome-info {
     background: linear-gradient(45deg, rgba(185, 244, 243, 0), rgba(227, 251, 245, 0));
     border-radius: 15px;
     padding: 8px;
 }
 [data-theme="dark"] #welcome-info {
     background: #212121;
 }

/* 主页文章卡片擦亮效果 */
#recent-posts > .recent-post-item:not(a)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    background: linear-gradient(to right, transparent, white, transparent);
    transform: translateX(-200%);
    transition: transform 0.5s linear;
    z-index: 1;
}
#recent-posts > .recent-post-item:not(a):hover::before {
    transform: translateX(100%) skewX(-60deg);
}