文本查看器


<!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://fonts.googleapis.com/icon?family=Material+Icons rel=stylesheet><style>@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#0070f3;--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}.material-card{transition:transform .3s,box-shadow .3s,border-color .3s}.material-card:hover{transform:translateY(-5px)}.fade-in{opacity:0;animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.chart-container{height:300px;position:relative}.progress-bar{border-radius:4px;height:8px;transition:width 1s ease-in-out}</style></head><body class="bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-200"><div class="min-h-screen flex flex-col"><header class="sticky top-0 z-50 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 shadow-sm"><div class="container mx-auto px-4 py-4 flex justify-between items-center"><h1 class="text-xl md:text-2xl font-bold text-blue-600 dark:text-blue-400">海安篮球场材料选型与施工全案</h1><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800"id=theme-toggle><span class="material-icons dark:hidden">dark_mode</span> <span class="material-icons hidden dark:block">light_mode</span></button></div></div></header><main class="flex-grow container mx-auto px-4 py-8"><section class="mb-12 fade-in"><div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/30 dark:to-indigo-900/30 p-6 rounded-xl shadow-sm"><h2 class="text-2xl md:text-3xl font-bold mb-4 text-blue-700 dark:text-blue-300">项目概述</h2><p class="text-gray-700 dark:text-gray-300 leading-relaxed">本方案基于海安当地地理与气候环境，为篮球场材料选型与施工提供专业建议。海安位于江苏省中部，地处北亚热带北缘，具有过渡性、海洋性、季风性的气候特点，雨热同季，光热资源丰富，降水充沛，且无明显霜冻期。<div class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-4"><div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm border border-gray-100 dark:border-gray-700"><div class="flex items-center mb-2"><span class="material-icons text-blue-500 mr-2">thermostat</span><h3 class=font-medium>气温特征</h3></div><p class="text-sm text-gray-600 dark:text-gray-400">年平均气温约15℃（多年平均14.5℃），夏季高温多雨，冬季相对寒冷但无严霜冻。</div><div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm border border-gray-100 dark:border-gray-700"><div class="flex items-center mb-2"><span class="material-icons text-blue-500 mr-2">water_drop</span><h3 class=font-medium>降水分布</h3></div><p class="text-sm text-gray-600 dark:text-gray-400">年降雨量丰富，主要集中在夏季，常伴随雷阵雨和暴雨，春秋季降雨温和，冬季降水较少。</div><div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm border border-gray-100 dark:border-gray-700"><div class="flex items-center mb-2"><span class="material-icons text-blue-500 mr-2">air</span><h3 class=font-medium>风向与湿度</h3></div><p class="text-sm text-gray-600 dark:text-gray-400">夏季主导风向为东南风，冬季为西北风，全年湿度较高，夏季湿热闷热。</div></div></div></section><section class="mb-12 fade-in delay-1"><h2 class="text-2xl md:text-3xl font-bold mb-6 text-blue-700 dark:text-blue-300">材料适配性要点</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="material-card bg-white dark:bg-gray-800 p-6 rounded-xl shadow-md border border-gray-100 dark:border-gray-700"><div class="flex items-center mb-4"><span class="material-icons text-blue-500 text-2xl mr-3">water</span><h3 class="text-xl font-semibold">防水防潮需求</h3></div><p class="text-gray-600 dark:text-gray-400 mb-4">由于海安降水集中且湿度较高，篮球场材料必须具备优异的防水渗透性，施工后应确保底层排水系统通畅，避免雨后积水。<div class="bg-blue-50 dark:bg-blue-900/30 p-3 rounded-lg"><p class="text-sm text-blue-800 dark:text-blue-300"><span class="font-medium text-blue-700 dark:text-blue-400">关键指标：</span> 排水效率 ≥ 95%，表面不吸水率 ≥ 90%</div></div><div class="material-card bg-white dark:bg-gray-800 p-6 rounded-xl shadow-md border border-gray-100 dark:border-gray-700"><div class="flex items-center mb-4"><span class="material-icons text-blue-500 text-2xl mr-3">wb_sunny</span><h3 class="text-xl font-semibold">耐候性与色彩稳定性</h3></div><p class="text-gray-600 dark:text-gray-400 mb-4">夏季强烈的紫外线辐射和雨水侵蚀要求材料必须具有较佳的抗紫外线和耐候性，防止颜色褪色或粉化。<div class="bg-blue-50 dark:bg-blue-900/30 p-3 rounded-lg"><p class="text-sm text-blue-800 dark:text-blue-300"><span class="font-medium text-blue-700 dark:text-blue-400">关键指标：</span> 抗紫外线老化 ≥ 1000小时，色差变化 ≤ 5%</div></div><div class="material-card bg-white dark:bg-gray-800 p-6 rounded-xl shadow-md border border-gray-100 dark:border-gray-700"><div class="flex items-center mb-4"><span class="material-icons text-blue-500 text-2xl mr-3">thermostat</span><h3 class="text-xl font-semibold">温度适应性</h3></div><p class="text-gray-600 dark:text-gray-400 mb-4">材料应在-40℃至80℃范围内性能稳定，适应海安夏季高温和冬季低温交替的环境。<div class="bg-blue-50 dark:bg-blue-900/30 p-3 rounded-lg"><p class="text-sm text-blue-800 dark:text-blue-300"><span class="font-medium text-blue-700 dark:text-blue-400">关键指标：</span> 温度范围 -40℃ ~ 80℃，弹性变化率 ≤ 10%</div></div></div></section><section class="mb-12 fade-in delay-2"><h2 class="text-2xl md:text-3xl font-bold mb-6 text-blue-700 dark:text-blue-300">三大主流材料的技术特性与优势解析</h2><div class="grid grid-cols-1 lg:grid-cols-3 gap-6"><div class="material-card bg-white dark:bg-gray-800 overflow-hidden rounded-xl shadow-md border border-gray-100 dark:border-gray-700"><div class="bg-gradient-to-r from-blue-500 to-indigo-600 h-2"></div><div class=p-6><div class="flex items-center mb-4"><span class="material-icons text-blue-500 text-2xl mr-3">science</span><h3 class="text-xl font-semibold">硅PU（硅改性聚氨酯）</h3></div><div class=mb-4><h4 class="font-medium text-blue-700 dark:text-blue-400 mb-2">核心优势</h4><p class="text-gray-600 dark:text-gray-400">结合了传统PU的弹性与有机硅的耐候性。通过配方优化与结构设计，实现了材料性能的革命性升级。</div><div class=mb-4><h4 class="font-medium text-blue-700 dark:text-blue-400 mb-2">性能特点</h4><ul class="space-y-2 text-gray-600 dark:text-gray-400"><li class="flex items-start"><span class="material-icons text-green-500 text-sm mr-2 mt-1">check_circle</span> <span><strong>弹性与减震：</strong>冲击吸收率高达35%-50%，能有效保护运动员膝盖，且具备上硬下弹结构，保证球的回弹高度（≥120cm）接近木地板。</span><li class="flex items-start"><span class="material-icons text-green-500 text-sm mr-2 mt-1">check_circle</span> <span><strong>耐候性较佳：</strong>耐紫外线能力较强，人工加速老化测试1000小时无粉化、无开裂，适用于-40℃至80℃环境。</span><li class="flex items-start"><span class="material-icons text-green-500 text-sm mr-2 mt-1">check_circle</span> <span><strong>色彩与维护：</strong>色彩稳定，不易褪色或粉化；表面不沾灰尘，污渍易清洗，维护成本低。</span></ul></div><div><h4 class="font-medium text-blue-700 dark:text-blue-400 mb-2">适用建议</h4><p class="text-gray-600 dark:text-gray-400">适用于海安高温高湿的夏季环境，特别适合需要高强度使用频率（如学校、社区）且需兼顾舒适性的场地。</div></div></div><div class="material-card bg-white dark:bg-gray-800 overflow-hidden rounded-xl shadow-md border border-gray-100 dark:border-gray-700"><div class="bg-gradient-to-r from-purple-500 to-pink-600 h-2"></div><div class=p-6><div class="flex items-center mb-4"><span class="material-icons text-purple-500 text-2xl mr-3">science</span><h3 class="text-xl font-semibold">丙烯酸（Acrylic）</h3></div><div class=mb-4><h4 class="font-medium text-purple-700 dark:text-purple-400 mb-2">核心优势</h4><p class="text-gray-600 dark:text-gray-400">被称为"较经济的休闲及专业"场地材料，具备优秀的耐磨性和抗紫外线性能。</div><div class=mb-4><h4 class="font-medium text-purple-700 dark:text-purple-400 mb-2">性能特点</h4><ul class="space-y-2 text-gray-600 dark:text-gray-400"><li class="flex items-start"><span class="material-icons text-green-500 text-sm mr-2 mt-1">check_circle</span> <span><strong>耐久与防滑：</strong>较强的耐磨性和防滑性能，即使在干燥或潮湿环境下均能提供稳定的抓地力。</span><li class="flex items-start"><span class="material-icons text-green-500 text-sm mr-2 mt-1">check_circle</span> <span><strong>环保与色彩：</strong>采用较高丙烯酸水性材料，无毒环保（无石棉、铅、水银），颜色持久深入，不退色。</span><li class="flex items-start"><span class="material-icons text-green-500 text-sm mr-2 mt-1">check_circle</span> <span><strong>弹性差异：</strong>分为硬地丙烯酸和弹性丙烯酸。硬地丙烯酸表面坚固，适合车辆碾压；弹性丙烯酸则具有较好的缓冲性能。</span></ul></div><div><h4 class="font-medium text-purple-700 dark:text-purple-400 mb-2">适用建议</h4><p class="text-gray-600 dark:text-gray-400">适用于预算有限但仍需兼顾环保和耐用性的项目，尤其适合家庭自建场或低频使用的公共场所。</div></div></div><div class="material-card bg-white dark:bg-gray-800 overflow-hidden rounded-xl shadow-md border border-gray-100 dark:border-gray-700"><div class="bg-gradient-to-r from-green-500 to-teal-600 h-2"></div><div class=p-6><div class="flex items-center mb-4"><span class="material-icons text-green-500 text-2xl mr-3">science</span><h3 class="text-xl font-semibold">EPDM（乙烯-丙烯-二烯单体橡胶）</h3></div><div class=mb-4><h4 class="font-medium text-green-700 dark:text-green-400 mb-2">核心优势</h4><p class="text-gray-600 dark:text-gray-400">较佳的抗氧化、抗臭氧能力，色彩鲜艳且不易褪色，广泛用于学校和社区的全彩跑道。</div><div class=mb-4><h4 class="font-medium text-green-700 dark:text-green-400 mb-2">性能特点</h4><ul class="space-y-2 text-gray-600 dark:text-gray-400"><li class="flex items-start"><span class="material-icons text-green-500 text-sm mr-2 mt-1">check_circle</span> <span><strong>减震与防滑：</strong>弹性好，冲击吸收率高，防滑性能较佳，即使在潮湿环境中也能保持干爽。</span><li class="flex items-start"><span class="material-icons text-green-500 text-sm mr-2 mt-1">check_circle</span> <span><strong>环保性：</strong>无味、无毒，加入防霉抗菌原料，不易滋生苔藓，适合户外环境。</span><li class="flex items-start"><span class="material-icons text-green-500 text-sm mr-2 mt-1">check_circle</span> <span><strong>施工与成本：</strong>施工工艺成熟，但成本相对较高，主要用于需要高质量视觉效果和较高耐候性的场地。</span></ul></div><div><h4 class="font-medium text-green-700 dark:text-green-400 mb-2">适用建议</h4><p class="text-gray-600 dark:text-gray-400">适用于学校操场或需要高频率使用且注重场地外观的项目，能有效应对海安夏季的高温和雨季的潮湿。</div></div></div></div></section><section class="mb-12 fade-in delay-3"><h2 class="text-2xl md:text-3xl font-bold mb-6 text-blue-700 dark:text-blue-300">材料性能对比</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-100 dark:border-gray-700"><div class=overflow-x-auto><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"><thead class="bg-gray-50 dark:bg-gray-900"><tr><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"scope=col>性能指标<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"scope=col>硅PU<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"scope=col>丙烯酸<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider"scope=col>EPDM<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-400"><div class="flex items-center"><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><span class="ml-2 text-xs">优秀</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-purple-600 h-2.5 rounded-full"style=width:60%></div></div><span class="ml-2 text-xs">良好</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-green-600 h-2.5 rounded-full"style=width:75%></div></div><span class="ml-2 text-xs">良好</span></div><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-400"><div class="flex items-center"><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><span class="ml-2 text-xs">较佳</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-purple-600 h-2.5 rounded-full"style=width:85%></div></div><span class="ml-2 text-xs">优秀</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-green-600 h-2.5 rounded-full"style=width:90%></div></div><span class="ml-2 text-xs">较佳</span></div><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-400"><div class="flex items-center"><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:98%></div></div><span class="ml-2 text-xs">较佳</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-purple-600 h-2.5 rounded-full"style=width:80%></div></div><span class="ml-2 text-xs">优秀</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-green-600 h-2.5 rounded-full"style=width:85%></div></div><span class="ml-2 text-xs">优秀</span></div><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-400"><div class="flex items-center"><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:70%></div></div><span class="ml-2 text-xs">中等</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-purple-600 h-2.5 rounded-full"style=width:90%></div></div><span class="ml-2 text-xs">低</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-green-600 h-2.5 rounded-full"style=width:75%></div></div><span class="ml-2 text-xs">中等</span></div><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-400"><div class="flex items-center"><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><span class="ml-2 text-xs">高</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-purple-600 h-2.5 rounded-full"style=width:60%></div></div><span class="ml-2 text-xs">低</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-green-600 h-2.5 rounded-full"style=width:80%></div></div><span class="ml-2 text-xs">高</span></div></table></div></div></section><section class="mb-12 fade-in delay-4"><h2 class="text-2xl md:text-3xl font-bold mb-6 text-blue-700 dark:text-blue-300">海安篮球场施工与选材建议</h2><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-100 dark:border-gray-700"><div class=space-y-6><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center"><span class="material-icons text-blue-600 dark:text-blue-400">foundation</span></div><div class=ml-4><h3 class="text-lg font-semibold text-gray-900 dark:text-white">地基与排水</h3><p class="mt-2 text-gray-600 dark:text-gray-400">由于海安夏季雨水集中，必须确保场地地基的排水系统设计科学。施工前应进行细部排水检查，确保地面不积水，防止雨后积水对场地材料的侵蚀。</div></div><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center"><span class="material-icons text-purple-600 dark:text-purple-400">recommend</span></div><div class=ml-4><h3 class="text-lg font-semibold text-gray-900 dark:text-white">材料选型推荐</h3><div class="mt-3 space-y-3"><div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-medium text-blue-700 dark:text-blue-400">高频使用场地（如学校、社区）</h4><p class="mt-1 text-gray-600 dark:text-gray-400">建议选用<span class="font-medium text-blue-600 dark:text-blue-400">硅PU</span>或<span class="font-medium text-blue-600 dark:text-blue-400">EPDM</span>。硅PU能提供更好的弹性和舒适性，适合频繁运动；EPDM色彩鲜艳且耐候性强，适合户外环境。</div><div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg"><h4 class="font-medium text-purple-700 dark:text-purple-400">预算有限或低频使用场地</h4><p class="mt-1 text-gray-600 dark:text-gray-400">建议选用<span class="font-medium text-purple-600 dark:text-purple-400">丙烯酸</span>。其维护简单，成本低，且具备足够的耐久性和防滑性。</div></div></div></div><div class="flex items-start"><div class="flex-shrink-0 h-10 w-10 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center"><span class="material-icons text-green-600 dark:text-green-400">build</span></div><div class=ml-4><h3 class="text-lg font-semibold text-gray-900 dark:text-white">施工技术要点</h3><p class="mt-2 text-gray-600 dark:text-gray-400">施工时需严格按材料要求进行混合与铺设，确保无空鼓，施工后需进行压实和养护，尤其是硅PU材料，需要确保表面光滑平整，避免裂纹。</div></div></div></div></section><section class="mb-12 fade-in delay-4"><h2 class="text-2xl md:text-3xl font-bold mb-6 text-blue-700 dark:text-blue-300">总结</h2><div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/30 dark:to-indigo-900/30 p-6 rounded-xl shadow-sm"><p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-4">在海安建设篮球场，必须充分考虑当地的雨热同季和高湿度特点。<strong class="text-blue-700 dark:text-blue-300">硅PU</strong>材料因其卓越的防水防潮和抗紫外线能力，是高频使用场地的首选；<strong class="text-purple-700 dark:text-purple-300">丙烯酸</strong>材料则因其经济实惠和优秀的防滑性，适合低频使用场地；<strong class="text-green-700 dark:text-green-300">EPDM</strong>材料则因其色彩鲜艳和耐候性强，适合户外和学校场地。<div class="mt-6 p-4 bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-100 dark:border-gray-700"><p class="text-gray-700 dark:text-gray-300"><strong class="text-blue-700 dark:text-blue-300">湖北优正体育</strong>将为您提供专业的材料选型建议和施工服务，确保您的篮球场在海安的酷暑与雨季中依然保持合理状态。</div></div></section></main><footer class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 py-8"><div class="container mx-auto px-4"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-2">作者信息</h3><p class="text-gray-600 dark:text-gray-400">作者: 湖北优正体育<p class="text-gray-600 dark:text-gray-400">联系电话: 189-8622-7599</div><div class="flex items-center space-x-4"><a class="text-gray-500 hover:text-blue-600 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <span class=material-icons>email</span> </a><a class="text-gray-500 hover:text-blue-600 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <span class=material-icons>phone</span> </a><a class="text-gray-500 hover:text-blue-600 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <span class=material-icons>location_on</span> </a></div></div></div></footer></div><script>const themeToggle=document.getElementById(`theme-toggle`);if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){document.documentElement.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{document.documentElement.classList.toggle(`dark`)});document.addEventListener(`DOMContentLoaded`,()=>{const a=document.querySelectorAll(`.fade-in`);a.forEach(a=>{a.style.opacity=`1`})});document.addEventListener(`DOMContentLoaded`,(()=>{let d=``,c=`width`;const a=document.querySelectorAll(`.progress-bar`);setTimeout(()=>{a.forEach(a=>{const b=a.getAttribute(c);a.style.width=b})},500);const b=document.querySelectorAll(`.chart-container`);b.forEach(a=>{const b=a.getBoundingClientRect();if(b.top<window.innerHeight&&b.bottom>=0){const c=a.querySelector(`svg`);if(c){c.style.display=d}}})}))</script>
</body></html>