<style>
/* 泡泡底层容器 */
.pop-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -99;
}
/* 泡泡样式 */
.pop{
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    border: 1px solid rgba(255,255,255,0.6);
    animation: popMove linear infinite;
}
/* 上浮飘动动画 */
@keyframes popMove{
    0%{
        bottom: -50px;
        opacity: 0;
        transform: translateX(0) scale(0.5);
    }
    20%{
        opacity: 1;
    }
    80%{
        opacity: 0.8;
    }
    100%{
        bottom: 100vh;
        opacity: 0;
        transform: translateX(60px) scale(1);
    }
}
</style>