.title_bar.svelte-awic98 {
        position: sticky;
        top: 55px;
        margin: 20px 0;
        padding: 10px;
        background: var(--title-bar);
        z-index: 10;
    }

    .video-list-container.svelte-awic98 {
        margin: 0 auto;
        padding: 2rem 1rem;
    }

    .video-grid.svelte-awic98 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1.5rem;
        margin-bottom: 2rem;
    }

    .video-card.svelte-awic98 {
        display: flex;
        flex-direction: column;
        background: var(--card-bg-white);
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 1rem;
    }

    .thumbnail-wrapper.svelte-awic98 {
        position: relative;
        width: 100%;
        aspect-ratio: 16/9;
        overflow: hidden;
    }

    .thumbnail.svelte-awic98 {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .duration.svelte-awic98, .views-count.svelte-awic98 {
        position: absolute;
        bottom: 8px;
        background: rgba(0, 0, 0, 0.7);
        color: white;
        font-size: 0.75rem;
        padding: 2px 6px;
        border-radius: 3px;
    }

    .duration.svelte-awic98 {
        right: 8px;
    }

    .views-count.svelte-awic98 {
        left: 8px;
    }

    .video-info.svelte-awic98 {
        padding: 1rem;
    }

    .author-info.svelte-awic98 {
        display: flex;
        align-items: center;
        margin-bottom: 0.75rem;
    }

    .author-avatar.svelte-awic98 {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        margin-right: 8px;
    }

    .video-title.svelte-awic98 {
        font-size: 0.875rem;
        margin-bottom: 0.75rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .stats.svelte-awic98 {
        display: flex;
        gap: 1rem;
        font-size: 0.8rem;
        color: #888;
    }

    .empty-state.svelte-awic98 {
        text-align: center;
        padding: 4rem 0;
        color: #999;
    }

    .error-msg.svelte-awic98 {
        color: #dc3545;
    }

    .load-more.svelte-awic98 {
        text-align: center;
        padding: 2rem 0;
        font-size: 16px;
    }



    .banner_led.svelte-1uha8ag {
        width: 100%;
        aspect-ratio: 4/1;
        min-height: 400px;
        background: var(--led-bg-color);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .banner_led.svelte-1uha8ag a:where(.svelte-1uha8ag) {
        color: #ffffff;
    }

    .banner_led2.svelte-1uha8ag {
        width: 100%;
        aspect-ratio: 2/1;
        min-height: 400px;
        background: var(--led-bg-color);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .player_2024.svelte-1uha8ag {
        display: flex;
    }