.header-container {
    position: relative;
    display: inline-block;
    padding: 0.2rem; /* 为灯带留出空间 */
}

.header-img {
    height: 3.75rem;
    width: 3.75rem;
    border-radius: 1.25rem;
    position: relative;
    z-index: 2;
    background-color: #ccc; /* 头像背景色 */
    object-fit: cover; /* 如果使用图片 */
}

.light-band-SSR {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.5rem; /* 比头像稍大 */
    padding: 0.05rem; /* 灯带宽度 */
    background: linear-gradient(90deg,
    rgb(255, 167, 69),
    rgb(254, 134, 159),
    rgb(239, 122, 200),
    rgb(160, 131, 237),
    rgb(67, 174, 255),
    rgb(160, 131, 237),
    rgb(239, 122, 200),
    rgb(254, 134, 159),
    rgb(255, 167, 69));
    background-size: 400% 400%;
    animation:  streamer 4s linear infinite;
    z-index: 1;
    filter: blur(0.5rem); /* 柔化边缘 */
}
.light-band-YH {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.5rem; /* 比头像稍大 */
    padding: 0.05rem; /* 灯带宽度 */
    background: linear-gradient(90deg,
    rgb(255, 69, 69),
    rgb(254, 134, 159),
    rgb(255, 0, 0),
    rgb(255, 69, 69),
    rgb(254, 134, 159),
    rgb(255, 0, 0),
    rgb(255, 69, 69),
    rgb(254, 134, 159),
    rgb(255, 0, 0));
    background-size: 400% 400%;
    animation:  streamer 4s linear infinite;
    z-index: 1;
    filter: blur(0.5rem); /* 柔化边缘 */
}
.light-band-NORMAL {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.5rem; /* 比头像稍大 */
    padding: 0.05rem; /* 灯带宽度 */
    background: linear-gradient(90deg,
    rgb(69, 212, 255),
    rgb(41, 159, 255),
    rgb(36, 113, 255),
    rgb(41, 159, 255),
    rgb(69, 212, 255),
    rgb(69, 212, 255),
    rgb(41, 159, 255),
    rgb(36, 113, 255),
    rgb(41, 159, 255),
    rgb(69, 212, 255));
    background-size: 400% 400%;
    animation:  streamer 4s linear infinite;
    z-index: 1;
    filter: blur(0.5rem); /* 柔化边缘 */
}

@keyframes lightFlow {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 100%;
    }
}
