/*
#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}} |
*/

/* GitHub Corner 核心样式 - 适配博客园，置顶不遮挡 */
.github-corner {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999; /* 超高层级，覆盖博客园所有默认元素 */
    pointer-events: auto;
    width: 80px;
    height: 80px;
    /* 解决博客园侧边栏可能的遮挡，可根据实际情况微调right值 */
    right: 0 !important;
}

.github-corner:hover .octo-arm {
    animation: octocat-wave 560ms ease-in-out;
}

/* 移动端适配（手机端显示白色图标，避免与背景冲突） */
@media (max-width: 991px) {
    .github-corner > svg {
        fill: #fff !important;
        color: #222 !important;
    }
    .github-corner:hover .octo-arm {
        animation: none;
    }
    .github-corner .octo-arm {
        animation: octocat-wave 560ms ease-in-out;
    }
}

/* 波浪动画关键帧 */
@-moz-keyframes octocat-wave {
    0%, 100% { transform: rotate(0); }
    20%, 60% { transform: rotate(-25deg); }
    40%, 80% { transform: rotate(10deg); }
}
@-webkit-keyframes octocat-wave {
    0%, 100% { transform: rotate(0); }
    20%, 60% { transform: rotate(-25deg); }
    40%, 80% { transform: rotate(10deg); }
}
@-o-keyframes octocat-wave {
    0%, 100% { transform: rotate(0); }
    20%, 60% { transform: rotate(-25deg); }
    40%, 80% { transform: rotate(10deg); }
}
@keyframes octocat-wave {
    0%, 100% { transform: rotate(0); }
    20%, 60% { transform: rotate(-25deg); }
    40%, 80% { transform: rotate(10deg); }
}