.container-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 10px; /* 增加容器间距 */
            margin-top: 15px; /* 添加顶部外边距 */
            margin-bottom: 12px; /* 添加底部外边距 */
        }

        .fkdh {
            flex: 1 0 calc(25% - 10px); /* 每行4个容器，减去间距 */
            height: 50px; /* 固定高度 */
            background-color: #f0f0f0;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            position: relative; /* 相对定位，用于子元素绝对定位 */
        }
        .fkdh:hover {
            cursor: pointer; /* 鼠标悬停时显示手型光标 */
        }

        .fkdh img.mohu {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: blur(2px); /* 添加模糊效果 */
        }

        .fkdh .text-container {
            position: absolute; /* 绝对定位 */
            top: 50%; /* 垂直居中 */
            left: 50%; /* 水平居中 */
            transform: translate(-50%, -50%); /* 调整位置 */
            color: white; /* 文字颜色 */
            font-size: 18px; /* 文字大小 */
            text-align: center; /* 文字水平居中 */
            white-space: nowrap; /*禁止文字换行*/
        }
        .fkdh:hover .text-container {
            font-size: 20px; /* 放大文字2px */
        }

        @media (max-width: 600px) {
            .fkdh {
                flex: 1 0 calc(33.33% - 10px); /* 移动端每行2个容器，减去间距 */
                height: 50px; /* 固定高度 */
            }
        }