文本查看器


<!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:#007aff;--secondary:#5856d6;--accent:#ff2d55;--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)}.light-mode .material-card:hover{border-color:var(--primary);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark-mode .material-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{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}.delay-5{animation-delay:.5s}.chart-container{width:较高;height:300px;position:relative}.comparison-table th,.comparison-table td{text-align:left;padding:12px}.comparison-table th{background-color:#0000000d;font-weight:600}.dark-mode .comparison-table th{background-color:#ffffff0d}.comparison-table tr:nth-child(2n){background-color:#00000005}.dark-mode .comparison-table tr:nth-child(2n){background-color:#ffffff05}.progress-bar{border-radius:4px;height:8px;transition:width 1s ease-in-out}.feature-icon{transition:transform .3s,color .3s}.feature-icon:hover{transform:scale(1.2)}</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-basketball-ball text-primary text-2xl mr-2"></i><span class="font-bold text-xl">临汾篮球场材料指南</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"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block"></i></button><a class="hidden md:block px-4 py-2 rounded-md bg-blue-600 text-white hover:bg-blue-700 transition-colors duration-200"href=#contact>联系我们</a></div></div></div></nav><main class=flex-grow><section class="relative bg-gradient-to-r from-blue-500 to-indigo-600 text-white py-16 overflow-hidden"><div class="absolute inset-0 opacity-10"><div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-185-7145-913587-66bb6609e978?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80')] bg-cover bg-center"></div></div><div class="container mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class=text-center><h1 class="text-4xl md:text-5xl font-bold mb-4 fade-in">临汾篮球场材料选型与施工技术指南</h1><p class="text-xl md:text-2xl max-w-3xl mx-auto opacity-90 fade-in delay-1">针对硅PU、丙烯酸及EPDM材料的专业分析与建议<div class="mt-8 fade-in delay-2"><a class="inline-block px-6 py-3 bg-white text-blue-600 font-medium rounded-lg shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1"href=#materials> <i class="fas fa-arrow-down mr-2"></i>开始阅读 </a></div></div></div></section><section class="py-12 bg-gray-50 dark:bg-gray-800"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="max-w-4xl mx-auto"><h2 class="text-2xl font-bold mb-6 text-center">临汾地理环境特点</h2><div class="bg-white dark:bg-gray-700 rounded-xl shadow-md p-6 mb-8"><p class="text-gray-700 dark:text-gray-300 leading-relaxed">临汾位于山西省西南部，地处黄土高原边缘，属温带大陆性季风气候区。这里四季分明，夏季炎热多雨，冬季寒冷干燥。这样的气候特点决定了篮球场面层材料必须具备卓越的抗紫外线能力、良好的排水性能以及耐高低温变形的特性。</div><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="bg-white dark:bg-gray-700 rounded-lg shadow-md p-6 text-center"><i class="fas fa-sun text-yellow-500 text-4xl mb-4 feature-icon"></i><h3 class="text-xl font-semibold mb-2">夏季炎热多雨</h3><p class="text-gray-600 dark:text-gray-300">高温强光照射，降雨集中，对材料的防晒和排水性能要求高</div><div class="bg-white dark:bg-gray-700 rounded-lg shadow-md p-6 text-center"><i class="fas fa-water text-blue-500 text-4xl mb-4 feature-icon"></i><h3 class="text-xl font-semibold mb-2">冬季寒冷干燥</h3><p class="text-gray-600 dark:text-gray-300">低温环境影响材料粘结性和固化速度，需注意保温措施</div><div class="bg-white dark:bg-gray-700 rounded-lg shadow-md p-6 text-center"><i class="fas fa-mountain text-green-500 text-4xl mb-4 feature-icon"></i><h3 class="text-xl font-semibold mb-2">黄土高原地形</h3><p class="text-gray-600 dark:text-gray-300">部分地区存在黄土湿陷性问题，地基处理尤为重要</div></div></div></div></section><section class="py-16 bg-white dark:bg-gray-900"id=materials><div class="container mx-auto px-4 sm:px-6 lg:px-8"><h2 class="text-3xl font-bold mb-12 text-center">三种主要材料对比</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="material-card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-blue-600 text-white p-4"><h3 class="text-2xl font-bold">硅PU（聚氨酯）</h3></div><div class=p-6><div class=mb-4><h4 class="font-semibold text-lg mb-2">材料简介</h4><p class="text-gray-600 dark:text-gray-300 mb-4">硅PU面层是一种高性能的合成材料，通常用于高品质篮球场的贴装施工。它是由多元醇与多异氰酸酯反应制成的弹性体。</div><div class=mb-4><h4 class="font-semibold text-lg mb-2">优势与特性</h4><ul class="space-y-2 text-gray-600 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>：硬度在60-70 Shore A之间，耐磨性较佳</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>：面层相对致密，不易吸水</span></ul></div><div><h4 class="font-semibold text-lg mb-2">适用建议</h4><p class="text-gray-600 dark:text-gray-300">适用于公共体育中心、学校操场以及对球场使用频率较高、对场地外观要求较高的场所。</div></div></div><div class="material-card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-purple-600 text-white p-4"><h3 class="text-2xl font-bold">丙烯酸（丙烯酸酯）</h3></div><div class=p-6><div class=mb-4><h4 class="font-semibold text-lg mb-2">材料简介</h4><p class="text-gray-600 dark:text-gray-300 mb-4">丙烯酸面层是目前篮球场建设中较常用的面层材料之一，主要由丙烯酸酯类树脂制成，具有快速固化的特点。</div><div class=mb-4><h4 class="font-semibold text-lg mb-2">优势与特性</h4><ul class="space-y-2 text-gray-600 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>：高温下不易软化，适应夏季高温天气</span></ul></div><div><h4 class="font-semibold text-lg mb-2">注意事项</h4><p class="text-gray-600 dark:text-gray-300">虽然丙烯酸面层抗紫外线能力较好，但与硅PU相比，长期在阳光下的耐久性稍逊一筹。建议在夏季高温季节做好定期的清洁和养护。</div></div></div><div class="material-card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-red-600 text-white p-4"><h3 class="text-2xl font-bold">EPDM（乙丙橡胶）</h3></div><div class=p-6><div class=mb-4><h4 class="font-semibold text-lg mb-2">材料简介</h4><p class="text-gray-600 dark:text-gray-300 mb-4">EPDM是乙烯-丙烯-二烯类弹性体的统称，俗称"乙丙橡胶"。在篮球场建设中，EPDM通常以"胶网"或"胶垫"的形式铺设于基础层之上。</div><div class=mb-4><h4 class="font-semibold text-lg mb-2">优势与特性</h4><ul class="space-y-2 text-gray-600 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>：降低球与地面的反弹噪音</span></ul></div><div><h4 class="font-semibold text-lg mb-2">适用建议</h4><p class="text-gray-600 dark:text-gray-300">EPDM面层通常作为"软胶场"或"硬胶场"进行铺装。对于临汾地区，建议采用较硬的EPDM面层，以防止雨后场地变得过于松软影响使用。</div></div></div></div><div class="mt-16 bg-white dark:bg-gray-800 rounded-xl shadow-md p-6"><h3 class="text-2xl font-bold mb-6 text-center">材料特性对比</h3><div class=overflow-x-auto><table class="comparison-table w-full"><thead><tr><th class="rounded-tl-lg">特性<th>硅PU<th>丙烯酸<th class="rounded-tr-lg">EPDM<tbody><tr><td class=font-medium>抗紫外线<td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-blue-600 rounded-full"style=width:95%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-purple-600 rounded-full"style=width:75%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-red-600 rounded-full"style=width:85%></div></div><tr><td class=font-medium>耐磨性<td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-blue-600 rounded-full"style=width:90%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-purple-600 rounded-full"style=width:70%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-red-600 rounded-full"style=width:80%></div></div><tr><td class=font-medium>弹性缓冲<td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-blue-600 rounded-full"style=width:85%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-purple-600 rounded-full"style=width:60%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-red-600 rounded-full"style=width:95%></div></div><tr><td class=font-medium>施工速度<td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-blue-600 rounded-full"style=width:60%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-purple-600 rounded-full"style=width:90%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-red-600 rounded-full"style=width:70%></div></div><tr><td class=font-medium>成本效益<td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-blue-600 rounded-full"style=width:65%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-purple-600 rounded-full"style=width:85%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-red-600 rounded-full"style=width:75%></div></div><tr><td class=font-medium>防水性能<td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-blue-600 rounded-full"style=width:90%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-purple-600 rounded-full"style=width:70%></div></div><td><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-red-600 rounded-full"style=width:95%></div></div></table></div></div></section><section class="py-16 bg-gray-50 dark:bg-gray-800"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><h2 class="text-3xl font-bold mb-12 text-center">临汾地理环境下的施工建议</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="bg-white dark:bg-gray-700 rounded-xl shadow-md p-6"><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-water 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-300 mb-4">临汾夏季降雨集中，场地基础层必须做好排水系统的铺设。建议在基层处理时，加入适量的砂砾料和碎石，保证雨水能够迅速排出，防止水分侵入面层材料内部导致起泡或起壳。<div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h4 class="font-medium mb-2">关键要点</h4><ul class="space-y-2 text-gray-600 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><div class="bg-white dark:bg-gray-700 rounded-xl shadow-md p-6"><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-temperature-high 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-300 mb-4">临汾冬季气温偏低，夏季温度较高，施工时必须注意温度控制与养护。<div class="bg-purple-50 dark:bg-purple-900/30 p-4 rounded-lg"><h4 class="font-medium mb-2">温度控制要点</h4><ul class="space-y-2 text-gray-600 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-thermometer-three-quarters text-purple-500 mt-1 mr-2"></i> <span><strong>冬季施工</strong>：确保面层材料温度达到规定要求，使用保温材料进行保温</span><li class="flex items-start"><i class="fas fa-thermometer-three-quarters text-purple-500 mt-1 mr-2"></i> <span><strong>夏季施工</strong>：避开正午时段，防止面层材料过早固化或产生气泡</span></ul></div></div><div class="bg-white dark:bg-gray-700 rounded-xl shadow-md p-6"><div class="flex items-center mb-4"><div class="w-12 h-12 rounded-full bg-red-100 dark:bg-red-900 flex items-center justify-center mr-4"><i class="fas fa-layer-group text-red-600 dark:text-red-400 text-xl"></i></div><h3 class="text-xl font-semibold">地基处理</h3></div><p class="text-gray-600 dark:text-gray-300 mb-4">临汾地处黄土高原边缘，部分地区可能存在黄土湿陷性问题。在铺装篮球场面层之前，必须进行充分的地基压实处理，确保地基密实稳固，防止日后地基沉降导致场地开裂。<div class="bg-red-50 dark:bg-red-900/30 p-4 rounded-lg"><h4 class="font-medium mb-2">地基处理要点</h4><ul class="space-y-2 text-gray-600 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></div></div></section><section class="py-16 bg-white dark:bg-gray-900"><div class="container mx-auto px-4 sm:px-6 lg:px-8"><h2 class="text-3xl font-bold mb-12 text-center">为什么选择湖北优正体育？</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 overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-gradient-to-r from-blue-500 to-indigo-600 p-6"><h3 class="text-2xl font-bold text-white">专业技术</h3></div><div class=p-6><p class="text-gray-600 dark:text-gray-300 mb-4">我们拥有丰富的篮球场施工经验，熟悉临汾地区的地理气候特点，能够为您提供较适合的材料选型建议。<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-tools text-blue-600 dark:text-blue-400"></i></div><p class="text-gray-600 dark:text-gray-300">专业团队提供全方位技术支持</div><div class="flex items-center"><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-chart-line text-blue-600 dark:text-blue-400"></i></div><p class="text-gray-600 dark:text-gray-300">根据场地用途和使用频率定制解决方案</div></div></div><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class="bg-gradient-to-r from-purple-500 to-pink-600 p-6"><h3 class="text-2xl font-bold text-white">一站式服务</h3></div><div class=p-6><p class="text-gray-600 dark:text-gray-300 mb-4">从材料生产销售到施工铺装，我们提供全链条服务，确保工程质量。<div class="flex items-center mb-4"><div class="w-10 h-10 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center mr-3"><i class="fas fa-handshake text-purple-600 dark:text-purple-400"></i></div><p class="text-gray-600 dark:text-gray-300">全程跟踪服务，确保项目顺利进行</div><div class="flex items-center"><div class="w-10 h-10 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center mr-3"><i class="fas fa-shield-alt text-purple-600 dark:text-purple-400"></i></div><p class="text-gray-600 dark:text-gray-300">完善的售后保障体系</div></div></div></div></div></section><section class="py-16 bg-gray-50 dark:bg-gray-800"id=contact><div class="container mx-auto px-4 sm:px-6 lg:px-8"><div class="max-w-4xl mx-auto"><h2 class="text-3xl font-bold mb-8 text-center">总结与联系方式</h2><div class="bg-white dark:bg-gray-700 rounded-xl shadow-md p-8 mb-8"><p class="text-gray-700 dark:text-gray-300 mb-6 leading-relaxed">在临汾建设篮球场，材料的选型至关重要：<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6"><div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h3 class="text-xl font-semibold mb-2 text-blue-700 dark:text-blue-400">硅PU</h3><p class="text-gray-600 dark:text-gray-300">防晒、防雨的全能王，适合大型公共场所</div><div class="bg-purple-50 dark:bg-purple-900/30 p-4 rounded-lg"><h3 class="text-xl font-semibold mb-2 text-purple-700 dark:text-purple-400">丙烯酸</h3><p class="text-gray-600 dark:text-gray-300">性价比高，适合学校和普通体育场</div><div class="bg-red-50 dark:bg-red-900/30 p-4 rounded-lg"><h3 class="text-xl font-semibold mb-2 text-red-700 dark:text-red-400">EPDM</h3><p class="text-gray-600 dark:text-gray-300">防滑耐磨，适合高强度竞技场馆</div></div><p class="text-gray-700 dark:text-gray-300 leading-relaxed">湖北优正体育将为您提供专业的材料与施工服务，助您打造符合临汾气候特点的高质量篮球场。</div><div class="bg-white dark:bg-gray-700 rounded-xl shadow-md p-8"><div class="flex flex-col md:flex-row items-center justify-between"><div class="mb-6 md:mb-0 md:mr-8"><h3 class="text-2xl font-bold mb-4">湖北优正体育</h3><p class="text-gray-600 dark:text-gray-300 mb-4">专业篮球场材料供应商与施工服务商<div class="flex items-center"><i class="fas fa-map-marker-alt text-red-500 mr-2"></i><span class="text-gray-600 dark:text-gray-300">临汾市</span></div><div class="flex items-center mt-2"><i class="fas fa-phone-alt text-blue-500 mr-2"></i><span class="text-gray-600 dark:text-gray-300">189-8622-7599</span></div></div><div class="w-full md:w-2/5"><div class="bg-blue-50 dark:bg-blue-900/30 p-6 rounded-lg"><h4 class="text-xl font-semibold mb-4 text-center">联系我们</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-blue-500 bg-white dark:bg-gray-800"id=name placeholder=请输入您的姓名 required></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-blue-500 bg-white dark:bg-gray-800"id=email placeholder=cnyouzheng@qq.com required 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-blue-500 bg-white dark:bg-gray-800"id=message placeholder=请留下您的需求或问题 rows=3></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 duration-200"onclick=alert('感谢您的联系！我们会尽快回复您。') type=button>发送信息</button></form></div></div></div></div></div></div></section></main><footer class="bg-gray-800 text-white py-8"><div class="container 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-4 md:mb-0"><p class="text-gray-400">© 2025 湖北优正体育 版权所有</div><div class="flex space-x-4"><a class="text-gray-400 hover:text-white transition-colors duration-200"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-400 hover:text-white transition-colors duration-200"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-400 hover:text-white transition-colors duration-200"href=#> <i class="fas fa-envelope text-xl"></i> </a></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.querySelectorAll(`a[href^="#"]`).forEach(a=>{a.addEventListener(`click`,function(a){a.preventDefault();const b=this.getAttribute(`href`);const c=document.querySelector(b);if(c){window.scrollTo({top:c.offsetTop- 80,behavior:`smooth`})}})});document.addEventListener(`DOMContentLoaded`,(()=>{const a=document.querySelectorAll(`.progress-bar`);setTimeout(()=>{a.forEach(a=>{const b=a.style.width;a.style.width=`0`;setTimeout(()=>{a.style.width=b},300)})},500)}))</script>
</body></html>