/* 关键：容器必须有明确宽度，鱼群才能正常显示 */
#j-fish-skip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* 核心：底部蓝色→顶部透明（垂直渐变） */
    background-image: linear-gradient(to top, 
        rgba(30, 144, 255, 0.5), /* 底部：标准蓝色（50%透明度，清晰可见） */
        rgba(30, 144, 255, 0)    /* 顶部：同色完全透明 */
    );
}

/* 背景层 canvas - 在文字后面 */
#j-fish-skip canvas:first-child {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* 前景层 canvas - 在文字前面 */
#j-fish-skip canvas:last-child {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

canvas {
    display: block;
}