/* 样式隔离：所有选择器都以 custom-dev- 为前缀，且通过父容器限定作用域 */
        .custom-dev-service-wrapper * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", Arial, sans-serif;
        }

        /* 核心修改：添加最大高度和滚动条，确保内容完整显示 */
        .custom-dev-service-wrapper {
            line-height: 1.6;
            position: fixed; /* 固定定位，脱离文档流 */
            top: 70px; /* 距离顶部20px，可自行调整 */
            right: 20px; /* 距离右侧20px，可自行调整 */
            z-index: 9999; /* 极高的层级，确保在最上层 */
            max-width: 100%; /* 限制最大宽度，适配不同屏幕 */
            width: 1050px; /* 基础宽度，可自行调整 */
            max-height: calc(100vh - 120px); /* 最大高度为视口高度减顶部距离，避免超出屏幕 */
            overflow-y: auto; /* 垂直方向溢出时显示滚动条 */
            overflow-x: hidden; /* 水平方向隐藏滚动条 */
        
            /* 优化滚动条样式（可选） */
            scrollbar-width: thin;
            scrollbar-color: #3498db #f5f7fa;
        }

        /* 自定义滚动条样式 - 适配webkit内核浏览器 */
        .custom-dev-service-wrapper::-webkit-scrollbar {
            width: 6px;
        }
        .custom-dev-service-wrapper::-webkit-scrollbar-track {
            background: #f5f7fa;
        }
        .custom-dev-service-wrapper::-webkit-scrollbar-thumb {
            background-color: #3498db;
            border-radius: 6px;
        }

        .custom-dev-service-container {
            max-width: 100%; /* 适配外层固定定位的宽度 */
            margin: 0 auto;
            background: white;
            
            overflow: hidden;
            padding-top: 20px; /* 补充顶部内边距，优化视觉效果 */
        }

        /* 二级分类容器 */
        .custom-dev-level-2-container {
            padding: 25px;
            display: block;
            /* 移除overflow限制，确保内容能完整显示 */
            overflow: visible;
        }

        /* 二级分类卡片 */
        .custom-dev-level-2-card {
            width: 100%;
            margin-bottom: 30px;
        }
        .custom-dev-level-2-card:last-child {
            margin-bottom: 0;
        }

        .custom-dev-level-2 h2 {
            color: #34495e;
            font-size: 18px;
            font-weight: 600;
            
            display: inline-block;
        }

        /* 三级分类网格 */
        .custom-dev-level-3-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
            gap: 10px 15px;
        }

        /* 三级分类标题 */
        .custom-dev-level-3 h3 {
            colcolor: #000;       
			font-size: 15px;
            font-weight: 600;
            margin: 12px 0 8px;
            padding-left: 5px;
			
            
        }

        /* 文章列表样式 */
        .custom-dev-article-list {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 8px 15px;
        }

        .custom-dev-article-list li {
            color: #2c3e50;
            font-size: 14px;
            padding: 5px 0;
            transition: color 0.2s ease;
        }

        .custom-dev-article-list li:hover {
            color: #3498db;
            cursor: default;
        }

        /* 响应式调整 - 仅作用于当前模块 */
        @media (max-width: 1440px) {
            .custom-dev-service-wrapper {
                width: calc(100% - 40px); /* 大屏下适配宽度 */
            }
        }
        
        @media (max-width: 768px) {
            .custom-dev-level-2-container {
                padding: 20px;
            }
            .custom-dev-level-2-card {
                margin-bottom: 20px;
            }
            .custom-dev-level-3-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            /* 响应式调整固定定位的位置和宽度 */
            .custom-dev-service-wrapper {
                top: 80px;
                right: 10px;
                left: 10px; /* 小屏幕下左右都留边距 */
                width: auto; /* 自适应宽度 */
                max-width: calc(100% - 20px); /* 适配屏幕宽度 */
                max-height: calc(100vh - 100px); /* 适配小屏幕高度 */
            }
        }

        @media (max-width: 480px) {
            .custom-dev-service-wrapper {
                padding: 10px;
                top: 70px;
                right: 5px;
                left: 5px;
                max-width: calc(100% - 10px);
                max-height: calc(100vh - 80px);
            }
            
            .custom-dev-level-2-container {
                padding: 15px;
            }
            
            .custom-dev-level-3-grid {
                grid-template-columns: 1fr;
            }
        }
		 /* 样式隔离：所有选择器都以 product-center- 为前缀，且通过父容器限定作用域 */
		        .product-center-service-wrapper * {
		            margin: 0;
		            padding: 0;
		            box-sizing: border-box;
		            font-family: "Microsoft YaHei", Arial, sans-serif;
		        }
		
		        /* 核心样式：和定制开发服务模块保持一致的布局 */
		        .product-center-service-wrapper {
		            line-height: 1.6;
		            position: fixed; /* 固定定位，脱离文档流 */
		            top: 70px; /* 距离顶部和定制开发服务保持一致 */
		            right: 20px; /* 距离右侧和定制开发服务保持一致 */
		            z-index: 9999; /* 极高的层级，确保在最上层 */
		            max-width: 100%; /* 限制最大宽度，适配不同屏幕 */
		            width: 1050px; /* 基础宽度和定制开发服务保持一致 */
		            max-height: calc(100vh - 120px); /* 最大高度为视口高度减顶部距离 */
		            overflow-y: auto; /* 垂直方向溢出时显示滚动条 */
		            overflow-x: hidden; /* 水平方向隐藏滚动条 */
		            /* 优化滚动条样式 */
		            scrollbar-width: thin;
		            scrollbar-color: #3498db #f5f7fa;
		        }
		
		        /* 自定义滚动条样式 - 适配webkit内核浏览器 */
		        .product-center-service-wrapper::-webkit-scrollbar {
		            width: 6px;
		        }
		        .product-center-service-wrapper::-webkit-scrollbar-track {
		            background: #f5f7fa;
		        }
		        .product-center-service-wrapper::-webkit-scrollbar-thumb {
		            background-color: #3498db;
		            border-radius: 6px;
		        }
		
		        .product-center-service-container {
		            max-width: 100%;
		            margin: 0 auto;
		            background: white;
		            
		            overflow: hidden;
		            padding-top: 20px;
		        }
		
		        /* 二级分类容器 */
		        .product-center-level-2-container {
		            padding: 25px;
		            display: block;
		            overflow: visible;
		        }
		
		        /* 二级分类卡片 */
		        .product-center-level-2-card {
		            width: 100%;
		            margin-bottom: 30px;
		        }
		        .product-center-level-2-card:last-child {
		            margin-bottom: 0;
		        }
		
		        .product-center-level-2 h2 {
		            color: #34495e;
		            font-size: 18px;
		            font-weight: 600;
		            
		            display: inline-block;
		        }
		
		        /* 三级分类网格 */
		        .product-center-level-3-grid {
		            display: grid;
		            grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		            gap: 10px 15px;
		        }
		
		        /* 三级分类标题 */
		        .product-center-level-3 h3 {
		            color: #000;          
					font-size: 15px;
		            font-weight: 600;
		            margin: 12px 0 8px;
		            padding-left: 5px;
		            
		        }
		
		        /* 文章列表样式 */
		        .product-center-article-list {
		            list-style: none;
		            display: flex;
		            flex-wrap: wrap;
		            gap: 8px 15px;
		        }
		
		        .product-center-article-list li {
		            color: #2c3e50;
		            font-size: 14px;
		            padding: 5px 0;
		            transition: color 0.2s ease;
		        }
		
		        .product-center-article-list li:hover {
		            color: #3498db;
		            cursor: default;
		        }
		
		        /* 响应式调整 - 和定制开发服务模块保持一致 */
		        @media (max-width: 1440px) {
		            .product-center-service-wrapper {
		                width: calc(100% - 40px);
		            }
		        }
		        
		        @media (max-width: 768px) {
		            .product-center-level-2-container {
		                padding: 20px;
		            }
		            .product-center-level-2-card {
		                margin-bottom: 20px;
		            }
		            .product-center-level-3-grid {
		                grid-template-columns: repeat(2, 1fr);
		            }
		            .product-center-service-wrapper {
		                top: 80px;
		                right: 10px;
		                left: 10px;
		                width: auto;
		                max-width: calc(100% - 20px);
		                max-height: calc(100vh - 100px);
		            }
		        }
		
		        @media (max-width: 480px) {
		            .product-center-service-wrapper {
		                padding: 10px;
		                top: 70px;
		                right: 5px;
		                left: 5px;
		                max-width: calc(100% - 10px);
		                max-height: calc(100vh - 80px);
		            }
		            
		            .product-center-level-2-container {
		                padding: 15px;
		            }
		            
		            .product-center-level-3-grid {
		                grid-template-columns: 1fr;
		            }
		        }