
    .footer_led.svelte-66qyi8 {
        margin: 20px;
        padding: 20px;
        background: var(--led-bg-color);
        border-radius: 20px;
    }

    /* 父容器：核心 Grid 布局 + 响应式配置 */
    .grid-container.svelte-66qyi8 {
        /* Grid 基础设置 */
        display: grid;
        /* 列间距（可选，根据需求调整） */
        gap: 10px;
        /* 响应式断点：从小到大（移动端优先） */
        /* 480px 以下：4行1列 */
        grid-template-columns: repeat(1, 1fr);
    }

    /* 子元素：仅做样式美化，无布局逻辑 */
    .item.svelte-66qyi8 {

        /*background: #f5f5f5;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 断点1：480px - 960px，2行2列 */
    @media (min-width: 480px) {
        .grid-container.svelte-66qyi8 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    /* 断点2：960px 以上，4列 + 最小列宽240px */
    @media (min-width: 960px) {
        /* minmax(240px, 1fr)：列宽最小240px，超出部分均分 */
        .grid-container.svelte-66qyi8 {
            grid-template-columns: repeat(4, minmax(240px, 1fr));
        }
    }

    .copyright.svelte-66qyi8 {
        display: flex;
        padding: 20px;
        text-align: center;
        color: #00ff00;
    }

    .sns-net.svelte-66qyi8 {
        display: flex;
        padding: 20px;
    }

    .sns-net.svelte-66qyi8 a:where(.svelte-66qyi8) {
        margin: 10px;
    }

    .sns-net.svelte-66qyi8 a:where(.svelte-66qyi8) i:where(.svelte-66qyi8) {
        width: 48px;
    }
