/* 关键：容器必须有明确宽度和高度，鱼群才能正常显示 */
        #j-fish-skip {
    position: absolute; /* 绝对定位，使其位于底部 */
    bottom: 0; /* 对齐到底部 */
    width: 100%; /* 占满屏幕宽度 */
    height: 150px; /* 设置固定高度以显示鱼群 */
    overflow: hidden;
    /* 核心：底部蓝色→顶部透明（垂直渐变） */
    background-image: linear-gradient(to top, 
        rgba(30, 144, 255, 0.5), /* 底部：标准蓝色（50%透明度，清晰可见） */
        rgba(30, 144, 255, 0)    /* 顶部：同色完全透明 */
    );
    z-index: 0; /* 鱼群在页脚背景(-10)之上，但在页脚文字(10)之下 */
}
        canvas {
            display: block;
        }

/* 移动端适配 */
@media (max-width: 767px) {
    #j-fish-skip {
        height: 100px; /* 移动端减小高度 */
    }
}