/* 彩条跑马灯样式 */
.stripe {
  height: 5px;
  width: 100%;
  /* 每个色块仅占2%宽度，颜色切换更频繁 */
  background: linear-gradient(
    to right,
    orange 0%, orange 2%,
    cyan 2%, cyan 4%,
    green 4%, green 6%,
    magenta 6%, magenta 8%,
    orange 8%, orange 10%,
    cyan 10%, cyan 12%,
    green 12%, green 14%,
    magenta 14%, magenta 16%,
    orange 16%, orange 18%,
    cyan 18%, cyan 20%,
    green 20%, green 22%,
    magenta 22%, magenta 24%,
    orange 24%, orange 26%,
    cyan 26%, cyan 28%,
    green 28%, green 30%,
    magenta 30%, magenta 32%,
    orange 32%, orange 34%,
    cyan 34%, cyan 36%,
    green 36%, green 38%,
    magenta 38%, magenta 40%,
    orange 40%, orange 42%,
    cyan 42%, cyan 44%,
    green 44%, green 46%,
    magenta 46%, magenta 48%,
    orange 48%, orange 50%,
    cyan 50%, cyan 52%,
    green 52%, green 54%,
    magenta 54%, magenta 56%,
    orange 56%, orange 58%,
    cyan 58%, cyan 60%,
    green 60%, green 62%,
    magenta 62%, magenta 64%,
    orange 64%, orange 66%,
    cyan 66%, cyan 68%,
    green 68%, green 70%,
    magenta 70%, magenta 72%,
    orange 72%, orange 74%,
    cyan 74%, cyan 76%,
    green 76%, green 78%,
    magenta 78%, magenta 80%,
    orange 80%, orange 82%,
    cyan 82%, cyan 84%,
    green 84%, green 86%,
    magenta 86%, magenta 88%,
    orange 88%, orange 90%,
    cyan 90%, cyan 92%,
    green 92%, green 94%,
    magenta 94%, magenta 96%,
    orange 96%, orange 98%,
    cyan 98%, cyan 100%
  );
  background-size: 250%; /* 扩大背景尺寸，让滚动更流畅（色块越窄，值可以越大） */
  animation: scroll 50s linear infinite; /* 进一步加快滚动速度，匹配密集色块 */
}

@keyframes scroll {
  0% { background-position: 0 0; }
  100% { background-position: -100% 0; }
}
/* 原有其他样式... */
.huliku_beat_heart {
    width: 40px;
    height: 40px;
    position: relative;
    animation: heartbeat 1.2s ease-in-out infinite;
}

.huliku_beat_heart::before,
.huliku_beat_heart::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 32px;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 50%, #ff8e8e 100%);
    box-shadow: 0 0 20px rgba(255, 107, 107, 0.5);
}

.huliku_beat_heart::before {
    left: 20px;
    transform: rotate(-45deg);
    transform-origin: 0 100%;
}

.huliku_beat_heart::after {
    left: 0;
    transform: rotate(45deg);
    transform-origin: 100% 100%;
}

.huliku_beat_left,
.huliku_beat_right {
    display: none;
}

@keyframes heartbeat {
    0%, 100% { 
        transform: scale(1);
        filter: brightness(1);
    }
    14% { 
        transform: scale(1.15);
        filter: brightness(1.1);
    }
    28% { 
        transform: scale(1);
        filter: brightness(1);
    }
    42% { 
        transform: scale(1.15);
        filter: brightness(1.1);
    }
    70% { 
        transform: scale(1);
        filter: brightness(1);
    }
}