.pai.svelte-gzmktl {
        display: flex;
        position: sticky;
        top: 55px;
        padding: 10px;
        height: 100px;
        color: #ffffff;
        background: #000000;
        z-index: 50;
    }

    .container.svelte-gzmktl {
        margin: 0 auto;
        max-width: 1200px;
        padding: 0 20px;
    }

    .item-list.svelte-gzmktl {
        display: flex;
        gap: 20px; /* 项之间的间距 */
        flex-wrap: wrap; /* 自动换行 */
        margin-top: 20px;
    }

    .item.svelte-gzmktl {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px;
        width: 150px; /* 固定宽度，保证排版整齐 */
        border-radius: 10px;
    }

    .item.svelte-gzmktl:hover {
        background: #f0f0f0;
    }

    .icon.svelte-gzmktl img:where(.svelte-gzmktl) {
        width: 60px; /* 图标大小 */
        height: 60px;
        object-fit: cover;
        border-radius: 8px; /* 圆角优化 */
    }

    .name.svelte-gzmktl {
        margin-top: 8px;
        font-size: 14px;
        color: #333;
        text-align: center;
    }

    .banner_200.svelte-gzmktl {
        height: 200px;
        background: #000000;
        margin: 0;
    }

    /* 核心修改：视频容器样式 */
    .led_640.svelte-gzmktl {
        width: 100%;
        margin: 0 auto; /* 居中 */
        aspect-ratio: 2.5 / 1; /* 设置2.5:1的宽高比 */
        overflow: hidden; /* 隐藏超出部分 */
        position: relative; /* 为视频绝对定位做准备 */
        background: #000; /* 视频加载前的背景色 */
    }

    .led_640.svelte-gzmktl video:where(.svelte-gzmktl) {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); /* 居中 */
        width: 100%;
        height: 100%;
        object-fit: cover; /* 铺满容器，保持比例，裁剪超出部分 */
    }

    /* 分类和过滤器样式优化（可选） */
    .wrapper.svelte-gzmktl {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        margin-top: 15px;
    }

    .cate.svelte-gzmktl {
        padding: 8px 16px;
        background: #f5f5f5;
        border-radius: 4px;
        cursor: pointer;
    }

    .wrapper.svelte-gzmktl .item:where(.svelte-gzmktl) {
        width: 400px;
        border: 1px solid #eee;
        padding: 15px;
        border-radius: 8px;
    }

    .thumbnails.svelte-gzmktl img:where(.svelte-gzmktl) {
        width: 100%;
        object-fit: cover;
        border-radius: 4px;
    }