th:hover {
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

a:hover {
    text-align: center;
    color: #fff; /* 悬停时仍然保持白色 */
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

body{
    min-height: 100vh; /* 确保 body 高度为页面高度 */
    box-shadow: 0 0 60px 10px #000000 inset;

}


med {
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

strong:hover {
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

span:hover {
    color: #fff; /* 悬停时仍然保持白色 */
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

span{
    color: #fff;
}

td:hover {
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

button:hover {
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

p:hover {
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

li:hover {
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

.flash-icon {
    color: #ffffff;
    font-size: 24px;
    -webkit-animation: flash 0.5s ease-in-out infinite alternate;
    animation: flash 1s ease-in-out infinite alternate;
}

/* 定义闪烁动画 */
@-webkit-keyframes flash {
    from {
        opacity: 1;
        text-shadow: 0 0 5px #ac2925;
    }
    to {
        opacity: 0.3;
        text-shadow: 0 0 20px #fff;
    }
}

@keyframes flash {
    from {
        opacity: 1;
        text-shadow: 0 0 5px #ac2925;
    }
    to {
        opacity: 0.3;
        text-shadow: 0 0 20px #fff;
    }
}

/* 动画定义 */
@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 5px #1A1A1A, 0 0 10px #d9534f;
    }
    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #0056b3;
    }
}

@keyframes glow {
    from {
        text-shadow: 0 0 5px #0056b3, 0 0 10px #ebcccc;
    }
    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #0056b3;
    }
}

.player-avatarbox {
    display: inline-block;
    box-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
    -webkit-animation: glow-fade 1s ease-in-out infinite alternate;
    animation: glow-fade 1s ease-in-out infinite alternate;
    background: transparent;
    border-radius: 10px; /* 让光更柔和 */
}

.player-avatarbox1 {
    display: inline-block; /* 使用 inline-flex 保证盒子紧贴头像 */
    box-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
    -webkit-animation: glow-fade 1s ease-in-out infinite alternate;
    animation: glow-fade 1s ease-in-out infinite alternate;
    background: transparent;
    border-radius: 10px;
    margin-left: 10px; /* 减少头像和玩家名之间的间距 */
    margin-top: 5px; /* 减少头像和玩家名之间的间距 */
}

.player-avatarbox2 {
    display: inline-block; /* 使用 inline-flex 保证盒子紧贴头像 */
    box-shadow: 0 0 10px #0c0c0c, 0 0 20px #1A1A1A;
    background: transparent;
    border-radius: 10px;
    margin-left: 10px; /* 减少头像和玩家名之间的间距 */
    margin-top: 5px; /* 减少头像和玩家名之间的间距 */
}


/* 动画定义 */
@-webkit-keyframes glow-fade {
    from {
        box-shadow: 0 0 5px #9057ea, 0 0 10px #8996ea;
    }
    to {
        box-shadow: 0 0 15px #f1e9e9, 0 0 20px #e66464;
    }
}

@keyframes glow-fade {
    from {
        box-shadow: 0 0 5px #9057ea, 0 0 10px #107b85;
    }
    to {
        box-shadow: 0 0 15px #ed7a7a, 0 0 20px #ef6363;
    }
}

/* Fade In */
@keyframes fadeIn {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fadeIn {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

.animate_fadein {
    -webkit-animation: fadeIn 0.5s ease-in-out;
    -moz-animation: fadeIn 0.5s ease-in-out;
    -o-animation: fadeIn 0.5s ease-in-out;
    animation: fadeIn 0.5s ease-in-out;
}


