文本查看器


<!doctypehtml><html lang=zh-CN><head><meta charset=UTF-8><meta content=width=device-width,initial-scale=1.0 name=viewport><title>透气型塑胶跑道施工工艺详解  - 优正体育</title><meta name='keywords' content='透气型塑胶跑道施工工艺详解 '><!--ke--><!--ke--><!--ke--><!--ke--><script src=https://cdn.tailwindcss.com/3.4.16></script><script>tailwind.config={darkMode:`class`}</script><script>tailwind.config={darkMode:`class`}</script><link href=https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css rel=stylesheet><script src=https://jsdelivr.topthink.com/npm/chart.js></script><style>@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#0070f3;--secondary:#6b7280;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--light-bg:#fff;--light-text:#1f2937;--light-border:#e5e7eb;--dark-bg:#111827;--dark-text:#f3f4f6;--dark-border:#374151}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card{transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{transform:translateY(-4px)}.light .card:hover{border-color:var(--primary);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .card:hover{border-color:var(--primary);box-shadow:0 10px 25px -5px #00000080,0 10px 10px -5px #0000004d}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.fade-in{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.process-step{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.process-step.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background-color:#475569}</style></head><body class="light bg-white text-gray-800 transition-colors duration-300"><div class="min-h-screen flex flex-col"id=app><nav class="sticky top-0 z-50 bg-white dark:bg-gray-900 shadow-md"><div class="container mx-auto px-4 py-3 flex justify-between items-center"><div class="flex items-center space-x-2"><i class="fas fa-running text-blue-600 dark:text-blue-400 text-2xl"></i><h1 class="text-xl font-bold">透气型塑胶跑道施工工艺</h1></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block text-yellow-300"></i></button></div></div></nav><main class="flex-grow container mx-auto px-4 py-8"><header class="mb-12 fade-in"><div class="text-center mb-8"><h1 class="text-4xl md:text-5xl font-bold mb-4 text-blue-600 dark:text-blue-400">透气型塑胶跑道施工工艺详解</h1><p class="text-lg md:text-xl text-gray-600 dark:text-gray-300">专业、科学的施工流程与质量控制要点</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg border-l-4 border-blue-500 mb-8"><p class="text-gray-700 dark:text-gray-300 italic">透气型塑胶跑道作为现代运动场地的重要组成部分，其施工工艺直接影响跑道的性能、使用寿命及使用体验。本文系统梳理透气型塑胶跑道的施工流程、关键工艺及质量控制要点，为施工提供科学指导。</div></header><section class="mb-16 fade-in"style=animation-delay:.2s><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 mb-8"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-tasks mr-3 text-blue-500"></i> 施工流程概览</h2><div class="relative overflow-hidden"><div class="absolute left-0 w-1 h-full bg-blue-500 transform -translate-x-1/2"></div><div class="grid grid-cols-1 md:grid-cols-5 gap-4 relative"><div class="process-step bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg border border-blue-100 dark:border-blue-800"><div class="text-center mb-2"><span class="inline-block w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold">1</span></div><h3 class="text-lg font-semibold text-blue-700 dark:text-blue-300 mb-2">基础处理</h3><p class="text-gray-600 dark:text-gray-300 text-sm">场地清理、整修、防水处理</div><div class="process-step bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg border border-blue-100 dark:border-blue-800"><div class="text-center mb-2"><span class="inline-block w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold">2</span></div><h3 class="text-lg font-semibold text-blue-700 dark:text-blue-300 mb-2">底层摊铺</h3><p class="text-gray-600 dark:text-gray-300 text-sm">橡胶颗粒与胶水混合物均匀摊铺</div><div class="process-step bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg border border-blue-100 dark:border-blue-800"><div class="text-center mb-2"><span class="inline-block w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold">3</span></div><h3 class="text-lg font-semibold text-blue-700 dark:text-blue-300 mb-2">面层喷涂</h3><p class="text-gray-600 dark:text-gray-300 text-sm">EPDM胶粒与聚氨酯面漆混合喷涂</div><div class="process-step bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg border border-blue-100 dark:border-blue-800"><div class="text-center mb-2"><span class="inline-block w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold">4</span></div><h3 class="text-lg font-semibold text-blue-700 dark:text-blue-300 mb-2">划线</h3><p class="text-gray-600 dark:text-gray-300 text-sm">使用聚氨酯漆绘制标志线</div><div class="process-step bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg border border-blue-100 dark:border-blue-800"><div class="text-center mb-2"><span class="inline-block w-10 h-10 rounded-full bg-blue-500 text-white flex items-center justify-center font-bold">5</span></div><h3 class="text-lg font-semibold text-blue-700 dark:text-blue-300 mb-2">养护</h3><p class="text-gray-600 dark:text-gray-300 text-sm">保持场地清洁，避免机械损伤</div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-tools mr-3 text-blue-500"></i> 详细施工步骤</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-3"><i class="fas fa-broom text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold">施工前准备</h3></div><ul class="space-y-3 text-gray-700 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>场地清理与整修：</strong>清除浮灰、油污、油漆、石子等杂质，确保地面平整、干燥。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>基础检查：</strong>检查基础层（混凝土或沥青）的平整度，坡度符合设计要求，无裂缝、起砂或松散现象。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>防水处理：</strong>对基础进行防水处理，涂刷专用底油，增强粘结性。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span><strong>材料准备：</strong>底层材料（单组分胶水与环保橡胶颗粒按1:8比例混合），面层材料（EPDM胶粒与聚氨酯面漆混合），划线材料（聚氨酯漆）。</span></ul></div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-3"><i class="fas fa-layer-group text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold">底层摊铺</h3></div><ul class="space-y-3 text-gray-700 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>将搅拌好的橡胶颗粒与胶水混合物均匀摊铺在基础层上，厚度控制在10-11mm。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>使用机械压实确保密实度，避免空隙。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>固化时间约为3-7天，期间需避免重压或剧烈运动。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>确保底层平整度误差不超过3mm，排水系统完善，雨后无积水。</span></ul></div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-3"><i class="fas fa-spray-can text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold">面层喷涂</h3></div><ul class="space-y-3 text-gray-700 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>在底层固化后，将EPDM胶粒与聚氨酯面漆混合，通过喷涂机分两遍至三遍喷涂。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>喷涂需均匀，避免堆料或露底，确保厚度一致。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>形成防滑耐磨层，厚度约2-3mm。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>施工时需避开雨天，环境温度应高于8℃，确保材料快速固化。</span></ul></div><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-3"><i class="fas fa-pencil-ruler text-blue-600 dark:text-blue-400"></i></div><h3 class="text-xl font-semibold">划线与养护</h3></div><ul class="space-y-3 text-gray-700 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>按设计尺寸绘制标志线，使用聚氨酯漆喷涂，确保线宽一致、色泽均匀。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>养护期为5-7天，期间需保持场地清洁，避免机械损伤。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>定期检查划线是否清晰，必要时进行修补。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>确保跑道整体平整度，避免出现明显凹凸不平。</span></ul></div></div></section><section class="mb-16 fade-in"style=animation-delay:.6s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-chart-line mr-3 text-blue-500"></i> 质量控制与验收标准</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><h3 class="text-xl font-semibold mb-4 text-blue-700 dark:text-blue-300">质量指标</h3><div class="space-y-4 text-gray-700 dark:text-gray-300"><div><div class="flex justify-between items-center mb-1"><span class=w-1/2>弹性</span><span class=font-medium>适度反弹</span></div><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-blue-600 h-2.5 rounded-full"style=width:85%></div></div><p class="text-xs text-gray-500 dark:text-gray-400 mt-1">减少运动伤害</div><div><div class="flex justify-between items-center mb-1"><span class=w-1/2>耐磨性</span><span class=font-medium>≤2.5%</span></div><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-blue-600 h-2.5 rounded-full"style=width:90%></div></div><p class="text-xs text-gray-500 dark:text-gray-400 mt-1">表层耐磨耗率</div><div><div class="flex justify-between items-center mb-1"><span class=w-1/2>排水性</span><span class=font-medium>快速排水</span></div><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-blue-600 h-2.5 rounded-full"style=width:95%></div></div><p class="text-xs text-gray-500 dark:text-gray-400 mt-1">多孔结构确保雨后快速排水</div><div><div class="flex justify-between items-center mb-1"><span class=w-1/2>厚度</span><span class=font-medium>10-13mm</span></div><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-blue-600 h-2.5 rounded-full"style=width:80%></div></div><p class="text-xs text-gray-500 dark:text-gray-400 mt-1">底层厚度控制</div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><h3 class="text-xl font-semibold mb-4 text-blue-700 dark:text-blue-300">验收流程</h3><div class=space-y-4><div class="flex items-start"><div class="flex-shrink-0 h-6 w-6 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-3 mt-0.5"><span class="text-blue-600 dark:text-blue-400 font-semibold">1</span></div><div><h4 class=font-medium>基础验收</h4><p class="text-gray-600 dark:text-gray-300 text-sm">检查基础层的平整度、坡度及密实度，确保符合设计要求。</div></div><div class="flex items-start"><div class="flex-shrink-0 h-6 w-6 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-3 mt-0.5"><span class="text-blue-600 dark:text-blue-400 font-semibold">2</span></div><div><h4 class=font-medium>施工过程监控</h4><p class="text-gray-600 dark:text-gray-300 text-sm">对底层摊铺、面层喷涂及划线等关键环节进行质量复检，确保无鼓泡、开裂或脱落现象。</div></div><div class="flex items-start"><div class="flex-shrink-0 h-6 w-6 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-3 mt-0.5"><span class="text-blue-600 dark:text-blue-400 font-semibold">3</span></div><div><h4 class=font-medium>成品验收</h4><p class="text-gray-600 dark:text-gray-300 text-sm">全面检查跑道的各项性能指标，包括弹性、耐磨性、排水性等，确保满足设计要求。</div></div><div class="flex items-start"><div class="flex-shrink-0 h-6 w-6 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-3 mt-0.5"><span class="text-blue-600 dark:text-blue-400 font-semibold">4</span></div><div><h4 class=font-medium>交付使用</h4><p class="text-gray-600 dark:text-gray-300 text-sm">完成所有验收项目后，正式交付使用，并提供维护建议。</div></div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.8s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-exclamation-triangle mr-3 text-yellow-500"></i> 施工注意事项</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-yellow-100 dark:bg-yellow-900 flex items-center justify-center mr-3"><i class="fas fa-cloud-sun-rain text-yellow-600 dark:text-yellow-400"></i></div><h3 class="text-xl font-semibold">天气与安全</h3></div><ul class="space-y-3 text-gray-700 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>施工期间需避免高温暴晒或低温冻结，防止材料性能异常。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>施工人员需佩戴防护装备，远离机械操作区域。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>施工时需避开雨天，环境温度应高于8℃，确保材料快速固化。</span></ul></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-yellow-100 dark:bg-yellow-900 flex items-center justify-center mr-3"><i class="fas fa-paint-brush text-yellow-600 dark:text-yellow-400"></i></div><h3 class="text-xl font-semibold">细节处理</h3></div><ul class="space-y-3 text-gray-700 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>局部修补时，需采用同材质材料填补，确保整体一致性。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>接缝处需用铁抹子拍平，避免出现接缝或沟槽。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>确保底层平整度误差不超过3mm，排水系统完善，雨后无积水。</span></ul></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-yellow-100 dark:bg-yellow-900 flex items-center justify-center mr-3"><i class="fas fa-tools text-yellow-600 dark:text-yellow-400"></i></div><h3 class="text-xl font-semibold">后期维护</h3></div><ul class="space-y-3 text-gray-700 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>跑道投入使用后，需定期清洁，避免油污、化学物品污染。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>发现破损及时修补，延长使用寿命。</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>定期检查排水系统，确保雨后无积水。</span></ul></div></div></section><section class="mb-16 fade-in"style=animation-delay:1s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-file-alt mr-3 text-blue-500"></i> 材料配比与技术参数</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="overflow-x-auto"><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"><thead><tr><th class="px-6 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">材料<th class="px-6 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">配比<th class="px-6 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">主要特性<th class="px-6 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">适用部位<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700"><tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">单组分胶水<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">1份<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">环保、固化快<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">底层粘结<tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">环保橡胶颗粒<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">8份<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">耐磨、弹性好<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">底层填充<tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">EPDM胶粒<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">适量<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">防滑、耐候性好<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">面层喷涂<tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">聚氨酯面漆<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">适量<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">耐磨、耐候性好<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">面层喷涂<tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">聚氨酯漆（685型号）<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">适量<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">附着力强、色泽均匀<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300">划线使用</table></div></div></section><section class="mb-16 fade-in"style=animation-delay:1.2s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-chart-pie mr-3 text-blue-500"></i> 透气型塑胶跑道优势分析</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><h3 class="text-xl font-semibold mb-4 text-blue-700 dark:text-blue-300">性能对比</h3><div class=h-64><canvas id=performanceChart></canvas></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700"><h3 class="text-xl font-semibold mb-4 text-blue-700 dark:text-blue-300">应用场景</h3><div class="grid grid-cols-2 gap-4"><div class="bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-running text-blue-500 mr-2"></i><h4 class=font-medium>田径运动</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">适用于短跑、长跑、跨栏等田径项目</div><div class="bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-basketball-ball text-blue-500 mr-2"></i><h4 class=font-medium>篮球运动</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">提供良好的弹性和减震效果</div><div class="bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-volleyball-ball text-blue-500 mr-2"></i><h4 class=font-medium>排球运动</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">适合室内排球场地建设</div><div class="bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-child text-blue-500 mr-2"></i><h4 class=font-medium>儿童游乐</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">安全环保，适合儿童活动场地</div></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 py-8 border-t border-gray-200 dark:border-gray-700"><div class="container mx-auto px-4"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-6 md:mb-0"><div class="flex items-center"><i class="fas fa-running text-blue-600 dark:text-blue-400 text-2xl mr-2"></i><h2 class="text-xl font-bold">透气型塑胶跑道施工工艺</h2></div><p class="text-gray-600 dark:text-gray-300 mt-2">专业、科学的施工流程与质量控制要点</div><div class="text-center md:text-right"><p class="text-gray-600 dark:text-gray-300">作者： 优正体育吴杰18571459135<p class="text-gray-600 dark:text-gray-300 mt-1">© 湖北优正体育</div></div></div></footer></div><script>const themeToggle=document.getElementById(`theme-toggle`);const body=document.body;if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){body.classList.remove(`light`);body.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{let a=`light`,b=`dark`;if(body.classList.contains(a)){body.classList.remove(a);body.classList.add(b)}else{body.classList.remove(b);body.classList.add(a)}});document.addEventListener(`DOMContentLoaded`,(()=>{let d=`rgba(255, 255, 255, 0.1)`,c=`rgba(0, 0, 0, 0.1)`;const a=document.querySelectorAll(`.process-step`);const b=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.classList.add(`visible`)}})},{threshold:0.1});a.forEach(a=>{b.observe(a)});const ctx=document.getElementById(`performanceChart`).getContext(`2d`);const e=new Chart(ctx,{type:`radar`,data:{labels:[`弹性`,`耐磨性`,`排水性`,`安全性`,`环保性`,`成本效益`],datasets:[{label:`透气型塑胶跑道`,data:[95,85,90,92,88,80],backgroundColor:`rgba(59, 130, 246, 0.2)`,borderColor:`rgb(59, 130, 246)`,pointBackgroundColor:`rgb(59, 130, 246)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgb(59, 130, 246)`}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{r:{beginAtZero:!0,max:100,ticks:{display:!1},grid:{color:body.classList.contains(`dark`)?d:c},angleLines:{color:body.classList.contains(`dark`)?d:c}},plugins:{legend:{labels:{color:body.classList.contains(`dark`)?`#f3f4f6`:`#1f2937`}}}}});themeToggle.addEventListener(`click`,()=>{setTimeout(()=>{e.options.scales.r.grid.color=body.classList.contains(`dark`)?d:c;e.options.scales.r.angleLines.color=body.classList.contains(`dark`)?d:c;e.options.plugins.legend.labels.color=body.classList.contains(`dark`)?`#f3f4f6`:`#1f2937`;e.update()},100)})}))</script>
</body></html>