/* 1. 容器需要溢出隐藏 */
    .marquee.svelte-xejc4n {
        padding: 5px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        border: 1px solid rgba(78, 255, 198, 0);
    / ! * 方便你观察范围 * ! * /
    }

    /* 2. 修改选择器为 h3，并确保它是行内块 */
    .marquee.svelte-xejc4n h3:where(.svelte-xejc4n) {
        display: inline-block;
        animation: svelte-xejc4n-music-scroll 20s linear infinite;
        margin: 0; /* 清除标题默认边距 */
    }

    /* 3. 悬停暂停 */
    .marquee.svelte-xejc4n:hover h3:where(.svelte-xejc4n) {
        animation-play-state: paused;
    }

    /* 4. 优化动画路径：从容器右侧边缘开始，移动到文字完全消失在左侧 */
    @keyframes svelte-xejc4n-music-scroll {
        from {
            transform: translateX(100vw); /* 从屏幕/容器最右侧开始 */
        }
        to {
            transform: translateX(-100%); /* 移动到自身完全消失在左侧 */
        }
    }

    /* 1. 容器需要溢出隐藏 */
    .marquee.svelte-44t9v {
        padding: 5px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        border: 1px solid rgba(78, 255, 198, 0);
    / ! * 方便你观察范围 * ! * /
    }

    /* 2. 修改选择器为 h3，并确保它是行内块 */
    .marquee.svelte-44t9v h2:where(.svelte-44t9v) {
        display: inline-block;
        animation: svelte-44t9v-music-scroll 20s linear infinite;
        margin: 0; /* 清除标题默认边距 */
    }

    /* 3. 悬停暂停 */
    .marquee.svelte-44t9v:hover h2:where(.svelte-44t9v) {
        animation-play-state: paused;
    }

    /* 4. 优化动画路径：从容器右侧边缘开始，移动到文字完全消失在左侧 */
    @keyframes svelte-44t9v-music-scroll {
        from {
            transform: translateX(100vw); /* 从屏幕/容器最右侧开始 */
        }
        to {
            transform: translateX(-100%); /* 移动到自身完全消失在左侧 */
        }
    }

    .right_bar.svelte-zpnuj4 {
        position: absolute;
        right: 4px;
        bottom: 70px;
        width: 70px;
        z-index: 100;
        color: white;
        text-align: center;
    }

    .right_bar.svelte-zpnuj4 .avatar:where(.svelte-zpnuj4) {
        position: relative;
        margin: 2rem auto;
        width: 48px;
    }

    .right_bar.svelte-zpnuj4 .item:where(.svelte-zpnuj4) .icon:where(.svelte-zpnuj4) {
        font-size: 28px;
        color: #ffffff;
        opacity: 0.9;
    }

    .right_bar.svelte-zpnuj4 .add:where(.svelte-zpnuj4) {
        display: block;
        position: absolute;
        left: 14px;
        bottom: -8px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #f00;
        color: #fff;
        line-height: 18px;
        font-weight: bold;
    }

    .avatar_48_r50p.svelte-zpnuj4 {
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 2px solid #fff;
        object-fit: cover;
    }

    .music.svelte-zpnuj4 {
        margin: 10px auto;
        width: 48px;
    }

    .music-rotate.svelte-zpnuj4 {
        animation: svelte-zpnuj4-rotate 5s linear infinite;
        animation-play-state: paused;
    }

    .music-rotate.on.svelte-zpnuj4 {
        animation-play-state: running;
    }

    @keyframes svelte-zpnuj4-rotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

    .item.svelte-zpnuj4 > div:where(.svelte-zpnuj4) {
        margin-top: 15px;
    }


    .full_screen_player.svelte-jwzuag {
        width: 100vw;
        height: 100vh;
        background: #000;
    }

    swiper-container.svelte-jwzuag {
        width: 100%;
        height: 100%;
        display: block;
    }

    swiper-slide.svelte-jwzuag {
        width: 100%;
        height: 100%;
    }

    .slide-wrapper.svelte-jwzuag {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .video_player.svelte-jwzuag {
        width: 100%;
        height: 100%;
        z-index: 1;
        background: #000;
        cursor: pointer;
    }

    video.svelte-jwzuag {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .barrage.svelte-jwzuag, .danmaku.svelte-jwzuag, .info.svelte-jwzuag {
        position: absolute;
        color: white;
        z-index: 10;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    }

    /* IM-聊天室弹幕 */
    .barrage.svelte-jwzuag {
        top: 60px;
        left: 0;
        width: 100%;
        height: 100px;
        padding: 0;
    }

    /* 弹幕评论 */
    .danmaku.svelte-jwzuag {
        top: 160px;
        left: 0;
        width: 100%;
        height: 100px;
        padding: 0;
    }

    /* 视频信息 */
    .info.svelte-jwzuag {
        /*pointer-events: none;*/
        position: absolute;
        padding: 10px;
        bottom: 60px;
        left: 0;
        z-index: 50;
        max-width: 70%;
    }

    .info.svelte-jwzuag .location:where(.svelte-jwzuag) {
        color: #ffffff;
        display: inline;
        padding: 0 5px;
        background: rgba(0, 0, 0, 0.5);
    }

    .info.svelte-jwzuag .name:where(.svelte-jwzuag) {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

    .info.svelte-jwzuag .at:where(.svelte-jwzuag) .wrapper:where(.svelte-jwzuag) {
        padding: 0;
    }

    .info.svelte-jwzuag .time:where(.svelte-jwzuag) {
        color: #00ff00;
        font-size: 12px;
    }

    /* 背景音乐名称 滚动 */
    .music-marquee.svelte-jwzuag {
        width: 180px;
        overflow: hidden;
        white-space: nowrap;
    }

    .music-marquee.svelte-jwzuag span:where(.svelte-jwzuag) {
        display: inline-block;
        padding-left: 100%;
        animation: svelte-jwzuag-music-scroll 8s linear infinite;
    }

    .music-marquee.svelte-jwzuag:hover span:where(.svelte-jwzuag) {
        animation-play-state: paused;
    }

    @keyframes svelte-jwzuag-music-scroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-100%);
        }
    }

    .avatar_48_r50p.svelte-jwzuag {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 2px solid #fff;
    }

    /* 音乐专辑封面滚动 */
    /* (unused) .music-rotate {
        animation: rotate 4s linear infinite;
        animation-play-state: paused;
    }*/

    /* (unused) .music-rotate.on {
        animation-play-state: running;
    }*/

    @keyframes svelte-jwzuag-rotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

    .loading-state.svelte-jwzuag {
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }