文本查看器


<!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='西安塑胶跑道专业解决方案'><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;--accent:#3b82f6;--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}.light{--bg-primary:var(--background-light);--text-primary:var(--text-light);--card-bg:var(--card-light);--border-color:var(--border-light)}.dark{--bg-primary:var(--background-dark);--text-primary:var(--text-dark);--card-bg:var(--card-dark);--border-color:var(--border-dark)}body{background-color:var(--bg-primary);color:var(--text-primary)}.card{background-color:var(--card-bg);border:1px solid var(--border-color);transition:all .3s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{transition:all .2s}.btn:hover{transform:scale(1.05)}.fade-in{opacity:0;animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section{scroll-margin-top:80px}.progress-bar{z-index:50;background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 较高);width:0%;height:4px;transition:width .2s;position:fixed;top:0;left:0}</style></head><body class=light><div class=progress-bar id=progressBar></div><nav class="sticky top-0 z-40 backdrop-blur-md bg-opacity-80 dark:bg-opacity-80"style=background-color:var(--bg-primary)><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"><span class="text-xl font-bold text-blue-600"> <i class="fas fa-running mr-2"></i>西安塑胶跑道 </span></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=themeToggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block"></i></button><a class="hidden md:block hover:text-blue-600 transition-colors"href=#project>项目背景</a><a class="hidden md:block hover:text-blue-600 transition-colors"href=#technology>关键技术</a><a class="hidden md:block hover:text-blue-600 transition-colors"href=#construction>施工工艺</a><a class="hidden md:block hover:text-blue-600 transition-colors"href=#service>服务承诺</a><a class="md:hidden p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors"id=mobileMenuBtn><i class="fas fa-bars"></i></a></div></div></div><div class="hidden md:hidden bg-white dark:bg-gray-900 shadow-lg absolute w-full"id=mobileMenu><div class="px-2 pt-2 pb-3 space-y-1"><a class="block px-3 py-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"href=#project>项目背景</a><a class="block px-3 py-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"href=#technology>关键技术</a><a class="block px-3 py-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"href=#construction>施工工艺</a><a class="block px-3 py-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"href=#service>服务承诺</a></div></div></nav><header class="relative overflow-hidden"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24"><div class="text-center fade-in"style=animation-delay:.1s><h1 class="text-3xl md:text-5xl font-bold mb-4">西安塑胶跑道专业解决方案</h1><p class="text-lg md:text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto">结合西安地理气候特征，严格执行GB36246-2018标准，打造安全、舒适、耐久的高标准塑胶跑道<div class="mt-8 flex flex-col sm:flex-row justify-center gap-4"><a class="btn bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium"href=#technology>了解技术细节</a><a class="btn bg-white dark:bg-gray-800 text-blue-600 border border-blue-600 px-6 py-3 rounded-lg font-medium"href=#contact>联系我们</a></div></div></div><div class="absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-white dark:from-gray-900 to-transparent"></div></header><main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"><section class="mb-20 section"id=project><div class="flex items-center mb-8"><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-map-marked-alt text-blue-600 dark:text-blue-400 text-xl"></i></div><h2 class="text-2xl md:text-3xl font-bold">一、项目背景：西安地理与气候特征分析</h2></div><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card rounded-xl p-6 fade-in"style=animation-delay:.2s><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-cloud-sun-rain text-blue-500 mr-2"></i> 气候概况</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-temperature-high text-red-500 mt-1 mr-2"></i> <div><span class=font-medium>温度：</span>夏季炎热（较高气温可达37.3℃），冬季寒冷（较低气温可达-16.2℃），年温差大。</div><li class="flex items-start"><i class="fas fa-tint text-blue-500 mt-1 mr-2"></i> <div><span class=font-medium>降水：</span>年均降水量450-750毫米，主要集中在夏季（尤其是7月），冬季干燥少雨。</div><li class="flex items-start"><i class="fas fa-sun text-yellow-500 mt-1 mr-2"></i> <div><span class=font-medium>日照：</span>年均日照时数2400-2600小时，光照充足，但也伴随夏季多变的雷雨天气。</div></ul></div><div class="card rounded-xl p-6 fade-in"style=animation-delay:.3s><h3 class="text-xl font-semibold mb-4 flex items-center"><i class="fas fa-running text-blue-500 mr-2"></i> 对跑道的影响</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-expand-arrows-alt text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>热胀冷缩：</span>材料必须具备优良的弹性，能适应高温下的膨胀和低温下的收缩，防止开裂。</div><li class="flex items-start"><i class="fas fa-cloud-rain text-blue-500 mt-1 mr-2"></i> <div><span class=font-medium>雨季施工：</span>夏季雨水多，要求材料具有快速固化和优良的防水性能，避免因积水导致的基底软化。</div><li class="flex items-start"><i class="fas fa-sun text-yellow-500 mt-1 mr-2"></i> <div><span class=font-medium>日晒耐候：</span>长时间的强烈阳光照射要求跑道具有高耐候性，防止褪色和老化。</div></ul></div></div><div class="mt-10 card rounded-xl p-6 fade-in"style=animation-delay:.4s><h3 class="text-xl font-semibold mb-6 text-center">西安气候特征数据可视化</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div><canvas height=200 id=climateChart width=400></canvas></div><div><canvas height=200 id=rainfallChart width=400></canvas></div></div></div></section><section class="mb-20 section"id=technology><div class="flex items-center mb-8"><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-cogs text-blue-600 dark:text-blue-400 text-xl"></i></div><h2 class="text-2xl md:text-3xl font-bold">二、关键技术：严格执行GB36246-2018标准</h2></div><p class="text-lg mb-8 fade-in"style=animation-delay:.1s>我们严格遵循国家强制性标准 <strong>GB36246-2018</strong>（《中小学合成材料面层运动场地》），确保跑道的安全性与科学性。<div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="card rounded-xl p-6 fade-in"style=animation-delay:.2s><div class="w-16 h-16 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><i class="fas fa-vial text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-4">材料选型（EPDM/PU颗粒）</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>材料组成：</span>采用20%含胶量的EPDM颗粒或PU颗粒为主，配合净味单组份胶水进行摊铺。</div><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>环保要求：</span>严格检测VOC（挥发性有机化合物）及有害物质（如甲醛、苯系物）的释放量，确保无毒无害，符合绿色环保原则。</div></ul></div><div class="card rounded-xl p-6 fade-in"style=animation-delay:.3s><div class="w-16 h-16 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><i class="fas fa-ruler-combined text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-4">厚度与性能指标</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>跑道厚度：</span>施工厚度要求≥13mm（测量点≥10mm），厚度不达标会直接影响弹性和减震性能。</div><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>硬度与摩擦：</span>硬度控制在45-60度，摩擦系数（防滑值）符合人体生理需求，既能提供良好的抓地力，又能有效吸收冲击力，保护运动员的膝盖和踝关节。</div></ul></div><div class="card rounded-xl p-6 fade-in"style=animation-delay:.4s><div class="w-16 h-16 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><i class="fas fa-clipboard-check text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-4">质量检测</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>三针测厚：</span>使用符合GB36246-2018标准的三针测厚仪进行厚度检测，确保厚度分布均匀，合格率≥90%。</div><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>冲击吸收：</span>通过符合GB36246-2018标准的冲击吸收试验机检测，确保跑道能有效缓冲人体的垂直冲击。</div></ul></div></div><div class="mt-10 card rounded-xl p-6 fade-in"style=animation-delay:.5s><h3 class="text-xl font-semibold mb-6 text-center">GB36246-2018标准关键指标对比</h3><div class=overflow-x-auto><table class=min-w-full><thead><tr class="border-b-2 border-gray-200 dark:border-gray-700"><th class="py-3 px-4 text-left">指标<th class="py-3 px-4 text-left">标准要求<th class="py-3 px-4 text-left">我们的方案<tbody><tr class="border-b border-gray-200 dark:border-gray-700"><td class="py-3 px-4 font-medium">厚度<td class="py-3 px-4">≥13mm<td class="py-3 px-4">≥13mm (测量点≥10mm)<tr class="border-b border-gray-200 dark:border-gray-700"><td class="py-3 px-4 font-medium">硬度<td class="py-3 px-4">45-60度<td class="py-3 px-4">45-60度<tr class="border-b border-gray-200 dark:border-gray-700"><td class="py-3 px-4 font-medium">摩擦系数<td class="py-3 px-4">≥0.5<td class="py-3 px-4">≥0.5<tr class="border-b border-gray-200 dark:border-gray-700"><td class="py-3 px-4 font-medium">冲击吸收<td class="py-3 px-4">≥25%-35%<td class="py-3 px-4">≥25%-35%<tr><td class="py-3 px-4 font-medium">拉伸强度<td class="py-3 px-4">≥1.5MPa<td class="py-3 px-4">≥1.5MPa</table></div></div></section><section class="mb-20 section"id=construction><div class="flex items-center mb-8"><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-hard-hat text-blue-600 dark:text-blue-400 text-xl"></i></div><h2 class="text-2xl md:text-3xl font-bold">三、施工工艺：西安本地化专业铺装</h2></div><p class="text-lg mb-8 fade-in"style=animation-delay:.1s>针对西安的特殊气候，我们采用科学的施工流程，确保跑道的平整度与耐久性。<div class="relative overflow-hidden rounded-xl mb-10 fade-in"style=animation-delay:.2s><div class="absolute inset-0 bg-gradient-to-r from-blue-500 to-purple-600 opacity-90"></div><div class="relative p-8 md:p-12 text-white"><h3 class="text-2xl font-bold mb-4">施工流程概览</h3><p class=text-lg>从基础处理到较终养护，每一步都经过严格把控，确保较终成品达到较高标准。</div></div><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="card rounded-xl p-6 fade-in"style=animation-delay:.3s><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><span class="text-blue-600 dark:text-blue-400 font-bold">1</span></div><h3 class="text-xl font-semibold mb-4">基底处理</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>排水系统：</span>针对西安夏季强降雨，重点处理基底的排水层，避免基底积水软化，影响颗粒铺装。</div></ul></div><div class="card rounded-xl p-6 fade-in"style=animation-delay:.4s><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><span class="text-blue-600 dark:text-blue-400 font-bold">2</span></div><h3 class="text-xl font-semibold mb-4">摊铺与压实</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>双层喷涂系统：</span>对于透气型跑道，基础层采用一次摊铺，面层采用喷涂工艺（分两次喷涂），确保颗粒与胶水结合紧密。</div><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>温度控制：</span>在夏季高温或雨季施工时，严格控制摊铺温度和湿度，防止材料过早干燥或胶水溶解。</div></ul></div><div class="card rounded-xl p-6 fade-in"style=animation-delay:.5s><div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><span class="text-blue-600 dark:text-blue-400 font-bold">3</span></div><h3 class="text-xl font-semibold mb-4">标线与养护</h3><ul class=space-y-3><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>精准标线：</span>采用专业标线机进行划线，确保标线清晰、持久。</div><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <div><span class=font-medium>养护期管理：</span>雨季施工结束后，需设置防护罩进行固化养护，防止雨水冲刷导致的早期破坏。</div></ul></div></div><div class="mt-10 card rounded-xl p-6 fade-in"style=animation-delay:.6s><h3 class="text-xl font-semibold mb-6 text-center">施工流程时间线</h3><div class=relative><div class="absolute left-0 right-0 h-1 bg-blue-200 dark:bg-blue-800"></div><div class="relative pl-8 pb-8"><div class="absolute left-0 w-4 h-4 rounded-full bg-blue-500 -ml-2"></div><h4 class="text-lg font-semibold">基础准备</h4><p class="text-gray-600 dark:text-gray-300">场地清理、测量放线、排水系统安装</div><div class="relative pl-8 pb-8"><div class="absolute left-0 w-4 h-4 rounded-full bg-blue-500 -ml-2"></div><h4 class="text-lg font-semibold">弹性层施工</h4><p class="text-gray-600 dark:text-gray-300">EPDM/PU颗粒铺设、压实、找平</div><div class="relative pl-8 pb-8"><div class="absolute left-0 w-4 h-4 rounded-full bg-blue-500 -ml-2"></div><h4 class="text-lg font-semibold">面层施工</h4><p class="text-gray-600 dark:text-gray-300">喷涂面层、纹理制作</div><div class="relative pl-8"><div class="absolute left-0 w-4 h-4 rounded-full bg-blue-500 -ml-2"></div><h4 class="text-lg font-semibold">标线与养护</h4><p class="text-gray-600 dark:text-gray-300">专业标线、防护罩养护</div></div></div></section><section class="mb-20 section"id=service><div class="flex items-center mb-8"><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-handshake text-blue-600 dark:text-blue-400 text-xl"></i></div><h2 class="text-2xl md:text-3xl font-bold">四、服务承诺与技术支持</h2></div><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="card rounded-xl p-6 fade-in"style=animation-delay:.2s><div class="w-16 h-16 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><i class="fas fa-box-open text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-4">一站式服务</h3><p class=mb-4>从材料选型、现场测量、施工设计到施工铺装和竣工验收，全流程专业化管理。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-calendar-alt mr-2"></i><span>项目周期：30-45天</span></div></div><div class="card rounded-xl p-6 fade-in"style=animation-delay:.3s><div class="w-16 h-16 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><i class="fas fa-tools text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-4">技术保障</h3><p class=mb-4>配备专业的检测仪器（如三针测厚仪、冲击吸收仪），严格按照GB36246-2018标准进行质量控制。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-certificate mr-2"></i><span>ISO9001认证</span></div></div><div class="card rounded-xl p-6 fade-in"style=animation-delay:.4s><div class="w-16 h-16 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4"><i class="fas fa-headset text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-semibold mb-4">售后维护</h3><p class=mb-4>提供专业的跑道保养建议和技术培训，确保跑道使用过程中的安全与耐久。<div class="flex items-center text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-shield-alt mr-2"></i><span>质保期：5年</span></div></div></div></section><section class="mb-20 section"id=summary><div class="flex items-center mb-8"><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-file-alt text-blue-600 dark:text-blue-400 text-xl"></i></div><h2 class="text-2xl md:text-3xl font-bold">五、总结</h2></div><div class="card rounded-xl p-8 fade-in"style=animation-delay:.2s><p class="text-lg leading-relaxed mb-6">本项目针对西安特殊的暖温带半湿润大陆性气候，选用符合<strong>GB36246-2018</strong>标准的环保材料（如20%含胶量的EPDM颗粒），通过科学的摊铺工艺和严格的质量检测（如厚度≥13mm、冲击吸收合格率≥90%），为西安打造了一条兼具安全性、舒适性和耐久性的高标准塑胶跑道。<p class="text-lg leading-relaxed">湖北优正体育（185-7145-9135）凭借专业的技术团队和严苛的质量标准，致力于为西安的体育场地建设提供较可靠的解决方案。</div></section><section class="mb-20 section"id=contact><div class="flex items-center mb-8"><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-address-card text-blue-600 dark:text-blue-400 text-xl"></i></div><h2 class="text-2xl md:text-3xl font-bold">联系我们</h2></div><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card rounded-xl p-6 fade-in"style=animation-delay:.2s><h3 class="text-xl font-semibold mb-4">湖北优正体育</h3><div class=space-y-4><div class="flex items-start"><i class="fas fa-phone-alt text-blue-500 mt-1 mr-3"></i><div><span class=font-medium>联系电话：</span>185-7145-9135</div></div><div class="flex items-start"><i class="fas fa-map-marker-alt text-blue-500 mt-1 mr-3"></i><div><span class=font-medium>地址：</span>湖北省武汉市</div></div><div class="flex items-start"><i class="fas fa-envelope text-blue-500 mt-1 mr-3"></i><div><span class=font-medium>邮箱：</span>cnyouzheng@qq.com</div></div></div></div><div class="card rounded-xl p-6 fade-in"style=animation-delay:.3s><h3 class="text-xl font-semibold mb-4">咨询表单</h3><form class=space-y-4><div><label class="block text-sm font-medium mb-1"for=name>姓名</label><input class="w-full px-4 py-2 rounded-md border border-gray-300 dark:border-gray-600 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-gray-800"id=name placeholder=请输入您的姓名 required></div><div><label class="block text-sm font-medium mb-1"for=email>邮箱</label><input class="w-full px-4 py-2 rounded-md border border-gray-300 dark:border-gray-600 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-gray-800"id=email placeholder=example@domain.com required type=email></div><div><label class="block text-sm font-medium mb-1"for=message>留言</label><textarea class="w-full px-4 py-2 rounded-md border border-gray-300 dark:border-gray-600 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-gray-800"id=message placeholder=请描述您的需求... rows=4></textarea></div><button class="btn w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md font-medium">提交咨询</button></form></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-900 py-12"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-6 md:mb-0"><h3 class="text-xl font-bold mb-2">西安塑胶跑道专业解决方案</h3><p class="text-gray-600 dark:text-gray-400">为西安打造安全、舒适、耐久的高标准塑胶跑道</div><div class="flex flex-col items-center md:items-end"><div class="flex space-x-4 mb-4"><a class="text-blue-600 hover:text-blue-800 transition-colors"href=#> <i class="fab fa-weixin text-2xl"></i> </a><a class="text-blue-600 hover:text-blue-800 transition-colors"href=#> <i class="fab fa-weibo text-2xl"></i> </a><a class="text-blue-600 hover:text-blue-800 transition-colors"href=#> <i class="fas fa-envelope text-2xl"></i> </a></div><p class="text-gray-600 dark:text-gray-400">作者： 优正体育吴杰185-7145-9135</div></div><div class="mt-8 pt-8 border-t border-gray-200 dark:border-gray-700 text-center text-gray-500 dark:text-gray-400"><p>© 2025 湖北优正体育 版权所有</div></div></footer><script>const themeToggle=document.getElementById(`themeToggle`);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`,()=>{body.classList.toggle(`dark`);body.classList.toggle(`light`)});const mobileMenuBtn=document.getElementById(`mobileMenuBtn`);const mobileMenu=document.getElementById(`mobileMenu`);mobileMenuBtn.addEventListener(`click`,()=>{mobileMenu.classList.toggle(`hidden`)});const progressBar=document.getElementById(`progressBar`);window.addEventListener(`scroll`,()=>{const a=document.documentElement.scrollTop||document.body.scrollTop;const b=document.documentElement.scrollHeight||document.body.scrollHeight;const c=document.documentElement.clientHeight||window.innerHeight;const d=(a/(b- c))*100;progressBar.style.width=d+ `%`});const climateCtx=document.getElementById(`climateChart`).getContext(`2d`);new Chart(climateCtx,{type:`line`,data:{labels:[`1月`,`4月`,`7月`,`10月`,`1月`],datasets:[{label:`平均气温 (°C)`,data:[-3,12,25,18,-3],borderColor:`#3b82f6`,backgroundColor:`rgba(59, 130, 246, 0.1)`,tension:0.4},{label:`降水量 (mm)`,data:[40,120,250,180,40],borderColor:`#8b5cf6`,backgroundColor:`rgba(139, 92, 246, 0.1)`,tension:0.4}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:`top`},tooltip:{mode:`index`,intersect:!1}},scales:{y:{beginAtZero:!0}}}});const rainfallCtx=document.getElementById(`rainfallChart`).getContext(`2d`);new Chart(rainfallCtx,{type:`bar`,data:{labels:[`1月`,`2月`,`3月`,`4月`,`5月`,`6月`,`7月`,`8月`,`9月`,`10月`,`11月`,`12月`],datasets:[{label:`月均降水量 (mm)`,data:[30,35,40,50,60,80,120,110,90,70,50,40],backgroundColor:`rgba(59, 130, 246, 0.7)`,borderColor:`rgba(59, 130, 246, 1)`,borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1}},scales:{y:{beginAtZero:!0}}}});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});document.querySelectorAll(`.fade-in`).forEach(a=>{observer.observe(a)})</script>
</body></html>