body {
                color: #141414;
            }
            *,
            :after,
            :before {
                border: 0 solid;
                box-sizing: border-box;
            }
            #header .logo {
                height: 40px;
            }

            #header h1 {
                display: flex;
                column-gap: 15px;
                align-items: center;
                font-size: 20px;
                font-weight: 400;
            }
            #header p {
                color: #707070;
            }
            a {
                color: inherit;
                text-decoration: none;
            }
            .category-link a {
                font-size: 14px;
                background-color: #f4f4f5;
                padding: 5px 10px;
                border-radius: 5px;
                margin: 0 15px 10px 0;
                display: inline-block;
            }
            .category-link a.active {
                background-color: #303030;
                color: #fff;
            }
            #container {
                display: grid;
                gap: 15px;
                margin-top: 10px;
                grid-template-columns: repeat(1, minmax(0, 1fr));
            }

            /* 响应式布局 */
            @media (min-width: 800px) {
                #container {
                    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 800px及以上，每行2个item */
                }
            }

            @media (min-width: 1200px) {
                #container {
                    grid-template-columns: repeat(3, minmax(0, 1fr)); /* 1200px及以上，每行3个item */
                }
            }

            @media (min-width: 1400px) {
                #container {
                    grid-template-columns: repeat(4, minmax(0, 1fr)); /* 1400px及以上，每行4个item */
                }
            }

            @media (min-width: 1700px) {
                #container {
                    grid-template-columns: repeat(5, minmax(0, 1fr)); /* 1700px及以上，每行5个item */
                }
            }
            #container .logo {
                /* float: left; */
                width: 32px;
                height: 32px;
                filter: grayscale(100%);
            }
            #container .item {
                background-color: #f5f8fc;
                border: 1px solid color-mix(in srgb, #525866, transparent 80%);
                border-radius: 5px;
            }
            #container .w-full {
                padding-left: 4px;
                padding-right: 4px;
                object-fit: cover;
                border-radius: 5px;
                width: 100%;
                height: 160px;
            }
            #container .item > div {
                padding: 10px;
            }
            #container .item .title {
                font-size: 20px;
                line-height: 26px;
                font-weight: 700;
            }
            #container .item .description {
                display: block;
                font-size: 14px;
                padding-top: 0;
            }
            .item_header {
                display: flex;
                align-items: center;
                gap: 10px;
            }
            .ai {
                font-size: 14px;
                border-top: 1px solid color-mix(in srgb, #525866, transparent 80%);
                border-bottom: 1px solid color-mix(in srgb, #525866, transparent 80%);
            }
            .category {
                border-top: 1px solid color-mix(in srgb, #525866, transparent 80%);
            }
            .category a {
                border: 1px solid color-mix(in srgb, #525866, transparent 80%);
                border-radius: 5px;
                font-size: 14px;
                padding-left: 8px;
                padding-right: 8px;
                color: #939393;
                margin: 0px 10px 10px 0;
                display: inline-block;
            }