/* 样式部分 */
    .wp-block-custom-product-showcase .container {
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 15px; /* 增加左右内边距，确保内容不贴边 */
        box-sizing: border-box; /* 包含padding在内的总宽度 */
    }

    .wp-block-custom-product-showcase .header {
        text-align: center;
        padding: 20px 0;
    }

    .wp-block-custom-product-showcase .header h2 {
        margin: 0;
        font-size: 40px;
        font-weight: bold;
        color: #000;
        line-height: 1.2; /* 调整行高，避免过紧 */
    }

    .wp-block-custom-product-showcase .header .divider {
        width: 100px;
        height: 3px;
        background-color: #074970;
        margin: 20px auto;
    }

    .wp-block-custom-product-showcase .header p {
        max-width: 1100px;
        margin: 0 auto;
        color: #555;
        line-height: 1.6;
        font-size: 18px;
    }

    .wp-block-custom-product-showcase .tab-buttons {
        display: flex;
        justify-content: center;
        gap: 20px; /* 使用固定像素间距，更稳定 */
        margin: 35px 0;
        flex-wrap: nowrapwrap; /* 不允许按钮换行 */
    }

    .wp-block-custom-product-showcase .tab-button {
        background-color: #555;
        color: #fff;
        border: none;
        padding: 15px 30px;
        border-radius: 25px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.3s ease;
        white-space: nowrap; /* 防止按钮文本换行 */
    }

    .wp-block-custom-product-showcase .tab-button:hover {
        background-color: #666; /* 增加hover效果 */
    }

    .wp-block-custom-product-showcase .tab-button.active {
        background-color: #074970;
    }

    .wp-block-custom-product-showcase .product-showcase {
        display: flex;
        flex-wrap: wrap;
        gap: 20px; /* 增加卡片之间的间距 */
        justify-content: center;
        padding: 0 10px; /* 产品展示区也增加一些内边距 */
    }

    .wp-block-custom-product-showcase .product-card {
        width: calc(25% - 20px); /* 4 cards per row, account for gap */
        background-color: white;
        padding: 15px; /* 增加内边距 */
        border-radius: 8px; /* 更圆润的圆角 */
        text-align: center;
        transition: box-shadow 0.3s ease, transform 0.3s ease; /* 添加transform过渡效果 */
        box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* 调整阴影 */
        display: flex; /* 使用flex布局让内容居中 */
        flex-direction: column; /* 垂直排列内容 */
        justify-content: space-between; /* 内容上下分散 */
        align-items: center; /* 水平居中 */
        box-sizing: border-box; /* 包含padding和border在内的总宽度 */
    }

    .wp-block-custom-product-showcase .product-card:hover {
        box-shadow: 0 8px 20px rgba(0,0,0,0.2); /* 更明显的hover阴影 */
        transform: translateY(-5px); /* 轻轻上浮效果 */
    }

    .wp-block-custom-product-showcase .product-card a {
        text-decoration: none;
        color: #333;
        display: flex; /* 让a标签内部内容也使用flex */
        flex-direction: column;
        align-items: center;
        width: 100%; /* 确保链接占据整个卡片宽度 */
    }

    .wp-block-custom-product-showcase .product-card img {
        max-width: 100%; /* 确保图片不会超出容器 */
        height: auto; /* 保持图片原始宽高比 */
        margin-bottom: 15px;
        /* 移除了 max-height 和 object-fit 属性，恢复图片原始大小显示 */
    }

    .wp-block-custom-product-showcase .product-card h3 {
        margin: 10px 0 0; /* 调整标题外边距 */
        font-size: 17px; /* 稍微增大字体 */
        color: #333;
        line-height: 1.4;
        flex-grow: 1; /* 标题占据剩余空间 */
    }

    /* 响应式设计 */
    @media screen and (max-width: 1200px) {
        .wp-block-custom-product-showcase .product-card {
            width: calc(33.333% - 20px); /* 3 cards per row */
        }
    }

    @media screen and (max-width: 768px) {
        .wp-block-custom-product-showcase .product-card {
            width: calc(50% - 20px); /* 2 cards per row */
        }
        .wp-block-custom-product-showcase .header h2 {
            font-size: 32px;
        }
        .wp-block-custom-product-showcase .header p {
            font-size: 16px;
        }
    }

    @media screen and (max-width: 480px) {
        .wp-block-custom-product-showcase .product-card {
            width: 100%; /* 1 card per row */
            margin: 10px 0;
        }
        .wp-block-custom-product-showcase .tab-button {
            padding: 12px 20px;
            font-size: 14px;
        }
        .wp-block-custom-product-showcase .header h2 {
            font-size: 28px;
        }
        .wp-block-custom-product-showcase .header p {
            font-size: 15px;
        }
    }




   /* 将所有CSS样式集中在此 */
    .wp-block-custom-buttons {
        display: flex;
        justify-content: center;
        gap: 100px;
        margin-top: 40px;
        flex-wrap: wrap; /* 确保在小屏幕上按钮可以换行 */
    }

    .wp-block-custom-buttons .button-primary,
    .wp-block-custom-buttons .button-secondary {
        border: none;
        padding: 11px 50px;
        border-radius: 25px;
        font-weight: bold;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        text-decoration: none; /* 确保链接按钮没有下划线 */
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* 添加平滑过渡 */
    }

    /* 主要按钮样式 */
    .wp-block-custom-buttons .button-primary {
        background-color: #074970;
        color: white;
    }

    .wp-block-custom-buttons .button-primary:hover {
        background-color: #074970; /* 鼠标悬停颜色 */
    }

    /* 次要按钮样式 */
    .wp-block-custom-buttons .button-secondary {
        background-color: white;
        color: #333;
        border: 1px solid #ddd;
        padding: 3px 40px; /* 根据原代码调整，因为原按钮padding不同 */
    }

    .wp-block-custom-buttons .button-secondary:hover {
        background-color: #f5f5f5; /* 鼠标悬停颜色 */
        border-color: #ccc; /* 悬停时边框颜色稍变 */
    }

    .wp-block-custom-buttons .button-icon {
        font-size: 16px;
        margin-left: 10px;
        /* Fa-beat 动画需要对应的关键帧 */
        animation: beat 1s infinite alternate; /* 应用动画 */
    }

    .wp-block-custom-buttons .button-primary .button-icon {
        color: #fff;
    }

    .wp-block-custom-buttons .button-secondary .button-icon {
        color: #000;
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
        .wp-block-custom-buttons {
            flex-direction: column; /* 小屏幕上垂直堆叠 */
            gap: 20px; /* 垂直间距减小 */
            align-items: center; /* 确保垂直堆叠时居中 */
            padding: 0 15px; /* 增加内边距避免贴边 */
        }
        .wp-block-custom-buttons .button-primary,
        .wp-block-custom-buttons .button-secondary {
            width: 80%; /* 按钮占据较大宽度 */
            max-width: 300px; /* 限制最大宽度 */
            padding: 15px 20px; /* 调整小屏幕上的内边距 */
        }
        .wp-block-custom-buttons .button-secondary {
            padding: 7px 20px; /* 次要按钮特殊调整 */
        }
    }

    /* 动画关键帧（保留，因为你希望有这个动画） */
    @keyframes beat {
        0%, 100% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.2);
        }
    }



   /* 为整个自定义块添加一个独特的父级类名，避免与 WordPress 主题或插件冲突 */
    .wp-block-luview-section .container {
        /* max-width: 1200px; -- 已移除，实现全宽效果 */
        margin: 0 auto; /* 依然保持居中，但将不再有固定最大宽度限制 */
        padding: 40px 20px;
        box-sizing: border-box; /* 确保 padding 包含在宽度内 */
    }

    /* .responsive .container 可能是用于特定布局的，如果需要一个上限，可以保留这个或调整 */
    .wp-block-luview-section .responsive .container {
        max-width: 1600px; /* 如果需要一个最大宽度，这个可以作为页面的最终上限 */
    }
    
    .wp-block-luview-section .top-content {
        display: flex;
        flex-wrap: wrap; /* 允许项目换行 */
        gap: 40px; /* flex 项目之间的间距 */
        margin-bottom: 30px;
        align-items: stretch; 
    }
    
    .wp-block-luview-section .video-section {
        flex: 1; /* 占据可用空间 */
        min-width: 300px; /* 最小宽度，确保在小屏幕上也能换行 */
        display: flex; /* 让 video-section 内部也使用 flex，以确保 video-container 能撑满 */
        flex-direction: column; /* 垂直方向排列 */
    }
    
    .wp-block-luview-section .video-container {
        position: relative;
        height: 100%; /* 确保视频容器能撑满 video-section */
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    
    .wp-block-luview-section .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; /* 确保 iframe 填充整个 video-container */
        border: none;
        display: none; /* 初始隐藏 iframe */
        z-index: 1;
        object-fit: cover; /* 确保视频内容按比例填充，可能会裁切 */
    }

    .wp-block-luview-section .video-cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; /* 确保封面填充整个 video-container */
        cursor: pointer;
        transition: opacity 0.3s ease;
        z-index: 2;
        background-color: #000; /* 视频加载前的背景色 */
    }
    
    .wp-block-luview-section .video-cover img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 确保图片覆盖整个区域 */
        display: block; /* 移除图片默认下边距 */
    }
    
    .wp-block-luview-section .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        opacity: 0.9;
        transition: all 0.3s ease;
    }
    
    .wp-block-luview-section .video-cover:hover .play-button {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 1;
    }
    
    .wp-block-luview-section .text-section {
        flex: 1;
        min-width: 300px;
        padding-top: 20px; /* 文本部分顶部内边距 */
    }
    
    .wp-block-luview-section .section-title {
        font-size: 40px; 
        font-weight: bold; 
        color: #000; 
        text-transform: none; 
        margin-bottom: 15px;
        line-height: 1.3;
    }
    
    .wp-block-luview-section .section-subtitle {
        font-size: 20px; 
        font-weight: bold; 
        color: #555; 
        text-transform: none; 
        margin-bottom: 25px;
    }
    
    .wp-block-luview-section .divider {
        width: 60px;
        height: 4px;
        background-color: #074970;
        margin: 25px 0;
    }
    
    .wp-block-luview-section .description {
        font-size: 1rem;
        color: #555;
        margin-bottom: 20px;
        line-height: 1.7;
    }
    
    .wp-block-luview-section .play-button svg {
        width: 72px; /* 桌面版图标大小 */
        height: 72px;
    }
    
    /* 响应式设计 */
    @media (max-width: 768px) { /* 手机和平板 */
        .wp-block-luview-section .top-content {
            flex-direction: column; /* 垂直堆叠 */
            gap: 20px;
            align-items: flex-start; 
        }
        
        .wp-block-luview-section .video-section, 
        .wp-block-luview-section .text-section {
            width: 100%; /* 占据全宽 */
            min-width: unset; 
            height: auto; /* 在垂直堆叠时高度自适应 */
        }
        
        .wp-block-luview-section .video-container {
            /* 在垂直堆叠时，重新使用 padding-bottom 保持 16:9 宽高比 */
            padding-bottom: 56.25%; 
            height: 0; /* 配合 padding-bottom */
        }
        
        .wp-block-luview-section .play-button svg {
            width: 48px; /* 小屏幕图标大小 */
            height: 48px;
        }

        .wp-block-luview-section .text-section {
            padding-top: 0; 
        }
    }
    
    @media (max-width: 480px) { /* 小手机 */
        .wp-block-luview-section .container {
            padding: 20px 10px; /* 缩小内边距 */
        }
        .wp-block-luview-section .section-title {
            font-size: 32px;
        }
        .wp-block-luview-section .section-subtitle {
            font-size: 18px;
        }
        .wp-block-luview-section .description {
            font-size: 0.9rem;
        }
    }



  /* 封装样式，避免冲突 */
    .wp-block-custom-identity {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
        text-align: center;
        margin-top: 0px; /* 保持原有的顶部外边距 */
    }

    .wp-block-custom-identity .section-heading {
        font-size: 40px;
        font-weight: bold;
        margin: 0;
        padding-bottom: 10px;
        text-transform: none; /* 确保标题大小写不变 */
    }

    .wp-block-custom-identity .heading-divider {
        width: 100px;
        height: 3px;
        background-color: #074970;
        margin: 20px auto; /* 居中分割线 */
    }

    .wp-block-custom-identity .section-description {
        /* 如果有需要，可以在这里添加描述文本的样式，例如字体大小、颜色等 */
        font-size: 16px;
        color: #333;
        line-height: 1.5;
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
        .wp-block-custom-identity {
            padding: 15px; /* 小屏幕上调整内边距 */
        }
        .wp-block-custom-identity .section-heading {
            font-size: 32px; /* 小屏幕上调整标题字体大小 */
        }
    }

    @media (max-width: 480px) {
        .wp-block-custom-identity .section-heading {
            font-size: 28px;
        }
    }



    /* 为整个自定义块添加一个独特的父级类名，避免与 WordPress 主题或插件冲突 */
    .wp-block-image-cards {
        /* max-width: 1200px; -- 已移除，现在将是全宽 */
        margin: 0 auto; /* 保持居中，如果父容器有限制，它会保持居中 */
        padding: 20px 0; /* 确保整个块上下有一定的间距 */
        box-sizing: border-box;
    }

    .wp-block-image-cards .image-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px; /* 卡片之间的间距 */
        box-sizing: border-box;
    }

    .wp-block-image-cards .image-card {
        width: 100%; /* 在小屏幕上每张图片占满整个宽度 */
        height: 300px; /* 小屏幕固定高度 */
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-end; /* 文字和按钮定位到左下角 */
        align-items: center; /* 水平居中内容 */
        color: white; /* 默认文字颜色，便于叠加层后的显示 */
        text-align: center;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        margin-bottom: 20px; /* 卡片之间的垂直间距 */
    }

    /* 叠加层，提高文本可读性 */
    .wp-block-image-cards .image-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, transparent 100%); /* 底部到顶部渐变，增强底部文本可读性 */
        z-index: 1; /* 确保叠加层在图片上方，文本下方 */
    }

    /* 卡片内容的容器，用于定位和内边距 */
    .wp-block-image-cards .image-card-content {
        position: relative; /* 确保内容在叠加层上方 */
        z-index: 2;
        padding: 0 15px 20px 15px; /* 左右和底部内边距 */
        width: 100%; /* 确保内容宽度不会超出卡片 */
        box-sizing: border-box;
    }

    .wp-block-image-cards .image-card h3 {
        font-size:0.4rem; /* 稍微调大字体 */
        margin-bottom: 15px;
        color: #fff; /* 更改为白色，更好地适应背景叠加层 */
        line-height: 1.3;
    }

    .wp-block-image-cards .image-card a {
        display: inline-block;
        background-color: #074970; /* 按钮背景颜色 */
        color: white;
        padding: 8px 20px; /* 调整按钮内边距 */
        text-decoration: none;
        border-radius: 20px;
        transition: background-color 0.3s ease;
        font-size: 0.9em; /* 稍微调大字体 */
        font-weight: bold; /* 按钮文字加粗 */
    }

    .wp-block-image-cards .image-card a:hover {
        background-color: #074970; /* 按钮悬停时的颜色 */
        color: white; /* 确保悬停时文字颜色不变 */
    }

    /* 响应式设计 */
    @media screen and (min-width: 768px) {
        .wp-block-image-cards .image-card {
            /* 每行显示四个，并考虑 gap: 10px (10px * 3 = 30px / 4 ≈ 7.5px) */
            width: calc(25% - 7.5px); 
            height: 420px; /* 大屏幕固定高度 */
        }
    }

    @media screen and (max-width: 767px) { /* 手机和平板小屏幕 */
        .wp-block-image-cards .image-card h3 {
            font-size: 1rem; /* 小屏幕时标题字体略小 */
        }
        .wp-block-image-cards .image-card a {
            font-size: 0.8em; /* 小屏幕时按钮字体略小 */
            padding: 6px 18px;
        }
    }

    @media screen and (max-width: 480px) { /* 更小的手机 */
        .wp-block-image-cards .image-row {
            gap: 15px; /* 小屏幕时卡片间距可以调整 */
        }
        .wp-block-image-cards .image-card {
            width: 100%; /* 确保小屏幕上是单列 */
            margin-bottom: 15px; /* 调整小屏幕下的垂直间距 */
            height: 280px; /* 小屏幕下可以适当调整高度 */
        }
    }



   /* 作用域隔离：为“最新消息”部分设置一个唯一的类名 */
    .wp-block-latest-news {
        max-width: 1500px; /* 限制最大宽度 */
        margin: 0 auto; /* 使整个区块在页面中居中 */
        box-sizing: border-box; /* 确保 padding 包含在宽度内 */
        padding: 20px; /* 如果需要，可以添加一些内边距 */
        font-family: Arial, sans-serif; /* 保持字体一致性 */
    }

    .wp-block-latest-news .header-container {
        display: flex;
        align-items: center; /* 垂直居中对齐 */
        margin-bottom: 30px;
        gap: 15px; /* 标题和横线之间的间距 */
    }

    .wp-block-latest-news .section-title {
        font-size: 40px;
        font-weight: bold;
        margin: 0; /* 移除默认的 margin */
        padding-right: 0; /* 如果 gap 足够，则不需要右填充 */
        color: #000;
        text-transform: none;
        flex-shrink: 0; /* 防止标题被压缩 */
    }

    .wp-block-latest-news .divider-line {
        flex-grow: 1; /* 横线占据剩余空间 */
        height: 3px;
        background-color: #074970;
    }

    .wp-block-latest-news .more-button {
        /* 移除 float: right; 使用 flexbox 自身控制 */
        margin-left: 20px; /* 按钮和横线之间的间距 */
        padding: 10px 20px;
        text-align: center;
        border-radius: 25px;
        background-color: #074970;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none; /* 如果是链接，确保没有下划线 */
        color: #fff;
        display: inline-flex; /* 使图标和文本可以水平对齐 */
        align-items: center; /* 垂直居中图标和文本 */
        cursor: pointer; /* 显示可点击光标 */
        flex-shrink: 0; /* 防止按钮被压缩 */
        transition: background-color 0.3s ease; /* 添加悬停效果 */
    }

    .wp-block-latest-news .more-button:hover {
        background-color: #72a315; /* 悬停时颜色变深 */
    }

    /* Font Awesome 图标样式 */
    .wp-block-latest-news .more-button .fa-arrow-pointer {
        color: #ffffff;
        font-size: 16px;
        margin-left: 10px;
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
        .wp-block-latest-news .header-container {
            flex-direction: column; /* 在小屏幕上改为垂直堆叠 */
            align-items: flex-start; /* 标题和横线靠左对齐 */
            margin-bottom: 20px;
            gap: 10px;
        }
        .wp-block-latest-news .section-title {
            font-size: 32px;
        }
        .wp-block-latest-news .divider-line {
            width: 100%; /* 横线占据整行 */
            height: 2px;
        }
        .wp-block-latest-news .more-button {
            margin-left: 0; /* 移除左侧边距 */
            margin-top: 15px; /* 顶部间距 */
            width: fit-content; /* 宽度适应内容 */
            align-self: flex-end; /* 按钮靠右对齐 */
        }
    }

    @media (max-width: 576px) {
        .wp-block-latest-news .section-title {
            font-size: 28px;
        }
        .wp-block-latest-news .more-button {
            font-size: 14px;
            padding: 8px 15px;
        }
        .wp-block-latest-news .more-button .fa-arrow-pointer {
            font-size: 14px;
            margin-left: 8px;
        }
    }



    /* 作用域隔离：为“Valuable Partner”部分设置一个唯一的类名 */
    .wp-block-valuable-partner {
        max-width: 1200px; /* 限制最大宽度 */
        margin: 0 auto; /* 使整个区块在页面中居中 */
        padding: 20px; /* 内边距 */
        text-align: center; /* 内部内容居中 */
        box-sizing: border-box; /* 确保 padding 包含在宽度内 */
        font-family: Arial, sans-serif; /* 统一字体 */
    }

    .wp-block-valuable-partner .section-title {
        font-size: 40px;
        font-weight: bold;
        margin: 0; /* 移除默认的 margin */
        padding-bottom: 10px; /* 标题下方填充 */
        text-transform: none;
        color: #000;
    }

    .wp-block-valuable-partner .divider-line {
        width: 100px; /* 固定宽度 */
        height: 3px;
        background-color: #074970;
        margin: 20px auto 0 auto; /* 顶部外边距，水平居中，底部无外边距 */
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
        .wp-block-valuable-partner .section-title {
            font-size: 32px;
            padding-bottom: 8px;
        }
        .wp-block-valuable-partner .divider-line {
            margin-top: 15px;
            width: 80px; /* 宽度略微缩小 */
        }
    }

    @media (max-width: 576px) {
        .wp-block-valuable-partner .section-title {
            font-size: 28px;
            padding-bottom: 5px;
        }
        .wp-block-valuable-partner .divider-line {
            margin-top: 10px;
            width: 60px; /* 进一步缩小宽度 */
        }
        .wp-block-valuable-partner {
            padding: 15px; /* 手机端减小内边距 */
        }
    }


    /* lv-icon-section 模块的基础样式 */
    .lv-icon-section {
        width: 100%;
        max-width: 1600px; /* 限制整个模块的最大宽度 */
        margin: 40px auto; /* 上下外边距，水平居中 */
        padding: 20px; /* 内部填充 */
        box-sizing: border-box; /* 确保 padding 包含在宽度内 */
    }

    /* 图标网格容器 */
    .lv-icon-grid {
        display: grid;
        /* 默认在大屏幕上显示 6 列，图标大小在 120px 到 1fr 之间 */
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* 增大图标最小宽度 */
        gap: 25px; /* 增大图标之间的间距 */
        justify-content: center; /* 水平居中网格项 */
        align-items: center; /* 垂直居中网格项 */
    }

    /* 单个图标项 */
    .lv-icon-item {
        display: flex;
        justify-content: center; /* 水平居中图片 */
        align-items: center; /* 垂直居中图片 */
        background-color: white;
        border-radius: 8px;
      /*  padding: 20px; /* 增大内边距 */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        min-height: 150px; /* 增大图标项的最小高度 */
        box-sizing: border-box;
        text-decoration: none; /* 移除链接下划线 */
        color: inherit; /* 继承父元素颜色 */
    }

    .lv-icon-item:hover {
        transform: translateY(-8px); /* 悬停时上浮效果 */
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* 悬停时阴影更明显 */
    }

    /* 图标图片样式 */
    .lv-icon-item img {
        max-width: 70%; /* 允许图片更大地填充容器 */
        max-height: 150px; /* 增大图片最大高度 */
        height: auto; /* 保持图片比例 */
        object-fit: contain; /* 确保图片完整显示在容器内 */
        display: block; /* 移除图片底部可能存在的额外空间 */
        margin: 0; /* 移除图片下方间距，因为没有文字了 */
    }

    /* 最后一个“更多”图标项的特殊样式 */
    .lv-icon-item.more-icons {
        background-color: #f0f0f0; /* 略微不同的背景色 */
        border: 2px dashed #ccc; /* 虚线边框，表示这是一个“占位符” */
        box-shadow: none; /* 移除阴影，使其看起来更轻盈 */
        cursor: pointer; /* 鼠标悬停时显示手型 */
        font-size: 40px; /* 增大加号或文本尺寸 */
        color: #666; /* 字体颜色 */
        font-weight: bold;
        display: flex;
        flex-direction: column; /* 允许内部元素垂直排列 */
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 10px; /* 调整内边距 */
    }

    .lv-icon-item.more-icons:hover {
        background-color: #e0e0e0; /* 悬停时背景色变深 */
        transform: translateY(-4px); /* 悬停时轻微上浮 */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); /* 悬停时添加一点点阴影 */
    }

    .lv-icon-item.more-icons .more-text {
        font-size: 16px;
        margin-top: 5px;
        color: #888;
    }


    /* 响应式设计 */
    /* 在宽屏幕上，每行显示 6 个 */
    @media (min-width: 1200px) {
        .lv-icon-grid {
            grid-template-columns: repeat(6, 1fr); /* 明确 6 列 */
        }
    }

    /* 平板电脑及中等屏幕，每行显示 4 个 */
    @media (max-width: 1199px) and (min-width: 768px) {
        .lv-icon-grid {
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* 调整最小宽度 */
            gap: 20px;
        }
        .lv-icon-item {
             min-height: 100px;
             padding: 15px;
        }
        .lv-icon-item img {
            max-height: 70px;
        }
        .lv-icon-item.more-icons {
            font-size: 35px;
        }
        .lv-icon-item.more-icons .more-text {
            font-size: 14px;
        }
    }

    /* 手机横屏及小型平板，每行显示 3 个 */
    @media (max-width: 767px) and (min-width: 576px) {
        .lv-icon-grid {
            grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
            gap: 15px;
        }
        .lv-icon-item {
             min-height: 90px;
             padding: 12px;
        }
        .lv-icon-item img {
            max-height: 60px;
        }
        .lv-icon-item.more-icons {
            font-size: 30px;
        }
        .lv-icon-item.more-icons .more-text {
            font-size: 12px;
        }
    }

    /* 手机竖屏，每行显示 2 个 */
    @media (max-width: 575px) {
        .lv-icon-grid {
            grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); /* 更小的最小宽度 */
            gap: 10px;
        }
        .lv-icon-item {
            min-height: 80px;
            padding: 10px;
        }
        .lv-icon-item img {
            max-height: 50px;
        }
        .lv-icon-item.more-icons {
            font-size: 28px;
        }
        .lv-icon-item.more-icons .more-text {
            font-size: 11px;
        }
    }