<div class="container mx-auto px-4">
<div class="text-center max-w-3xl mx-auto mb-16">
<h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-gray-800">
智能抽选，<span class="text-jiangxi-red">特色</span>服务
</h2>
<p class="mt-4 text-gray-600">
融合江西特色产业需求，打造全国领先的智能化专家抽选平台，为您的招标项目提供专业保障。
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- 功能卡片 1 -->
<div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
<div class="h-48 bg-jiangxi-red/10 relative">
<img src="https://picsum.photos/seed/feature1/600/400" alt="智能专家库管理" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
<div class="absolute bottom-4 left-4 text-white">
<h3 class="font-bold text-xl">智能专家库管理</h3>
</div>
</div>
<div class="p-6">
<p class="text-gray-600 mb-4">
覆盖江西11个设区市，包含工程、经济、法律等20+专业领域，细分陶瓷、稀土、红色文旅等江西特色产业专家。
</p>
<ul class="space-y-2 mb-6">
<li class="flex items-center text-gray-700">
<i class="fa fa-check text-jiangxi-green mr-2"></i>
江西特色产业专家库分类
</li>
<li class="flex items-center text-gray-700">
<i class="fa fa-check text-jiangxi-green mr-2"></i>
动态更新专家信用评级
</li>
<li class="flex items-center text-gray-700">
<i class="fa fa-check text-jiangxi-green mr-2"></i>
专家执业轨迹全程追溯
</li>
</ul>
<a href="#" class="inline-flex items-center text-jiangxi-red font-medium hover:underline">
了解详情 <i class="fa fa-arrow-right ml-2"></i>
</a>
</div>
</div>
<!-- 功能卡片 2 -->
<div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
<div class="h-48 bg-jiangxi-green/10 relative">
<img src="https://picsum.photos/seed/feature2/600/400" alt="特色抽选机制" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
<div class="absolute bottom-4 left-4 text-white">
<h3 class="font-bold text-xl">特色抽选机制</h3>
</div>
</div>
<div class="p-6">
<p class="text-gray-600 mb-4">
基于区块链技术的双随机抽选，支持江西特色项目定向抽选，确保专家与项目需求高度匹配。
</p>
<ul class="space-y-2 mb-6">
<li class="flex items-center text-gray-700">
<i class="fa fa-check text-jiangxi-green mr-2"></i>
双随机+地域倾斜抽选算法
</li>
<li class="flex items-center text-gray-700">
<i class="fa fa-check text-jiangxi-green mr-2"></i>
江西特色产业专家优先匹配
</li>
<li class="flex items-center text-gray-700">
<i class="fa fa-check text-jiangxi-green mr-2"></i>
抽选过程全流程加密存证
</li>
</ul>
<a href="#" class="inline-flex items-center text-jiangxi-red font-medium hover:underline">
了解详情 <i class="fa fa-arrow-right ml-2"></i>
</a>
</div>
</div>
<!-- 功能卡片 3 -->
<div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
<div class="h-48 bg-porcelain-blue/30 relative">
<img src="https://picsum.photos/seed/feature3/600/400" alt="全流程监管" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
<div class="absolute bottom-4 left-4 text-white">
<h3 class="font-bold text-xl">全流程监管</h3>
</div>
</div>
<div class="p-6">
<p class="text-gray-600 mb-4">
与江西省公共资源交易中心数据对接，实现专家抽取、评审、信用评价全流程监管，确保公平公正。
</p>
<ul class="space-y-2 mb-6">
<li class="flex items-center text-gray-700">
<i class="fa fa-check text-jiangxi-green mr-2"></i>
区块链存证防篡改
</li>
<li class="flex items-center text-gray-700">
<i class="fa fa-check text-jiangxi-green mr-2"></i>
赣服通移动端实时监管
</li>
<li class="flex items-center text-gray-700">
<i class="fa fa-check text-jiangxi-green mr-2"></i>
异常行为智能预警
</li>
</ul>
<a href="#" class="inline-flex items-center text-jiangxi-red font-medium hover:underline">
了解详情 <i class="fa fa-arrow-right ml-2"></i>
</a>
</div>
</div>
</div>
<!-- 特色功能 -->
<div class="mt-20 bg-porcelain-blue/10 rounded-2xl p-8 md:p-12">
<h3 class="text-2xl font-bold text-center mb-12">江西特色功能</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<!-- 特色功能 1 -->
<div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
<div class="w-16 h-16 bg-jiangxi-red/10 rounded-full flex items-center justify-center mb-4">
<i class="fa fa-map-marker text-jiangxi-red text-2xl"></i>
</div>
<h4 class="font-bold text-lg mb-2">地域特色专家库</h4>
<p class="text-gray-600 text-sm">
按江西11个设区市细分专家资源，针对性匹配本地项目需求
</p>
</div>
<!-- 特色功能 2 -->
<div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
<div class="w-16 h-16 bg-jiangxi-green/10 rounded-full flex items-center justify-center mb-4">
<i class="fa fa-certificate text-jiangxi-green text-2xl"></i>
</div>
<h4 class="font-bold text-lg mb-2">特色产业认证</h4>
<p class="text-gray-600 text-sm">
针对陶瓷、稀土、中医药等江西特色产业设置专业认证体系
</p>
</div>
<!-- 特色功能 3 -->
<div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
<div class="w-16 h-16 bg-jiangxi-red/10 rounded-full flex items-center justify-center mb-4">
<i class="fa fa-book text-jiangxi-red text-2xl"></i>
</div>
<h4 class="font-bold text-lg mb-2">红色项目优先</h4>
<p class="text-gray-600 text-sm">
针对井冈山、瑞金等红色文旅项目，智能匹配相关领域专家
</p>
</div>
<!-- 特色功能 4 -->
<div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
<div class="w-16 h-16 bg-jiangxi-green/10 rounded-full flex items-center justify-center mb-4">
<i class="fa fa-gavel text-jiangxi-green text-2xl"></i>
</div>
<h4 class="font-bold text-lg mb-2">江西政策适配</h4>
<p class="text-gray-600 text-sm">
内置江西地方招标政策，自动匹配评审标准和加分条款
</p>
</div>
</div>
</div>
</div>
<div class="mt-20 bg-porcelain-blue/10 rounded-2xl p-8 md:p-12">
<h3 class="text-2xl font-bold text-center mb-12">江西特色功能</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<!-- 特色功能 1 -->
<div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
<div class="w-16 h-16 bg-jiangxi-red/10 rounded-full flex items-center justify-center mb-4">
<i class="fa fa-map-marker text-jiangxi-red text-2xl"></i>
</div>
<h4 class="font-bold text-lg mb-2">地域特色专家库</h4>
<p class="text-gray-600 text-sm">
按江西11个设区市细分专家资源，针对性匹配本地项目需求
</p>
</div>
<!-- 特色功能 2 -->
<div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
<div class="w-16 h-16 bg-jiangxi-green/10 rounded-full flex items-center justify-center mb-4">
<i class="fa fa-certificate text-jiangxi-green text-2xl"></i>
</div>
<h4 class="font-bold text-lg mb-2">特色产业认证</h4>
<p class="text-gray-600 text-sm">
针对陶瓷、稀土、中医药等江西特色产业设置专业认证体系
</p>
</div>
<!-- 特色功能 3 -->
<div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
<div class="w-16 h-16 bg-jiangxi-red/10 rounded-full flex items-center justify-center mb-4">
<i class="fa fa-book text-jiangxi-red text-2xl"></i>
</div>
<h4 class="font-bold text-lg mb-2">红色项目优先</h4>
<p class="text-gray-600 text-sm">
针对井冈山、瑞金等红色文旅项目，智能匹配相关领域专家
</p>
</div>
<!-- 特色功能 4 -->
<div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
<div class="w-16 h-16 bg-jiangxi-green/10 rounded-full flex items-center justify-center mb-4">
<i class="fa fa-gavel text-jiangxi-green text-2xl"></i>
</div>
<h4 class="font-bold text-lg mb-2">江西政策适配</h4>
<p class="text-gray-600 text-sm">
内置江西地方招标政策，自动匹配评审标准和加分条款
</p>
</div>
</div>
</div> 
<div class="mt-20 bg-white rounded-xl shadow-lg p-6 md:p-8">
<h3 class="text-xl font-bold mb-6">江西省专家分布情况</h3>
<div class="h-80">
<canvas id="expertDistributionChart" width="672" height="320" style="display: block; box-sizing: border-box; height: 320px; width: 672px;"></canvas>
</div>
</div>