文本查看器


<!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><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:#06f;--secondary:#6b7280;--success:#10b981;--background-light:#fff;--text-light:#1f2937;--card-light:#f9fafb;--border-light:#e5e7eb;--background-dark:#111827;--text-dark:#f3f4f6;--card-dark:#1f2937;--border-dark:#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-mode .card:hover{border-color:var(--primary);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark-mode .card:hover{border-color:var(--primary);box-shadow:0 10px 25px -5px #0000004d,0 10px 10px -5px #0003}.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{cursor:pointer;transition:all .3s}.process-step:hover{transform:scale(1.05)}.process-icon{transition:all .3s}.process-step:hover .process-icon{color:var(--primary);transform:rotate(15deg)}</style></head><body class="light-mode bg-white text-gray-800"><div class="min-h-screen flex flex-col"><nav class="sticky top-0 z-50 bg-white dark:bg-gray-900 shadow-md"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between h-16"><div class="flex items-center"><i class="fas fa-running text-blue-600 text-2xl mr-2"></i><span class="font-bold text-xl">塑胶跑道施工工艺</span></div><div class="flex items-center"><button class="p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800"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></div></nav><main class=flex-grow><section class="py-12 bg-gradient-to-r from-blue-500 to-indigo-600 text-white"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center fade-in"><h1 class="text-4xl font-bold mb-4">塑胶跑道施工工艺流程</h1><p class="text-xl max-w-3xl mx-auto">符合新国标GB 36246-2018标准，提升跑道耐用性与安全性<div class="mt-8 inline-flex items-center px-4 py-2 bg-white bg-opacity-20 rounded-full"><i class="fas fa-check-circle mr-2"></i><span>专业施工 · 环保材料 · 耐用安全</span></div></div></div></section><section class="py-12 bg-gray-50 dark:bg-gray-800"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="bg-white dark:bg-gray-900 rounded-xl shadow-lg p-6 border border-gray-200 dark:border-gray-700 fade-in"><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-chart-line text-blue-600 mr-2"></i> 工艺流程概览</h2><div class=space-y-4><div class="process-step flex items-start"><div class="process-icon flex-shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-4"><i class="fas fa-tools text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>准备工作</h3><p class="text-sm text-gray-600 dark:text-gray-400">材料进场、工具检查、场地清理</div></div><div class="process-step flex items-start"><div class="process-icon flex-shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-4"><i class="fas fa-hammer text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>基础处理</h3><p class="text-sm text-gray-600 dark:text-gray-400">基础检测、修补、防水封闭</div></div><div class="process-step flex items-start"><div class="process-icon flex-shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-4"><i class="fas fa-layer-group text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>底胶铺设</h3><p class="text-sm text-gray-600 dark:text-gray-400">搅拌底胶、摊铺、固化打磨</div></div><div class="process-step flex items-start"><div class="process-icon flex-shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-4"><i class="fas fa-fill-drip text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>中间层施工</h3><p class="text-sm text-gray-600 dark:text-gray-400">混合颗粒、喷涂、固化</div></div><div class="process-step flex items-start"><div class="process-icon flex-shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-4"><i class="fas fa-paint-roller text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>面层施工</h3><p class="text-sm text-gray-600 dark:text-gray-400">喷洒面层胶、划线、表面处理</div></div><div class="process-step flex items-start"><div class="process-icon flex-shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-4"><i class="fas fa-clipboard-check text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>质量检测与验收</h3><p class="text-sm text-gray-600 dark:text-gray-400">平整度、厚度、防滑性能检测</div></div><div class="process-step flex items-start"><div class="process-icon flex-shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-4"><i class="fas fa-broom text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>后期维护</h3><p class="text-sm text-gray-600 dark:text-gray-400">清洁保养、修补损坏、防紫外线处理</div></div></div></div><div class="bg-white dark:bg-gray-900 rounded-xl shadow-lg p-6 border border-gray-200 dark:border-gray-700 fade-in"><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-chart-pie text-blue-600 mr-2"></i> 跑道结构比例</h2><div class=h-64><canvas id=structureChart></canvas></div></div></div></div></section><section class="py-12 bg-white dark:bg-gray-900"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid grid-cols-1 lg:grid-cols-3 gap-8"><div class="lg:col-span-2 space-y-8"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 fade-in"><div class=p-6><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-tools text-blue-600 mr-2"></i> 一、准备工作</h2><p class="text-gray-700 dark:text-gray-300 mb-4">在施工前，需做好充分的准备工作，包括材料进场、施工工具与设备的检查以及施工现场的清理。<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6"><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-box-open text-blue-600 mr-2"></i> 材料进场</h3><p class="text-sm text-gray-600 dark:text-gray-400">确保所有材料（如聚氨酯预聚体、废轮胎橡胶颗粒、EPDM橡胶粒等）符合新国标要求，并具备环保认证证书。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-wrench text-blue-600 mr-2"></i> 施工工具与设备</h3><p class="text-sm text-gray-600 dark:text-gray-400">检查施工所需工具（如摊铺机、喷胶机、打磨机等）是否完好，并确保水电供应到位。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-broom text-blue-600 mr-2"></i> 场地清理</h3><p class="text-sm text-gray-600 dark:text-gray-400">清除施工现场的垃圾、积水和松散物质，确保地面平整干净。</div></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 fade-in"><div class=p-6><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-hammer text-blue-600 mr-2"></i> 二、基础处理</h2><p class="text-gray-700 dark:text-gray-300 mb-4">基础处理是塑胶跑道施工的核心环节，直接影响跑道的质量和使用寿命。<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6"><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-search text-blue-600 mr-2"></i> 基础检测</h3><p class="text-sm text-gray-600 dark:text-gray-400">对现有地面进行检测，包括平整度、密实度、坡度等指标，确保基础符合施工要求。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-tools text-blue-600 mr-2"></i> 基础修补</h3><p class="text-sm text-gray-600 dark:text-gray-400">对不符合条件的地面进行打磨、修补，必要时使用沥青混凝土进行加固处理。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-shield-alt text-blue-600 mr-2"></i> 基础封闭</h3><p class="text-sm text-gray-600 dark:text-gray-400">在基础层上铺设防水层，防止水分渗透至结构层，同时确保基础层的平整度和密实度达到标准要求。</div></div><div class="mt-6 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg"><img alt=塑胶跑道的构造 class="w-full h-auto rounded-lg"src=//pan.zgyzty.com/bak/pics/2025/c9f0590035e28a85541411cd7bee8987.jpg></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 fade-in"><div class=p-6><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-layer-group text-blue-600 mr-2"></i> 三、底胶铺设</h2><p class="text-gray-700 dark:text-gray-300 mb-4">底胶铺设是塑胶跑道的重要组成部分，其质量直接影响跑道的弹性和耐久性。<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6"><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-blender text-blue-600 mr-2"></i> 搅拌底胶</h3><p class="text-sm text-gray-600 dark:text-gray-400">将单组分胶水与环保橡胶颗粒按比例混合搅拌均匀。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-brush text-blue-600 mr-2"></i> 摊铺底胶</h3><p class="text-sm text-gray-600 dark:text-gray-400">使用摊铺机或滚刷将混合好的底胶均匀摊铺在地面上，厚度一般为10-15mm，确保表面平整无气泡。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-hourglass-half text-blue-600 mr-2"></i> 固化底胶</h3><p class="text-sm text-gray-600 dark:text-gray-400">待底胶固化后进行打磨，确保表面光滑平整，为后续施工提供良好的基础。</div></div><div class="mt-6 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg"><img alt=上海混合型塑胶跑道铺设工艺说明和简图 class="w-full h-auto rounded-lg"src=//pan.zgyzty.com/bak/pics/2025/aeec89d8b98d28ee9488fd1c21154685.jpg></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 fade-in"><div class=p-6><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-fill-drip text-blue-600 mr-2"></i> 四、中间层施工</h2><p class="text-gray-700 dark:text-gray-300 mb-4">中间层是塑胶跑道的重要弹性层，起到缓冲和减震的作用。<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6"><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-mortar-pestle text-blue-600 mr-2"></i> 混合颗粒</h3><p class="text-sm text-gray-600 dark:text-gray-400">将PU喷面胶与环保橡胶颗粒按比例混合，倒入专用喷涂机中。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-spray-can text-blue-600 mr-2"></i> 喷涂中间层</h3><p class="text-sm text-gray-600 dark:text-gray-400">分两到三遍均匀喷涂在底胶层上，每平方米用量不少于1.2kg，确保颗粒层均匀分布。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-hourglass-end text-blue-600 mr-2"></i> 固化中间层</h3><p class="text-sm text-gray-600 dark:text-gray-400">喷涂完成后等待固化，固化时间根据天气情况调整，通常需要24小时以上。</div></div><div class="mt-6 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg"><img alt=塑胶跑道材料结构种类、应用范围和特点详解 class="w-full h-auto rounded-lg"src=//pan.zgyzty.com/bak/pics/2025/bd3320de6a5204c0f10eec19c6e8efbb.jpg></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 fade-in"><div class=p-6><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-paint-roller text-blue-600 mr-2"></i> 五、面层施工</h2><p class="text-gray-700 dark:text-gray-300 mb-4">面层是塑胶跑道的较外层，起到耐磨、防滑和美观的作用。<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6"><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-spray-can-sparkles text-blue-600 mr-2"></i> 喷洒面层胶</h3><p class="text-sm text-gray-600 dark:text-gray-400">将PU面漆与橡胶颗粒混合后均匀喷涂在中间层上，喷涂两遍以上，确保颗粒层包裹均匀。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-pencil-ruler text-blue-600 mr-2"></i> 划线</h3><p class="text-sm text-gray-600 dark:text-gray-400">根据场地功能使用白色面漆按设计尺寸划出跑道线和其他标志线。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-broom text-blue-600 mr-2"></i> 表面处理</h3><p class="text-sm text-gray-600 dark:text-gray-400">喷涂完成后进行表面打磨和清洁，确保表面平整光滑。</div></div><div class="mt-6 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg"><img alt=EPDM塑胶跑道施工流程 class="w-full h-auto rounded-lg"src=//pan.zgyzty.com/bak/pics/2025/f282cf39ead61e93806a77c23a890c6b.jpg></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 fade-in"><div class=p-6><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-clipboard-check text-blue-600 mr-2"></i> 六、质量检测与验收</h2><p class="text-gray-700 dark:text-gray-300 mb-4">施工完成后需进行全面的质量检测，确保跑道各项指标符合新国标要求。<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-6"><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-ruler text-blue-600 mr-2"></i> 平整度检测</h3><p class="text-sm text-gray-600 dark:text-gray-400">使用3米直尺检测跑道表面平整度，误差不超过±3mm。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-ruler-vertical text-blue-600 mr-2"></i> 厚度检测</h3><p class="text-sm text-gray-600 dark:text-gray-400">使用专用工具检测跑道各层厚度，确保厚度均匀且符合设计要求。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-shoe-prints text-blue-600 mr-2"></i> 防滑性能检测</h3><p class="text-sm text-gray-600 dark:text-gray-400">检测跑道表面防滑颗粒分布是否均匀，颗粒大小符合标准。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-clock text-blue-600 mr-2"></i> 耐久性测试</h3><p class="text-sm text-gray-600 dark:text-gray-400">通过反复测试跑道的耐磨性和弹性性能，确保其使用寿命达到预期目标。</div></div><div class="mt-6 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg"><img alt=塑胶跑道结构图 class="w-full h-auto rounded-lg"src=//pan.zgyzty.com/bak/pics/2025/484a41951cb908db26299c50f9239a53.jpg></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 fade-in"><div class=p-6><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-broom text-blue-600 mr-2"></i> 七、后期维护</h2><p class="text-gray-700 dark:text-gray-300 mb-4">塑胶跑道的后期维护同样重要，定期检查和保养可延长跑道使用寿命。<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6"><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-broom text-blue-600 mr-2"></i> 清洁保养</h3><p class="text-sm text-gray-600 dark:text-gray-400">定期清扫跑道表面，避免灰尘和杂质堆积。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-tools text-blue-600 mr-2"></i> 修补损坏</h3><p class="text-sm text-gray-600 dark:text-gray-400">及时修补裂缝和破损部位，防止水分渗透影响跑道结构。</div><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="font-semibold mb-2 flex items-center"><i class="fas fa-sun text-blue-600 mr-2"></i> 防紫外线处理</h3><p class="text-sm text-gray-600 dark:text-gray-400">定期喷涂防紫外线剂，保护跑道颜色鲜艳持久。</div></div><div class="mt-6 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg"><img alt=塑胶跑道-透气型塑胶跑道 class="w-full h-auto rounded-lg"src=//pan.zgyzty.com/bak/pics/2025/a4b050fd10e77c514573a82637e82b51.jpg></div></div></div></div><div class=space-y-8><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 fade-in"><div class=p-6><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-info-circle text-blue-600 mr-2"></i> 关于我们</h2><p class="text-gray-700 dark:text-gray-300 mb-4">湖北优正体育作为专业的塑胶跑道生产厂家，拥有丰富的施工经验和专业的技术团队，可为客户提供从材料供应到施工服务的一站式解决方案。<div class="flex items-center mt-6"><div class="bg-blue-100 dark:bg-blue-900 rounded-full p-3 mr-4"><i class="fas fa-phone-alt text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>联系方式</h3><p class="text-gray-600 dark:text-gray-400">185-7145-9135</div></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 fade-in"><div class=p-6><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-star text-blue-600 mr-2"></i> 服务优势</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div class="flex items-start"><div class="bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-3 mt-1"><i class="fas fa-check text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>符合新国标</h3><p class="text-sm text-gray-600 dark:text-gray-400">严格遵循GB 36246-2018标准</div></div><div class="flex items-start"><div class="bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-3 mt-1"><i class="fas fa-check text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>环保材料</h3><p class="text-sm text-gray-600 dark:text-gray-400">选用环保认证材料，无有害物质</div></div><div class="flex items-start"><div class="bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-3 mt-1"><i class="fas fa-check text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>专业团队</h3><p class="text-sm text-gray-600 dark:text-gray-400">经验丰富的施工和技术团队</div></div><div class="flex items-start"><div class="bg-blue-100 dark:bg-blue-900 rounded-full p-2 mr-3 mt-1"><i class="fas fa-check text-blue-600 dark:text-blue-300"></i></div><div><h3 class=font-semibold>一站式服务</h3><p class="text-sm text-gray-600 dark:text-gray-400">从材料供应到施工全程服务</div></div></div></div></div></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-900 py-8"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="border-t border-gray-200 dark:border-gray-800 pt-8"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><div class="flex items-center"><i class="fas fa-running text-blue-600 text-2xl mr-2"></i><span class="font-bold text-xl">塑胶跑道施工工艺</span></div><p class="text-gray-600 dark:text-gray-400 mt-2">专业施工 · 环保材料 · 耐用安全</div><div class="text-center md:text-right"><p class="text-gray-600 dark:text-gray-400">作者： 优正体育小唐18571459135<p class="text-gray-500 dark:text-gray-500 text-sm mt-1">© 湖北优正体育</div></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-mode`);body.classList.add(`dark-mode`)};themeToggle.addEventListener(`click`,()=>{let a=`light-mode`,b=`dark-mode`;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)`,e=`rgba(0, 0, 0, 0.1)`,c=`dark-mode`;const a=document.getElementById(`structureChart`).getContext(`2d`);const b=new Chart(a,{type:`doughnut`,data:{labels:[`底胶层`,`中间层`,`面层`,`划线层`],datasets:[{data:[25,40,20,15],backgroundColor:[`rgba(54, 162, 235, 0.7)`,`rgba(75, 192, 192, 0.7)`,`rgba(153, 102, 255, 0.7)`,`rgba(255, 159, 64, 0.7)`],borderColor:[`rgba(54, 162, 235, 1)`,`rgba(75, 192, 192, 1)`,`rgba(153, 102, 255, 1)`,`rgba(255, 159, 64, 1)`],borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:`bottom`,labels:{padding:20,font:{family:`'Noto Sans SC', sans-serif`,size:12},color:body.classList.contains(c)?`#f3f4f6`:`#1f2937`}},tooltip:{callbacks:{label:(a=>`${a.label}: ${a.raw}%`)}}},cutout:`60%`,animation:{animateScale:!0,animateRotate:!0}}});themeToggle.addEventListener(`click`,()=>{const a=body.classList.contains(c)?`#f3f4f6`:`#1f2937`;b.options.plugins.legend.labels.color=a;b.update()})}));const fadeElements=document.querySelectorAll(`.fade-in`);const observer=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.style.opacity=1;a.target.style.transform=`translateY(0)`}})},{threshold:0.1});fadeElements.forEach(a=>{a.style.opacity=0;a.style.transform=`translateY(20px)`;a.style.transition=`opacity 0.8s ease, transform 0.8s ease`;observer.observe(a)})</script>
</body></html>