文本查看器


<!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;--warning:#f59e0b;--danger:#ef4444;--light-bg:#fff;--dark-bg:#111827;--light-card:#f9fafb;--dark-card:#1f2937;--light-text:#1f2937;--dark-text:#f9fafb}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.fade-in{animation:.8s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-hover{transition:all .2s}.btn-hover:hover{transform:scale(1.05)}.scroll-indicator{z-index:1000;background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 较高);width:0%;height:3px;position:fixed;top:0;left:0}</style></head><body class="bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-200"><div class=scroll-indicator id=scrollIndicator></div><nav class="sticky top-0 z-50 bg-white dark:bg-gray-900 shadow-md backdrop-blur-sm bg-opacity-90 dark:bg-opacity-90"><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-xl"></i><span class="font-bold text-lg">塑胶跑道价格分析</span></div><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800 btn-hover"id=themeToggle><i class="fas fa-sun text-yellow-500 dark:hidden"></i> <i class="fas fa-moon text-blue-300 hidden dark:block"></i></button><a class="hidden md:block hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#overview>概述</a><a class="hidden md:block hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#types>类型</a><a class="hidden md:block hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#cost>造价分析</a><a class="hidden md:block hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#recommendations>选择建议</a></div></div></nav><header class="relative overflow-hidden bg-gradient-to-r from-blue-600 to-indigo-600 dark:from-blue-800 dark:to-indigo-800"><div class="container mx-auto px-4 py-16 md:py-24 relative z-10"><div class="max-w-3xl mx-auto text-center fade-in"><h1 class="text-3xl md:text-5xl font-bold text-white mb-6">塑胶跑道价格分析与选择指南</h1><p class="text-lg md:text-xl text-blue-100 mb-8">湖北优正体育专业解析标准400米塑胶跑道的价格构成、类型特点及适用场景<div class="flex flex-wrap justify-center gap-4"><a class="bg-white text-blue-600 hover:bg-blue-50 font-medium py-3 px-6 rounded-lg shadow-lg btn-hover"href=#overview> 了解详情 </a><a class="bg-transparent border-2 border-white hover:bg-white/10 font-medium py-3 px-6 rounded-lg btn-hover"href=#contact> 联系我们 </a></div></div></div><div class="absolute inset-0 bg-black opacity-20"></div></header><main class="container mx-auto px-4 py-12"><section class="mb-20 fade-in"id=overview><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center">塑胶跑道概述</h2><div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-6 md:p-8 shadow-sm"><p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-6">湖北优正体育在塑胶跑道领域拥有丰富的经验，致力于为客户提供高质量的塑胶跑道解决方案。本文将详细分析标准400米塑胶跑道的价格构成，涵盖不同类型的塑胶跑道及其特点，帮助客户更好地了解市场行情并做出明智选择。<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8"><div class="bg-white dark:bg-gray-700 rounded-lg p-6 shadow-sm card-hover"><div class="flex items-center mb-4"><i class="fas fa-chart-line text-blue-500 text-xl mr-3"></i><h3 class="text-xl font-semibold">市场定位</h3></div><p class="text-gray-600 dark:text-gray-400">作为专业的塑胶跑道供应商，我们始终以客户需求为导向，提供从材料供应到施工指导的一站式服务。</div><div class="bg-white dark:bg-gray-700 rounded-lg p-6 shadow-sm card-hover"><div class="flex items-center mb-4"><i class="fas fa-shield-alt text-green-500 text-xl mr-3"></i><h3 class="text-xl font-semibold">质量保障</h3></div><p class="text-gray-600 dark:text-gray-400">通过合理选择跑道类型和严格控制施工质量，我们致力于为客户打造安全、耐用且经济的运动场地。</div></div></div></div></section><section class="mb-20 fade-in"id=types><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center">塑胶跑道的分类与特点</h2><p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-8">塑胶跑道根据材料和性能可分为多种类型，包括透气型、混合型、EPDM全塑型等。每种类型的跑道在性能、价格及适用范围上都有所不同。<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-12"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm overflow-hidden card-hover"><div class="bg-blue-50 dark:bg-blue-900/30 p-4"><h3 class="text-xl font-semibold text-blue-700 dark:text-blue-300">透气型塑胶跑道</h3></div><div class=p-6><div class="flex items-start mb-4"><i class="fas fa-wind text-blue-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">特点</h4><p class="text-gray-600 dark:text-gray-400">采用聚氨酯材料，具有良好的透气性和环保性，适用于中小学及一般运动场地。</div></div><div class="flex items-start mb-4"><i class="fas fa-tag text-blue-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">价格</h4><p class="text-gray-600 dark:text-gray-400">每平方米约95元至100元，施工成本较低，但耐用性和抗冲击性稍逊于其他类型。</div></div><div class="flex items-start"><i class="fas fa-map-marker-alt text-blue-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">适用范围</h4><p class="text-gray-600 dark:text-gray-400">适合预算有限且对跑道性能要求不高的学校或社区运动场。</div></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm overflow-hidden card-hover"><div class="bg-purple-50 dark:bg-purple-900/30 p-4"><h3 class="text-xl font-semibold text-purple-700 dark:text-purple-300">混合型塑胶跑道</h3></div><div class=p-6><div class="flex items-start mb-4"><i class="fas fa-sync-alt text-purple-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">特点</h4><p class="text-gray-600 dark:text-gray-400">结合了聚氨酯和橡胶颗粒的优点，具有较高的耐磨性和弹性，同时具备一定的环保性能。</div></div><div class="flex items-start mb-4"><i class="fas fa-tag text-purple-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">价格</h4><p class="text-gray-600 dark:text-gray-400">每平方米约165元，是性价比较高的选择。</div></div><div class="flex items-start"><i class="fas fa-map-marker-alt text-purple-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">适用范围</h4><p class="text-gray-600 dark:text-gray-400">适用于专业运动队训练场地或大型体育赛事场地，能够满足更高强度的使用需求。</div></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm overflow-hidden card-hover"><div class="bg-green-50 dark:bg-green-900/30 p-4"><h3 class="text-xl font-semibold text-green-700 dark:text-green-300">EPDM全塑型塑胶跑道</h3></div><div class=p-6><div class="flex items-start mb-4"><i class="fas fa-shield-alt text-green-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">特点</h4><p class="text-gray-600 dark:text-gray-400">采用纯EPDM颗粒和聚氨酯胶水制成，具有超强耐磨性、耐候性和环保性，适用于专业田径场。</div></div><div class="flex items-start mb-4"><i class="fas fa-tag text-green-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">价格</h4><p class="text-gray-600 dark:text-gray-400">每平方米约260元，是高品质跑道类型，使用寿命长达8年以上。</div></div><div class="flex items-start"><i class="fas fa-map-marker-alt text-green-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">适用范围</h4><p class="text-gray-600 dark:text-gray-400">适合高等级的田径场、专业运动队训练基地及大型赛事场地，尤其适合全天候使用。</div></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm overflow-hidden card-hover"><div class="bg-yellow-50 dark:bg-yellow-900/30 p-4"><h3 class="text-xl font-semibold text-yellow-700 dark:text-yellow-300">预制型塑胶跑道</h3></div><div class=p-6><div class="flex items-start mb-4"><i class="fas fa-cubes text-yellow-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">特点</h4><p class="text-gray-600 dark:text-gray-400">由预制板块组成，安装快捷，平整度高，适用于快速施工项目。</div></div><div class="flex items-start mb-4"><i class="fas fa-tag text-yellow-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">价格</h4><p class="text-gray-600 dark:text-gray-400">每平方米约260元，施工周期短，但需额外支付运输和安装费用。</div></div><div class="flex items-start"><i class="fas fa-map-marker-alt text-yellow-500 mt-1 mr-3"></i><div><h4 class="font-medium mb-1">适用范围</h4><p class="text-gray-600 dark:text-gray-400">适合需要快速完成的大型项目或临时性运动场地。</div></div></div></div></div><div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-6 md:p-8 shadow-sm mb-12"><h3 class="text-xl font-semibold mb-6 text-center">塑胶跑道类型对比</h3><div class=h-80><canvas id=comparisonChart></canvas></div></div></div></section><section class="mb-20 fade-in"id=cost><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center">塑胶跑道造价分析</h2><p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-8">塑胶跑道的造价主要由材料成本、施工费用及维护费用构成。不同类型的跑道在造价上存在显著差异。<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6 card-hover"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mr-4"><i class="fas fa-box-open text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold">材料成本</h3></div><p class="text-gray-600 dark:text-gray-400 mb-4">材料成本是塑胶跑道造价的核心部分。例如，透气型跑道使用的聚氨酯材料价格较低，而EPDM全塑型跑道因使用纯颗粒材料，其成本显著提高。<p class="text-gray-600 dark:text-gray-400">根据市场调研，标准400米跑道的材料成本在每平方米80元至260元之间，具体取决于所选材料类型。</div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6 card-hover"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center mr-4"><i class="fas fa-tools text-purple-600 dark:text-purple-400 text-xl"></i></div><h3 class="text-xl font-semibold">施工费用</h3></div><p class="text-gray-600 dark:text-gray-400 mb-4">施工费用包括人工费、地面准备费及辅助材料费。透气型跑道施工相对简单，费用较低；而全塑型跑道由于材料特殊性，施工难度较大，费用较高。<p class="text-gray-600 dark:text-gray-400">一般情况下，透气型跑道的施工费用约为每平方米30元至50元，而全塑型跑道的施工费用可达每平方米100元以上。</div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6 card-hover"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mr-4"><i class="fas fa-broom text-green-600 dark:text-green-400 text-xl"></i></div><h3 class="text-xl font-semibold">维护费用</h3></div><p class="text-gray-600 dark:text-gray-400 mb-4">耐用性较高的跑道（如全塑型）维护费用较低，而透气型跑道因耐久性较差，需频繁修补和更换。<p class="text-gray-600 dark:text-gray-400">综合来看，透气型跑道的总造价约为每平方米120元至150元，而全塑型跑道的总造价则在每平方米300元以上。</div></div><div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-6 md:p-8 shadow-sm mb-12"><h3 class="text-xl font-semibold mb-6 text-center">塑胶跑道总造价对比</h3><div class=h-80><canvas id=costChart></canvas></div></div></div></section><section class="mb-20 fade-in"id=recommendations><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center">塑胶跑道的选择建议</h2><p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-8">在选择塑胶跑道时，应综合考虑预算、性能需求及使用场景。<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm overflow-hidden card-hover"><div class="bg-blue-50 dark:bg-blue-900/30 p-4"><h3 class="text-xl font-semibold text-blue-700 dark:text-blue-300">预算有限的学校或社区</h3></div><div class=p-6><p class="text-gray-600 dark:text-gray-400">推荐选择透气型或混合型跑道，既能满足基本运动需求，又能控制成本。<div class="mt-4 flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i><span class="text-gray-700 dark:text-gray-300">经济实惠</span></div><div class="mt-2 flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i><span class="text-gray-700 dark:text-gray-300">基本满足运动需求</span></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm overflow-hidden card-hover"><div class="bg-purple-50 dark:bg-purple-900/30 p-4"><h3 class="text-xl font-semibold text-purple-700 dark:text-purple-300">专业运动队或大型赛事场地</h3></div><div class=p-6><p class="text-gray-600 dark:text-gray-400">建议选择EPDM全塑型或预制型跑道，确保跑道性能达到国际标准，并延长使用寿命。<div class="mt-4 flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i><span class="text-gray-700 dark:text-gray-300">高性能表现</span></div><div class="mt-2 flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i><span class="text-gray-700 dark:text-gray-300">符合国际标准</span></div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm overflow-hidden card-hover"><div class="bg-yellow-50 dark:bg-yellow-900/30 p-4"><h3 class="text-xl font-semibold text-yellow-700 dark:text-yellow-300">快速施工项目</h3></div><div class=p-6><p class="text-gray-600 dark:text-gray-400">预制型跑道是理想选择，其安装快捷且平整度高，适合时间紧迫的项目。<div class="mt-4 flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i><span class="text-gray-700 dark:text-gray-300">安装快捷</span></div><div class="mt-2 flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i><span class="text-gray-700 dark:text-gray-300">平整度高</span></div></div></div></div><div class="bg-gray-50 dark:bg-gray-800 rounded-xl p-6 md:p-8 shadow-sm"><h3 class="text-xl font-semibold mb-6 text-center">选择塑胶跑道的决策树</h3><div class="flex justify-center"><div class="relative w-full max-w-3xl"><div class="absolute left-1/2 transform -translate-x-1/2 h-full w-0.5 bg-blue-200 dark:bg-blue-800"></div><div class="relative mb-12"><div class="absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-12 h-12 rounded-full bg-blue-500 flex items-center justify-center text-white z-10"><i class="fas fa-question"></i></div><div class="absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-16 h-16 rounded-full border-4 border-blue-500 z-0"></div><div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm w-64 text-center mx-auto"><p class="font-medium text-blue-600 dark:text-blue-400">您的预算和使用需求是什么？</div></div><div class="relative mb-12"><div class="absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-12 h-12 rounded-full bg-purple-500 flex items-center justify-center text-white z-10"><i class="fas fa-money-bill-wave"></i></div><div class="absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-16 h-16 rounded-full border-4 border-purple-500 z-0"></div><div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm w-64 text-center mx-auto"><p class="font-medium text-purple-600 dark:text-purple-400">预算有限，需要经济实惠的选择</div></div><div class="relative mb-12"><div class="absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-12 h-12 rounded-full bg-green-500 flex items-center justify-center text-white z-10"><i class="fas fa-star"></i></div><div class="absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-16 h-16 rounded-full border-4 border-green-500 z-0"></div><div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm w-64 text-center mx-auto"><p class="font-medium text-green-600 dark:text-green-400">追求高性能和耐用性</div></div><div class="relative mb-12"><div class="absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-12 h-12 rounded-full bg-yellow-500 flex items-center justify-center text-white z-10"><i class="fas fa-clock"></i></div><div class="absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-16 h-16 rounded-full border-4 border-yellow-500 z-0"></div><div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm w-64 text-center mx-auto"><p class="font-medium text-yellow-600 dark:text-yellow-400">需要快速完成的项目</div></div></div></div></div></div></section><section class="mb-20 fade-in"id=summary><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center">总结</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6 md:p-8"><p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-6">湖北优正体育作为专业的塑胶跑道供应商，始终以客户需求为导向，提供从材料供应到施工指导的一站式服务。无论是透气型、混合型还是全塑型跑道，我们都能根据客户的具体需求提供定制化解决方案。通过合理选择跑道类型和严格控制施工质量，我们致力于为客户打造安全、耐用且经济的运动场地。<div class="bg-blue-50 dark:bg-blue-900/20 p-6 rounded-lg border-l-4 border-blue-500"><p class="text-gray-700 dark:text-gray-300">如需进一步了解塑胶跑道的具体报价及施工方案，请随时联系湖北优正体育团队。我们将竭诚为您服务！</div></div></div></section><section class="mb-20 fade-in"id=contact><div class="max-w-4xl mx-auto"><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center">联系我们</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6 md:p-8"><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div><h3 class="text-xl font-semibold mb-4">湖北优正体育</h3><p class="text-gray-600 dark:text-gray-400 mb-4">我们致力于为客户提供高质量的塑胶跑道解决方案，从材料供应到施工指导，提供一站式服务。<div class="flex items-center mb-3"><i class="fas fa-map-marker-alt text-blue-500 mr-3"></i><span class="text-gray-700 dark:text-gray-300">湖北省武汉市</span></div><div class="flex items-center mb-3"><i class="fas fa-phone text-blue-500 mr-3"></i><span class="text-gray-700 dark:text-gray-300">400-123-4567</span></div><div class="flex items-center"><i class="fas fa-envelope text-blue-500 mr-3"></i><span class="text-gray-700 dark:text-gray-300">cnyouzheng@qq.com</span></div></div><div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-6"><h4 class="text-lg font-semibold mb-4">获取免费报价</h4><form class=space-y-4><div><label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"for=name>姓名</label><input class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200"id=name></div><div><label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"for=email>邮箱</label><input class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200"id=email type=email></div><div><label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"for=message>留言</label><textarea class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200"id=message rows=4></textarea></div><button class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md transition-colors btn-hover">提交咨询</button></form></div></div></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 py-12"><div class="container mx-auto px-4"><div class="max-w-4xl mx-auto"><div class="flex flex-col md:flex-row justify-between items-center mb-8"><div class="mb-6 md:mb-0"><div class="flex items-center space-x-2 mb-4"><i class="fas fa-running text-blue-600 dark:text-blue-400 text-xl"></i><span class="font-bold text-lg">塑胶跑道价格分析</span></div><p class="text-gray-600 dark:text-gray-400">湖北优正体育专业解析标准400米塑胶跑道的价格构成、类型特点及适用场景</div><div class="flex space-x-4"><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#overview>概述</a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#types>类型</a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#cost>造价分析</a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#recommendations>选择建议</a></div></div><div class="border-t border-gray-200 dark:border-gray-700 pt-8"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p class="text-gray-600 dark:text-gray-400">作者： 优正体育吴杰18571459135</div><div class="flex space-x-4"><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"href=#> <i class="fas fa-envelope text-xl"></i> </a></div></div></div></div></div></footer><script>const themeToggle=document.getElementById(`themeToggle`);const htmlElement=document.documentElement;if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){htmlElement.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{htmlElement.classList.toggle(`dark`)});const scrollIndicator=document.getElementById(`scrollIndicator`);window.addEventListener(`scroll`,()=>{const a=document.body.scrollTop||document.documentElement.scrollTop;const b=document.documentElement.scrollHeight- document.documentElement.clientHeight;const c=(a/b)*100;scrollIndicator.style.width=c+ `%`});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)});const ctx=document.getElementById(`comparisonChart`).getContext(`2d`);const comparisonChart=new Chart(ctx,{type:`radar`,data:{labels:[`耐磨性`,`弹性`,`环保性`,`耐候性`,`价格`,`施工难度`],datasets:[{label:`透气型`,data:[60,70,90,65,40,45],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)`},{label:`混合型`,data:[75,80,85,70,60,55],backgroundColor:`rgba(139, 92, 246, 0.2)`,borderColor:`rgb(139, 92, 246)`,pointBackgroundColor:`rgb(139, 92, 246)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgb(139, 92, 246)`},{label:`EPDM全塑型`,data:[90,85,95,90,85,75],backgroundColor:`rgba(16, 185, 129, 0.2)`,borderColor:`rgb(16, 185, 129)`,pointBackgroundColor:`rgb(16, 185, 129)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgb(16, 185, 129)`}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{r:{angleLines:{display:!0},suggestedMin:0,suggestedMax:100}}}});const costCtx=document.getElementById(`costChart`).getContext(`2d`);const costChart=new Chart(costCtx,{type:`bar`,data:{labels:[`透气型`,`混合型`,`EPDM全塑型`,`预制型`],datasets:[{label:`材料成本 (元/㎡)`,data:[95,165,260,260],backgroundColor:`rgba(59, 130, 246, 0.7)`,borderColor:`rgb(59, 130, 246)`,borderWidth:1},{label:`施工费用 (元/㎡)`,data:[40,50,100,100],backgroundColor:`rgba(139, 92, 246, 0.7)`,borderColor:`rgb(13</body></html>