文本查看器


<!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:#0070f3;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--dark:#212529;--bg-light:#fff;--text-light:#333;--bg-dark:#121212;--text-dark:#e9ecef}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.dark body{background-color:var(--bg-dark);color:var(--text-dark)}.light body{background-color:var(--bg-light);color:var(--text-light)}.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.fade-in{animation:.8s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.progress-bar{border-radius:4px;height:8px;transition:width 1s ease-in-out}.theme-toggle{cursor:pointer;transition:transform .3s}.theme-toggle:hover{transform:rotate(30deg)}</style></head><body class=light><div class="min-h-screen flex flex-col"><nav class="sticky top-0 z-50 bg-white dark:bg-gray-900 shadow-md transition-all duration-300"><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-2xl"></i><h1 class="text-xl font-bold text-gray-800 dark:text-white">塑胶跑道建设指南</h1></div><div class="flex items-center space-x-4"><button class="theme-toggle p-2 rounded-full bg-gray-100 dark:bg-gray-700"id=themeToggle><i class="fas fa-moon text-gray-600 dark:text-gray-300"id=themeIcon></i></button></div></div></nav><main class="flex-grow container mx-auto px-4 py-8 md:py-12"><header class="mb-12 fade-in"><h1 class="text-3xl md:text-4xl lg:text-5xl font-bold text-center mb-4 text-gray-900 dark:text-white">学校塑胶跑道建设全解析</h1><p class="text-lg md:text-xl text-center text-gray-600 dark:text-gray-300 max-w-3xl mx-auto">从国家标准到实践要点，为建设单位、校方及行业从业者提供专业参考指南<div class="w-20 h-1 bg-blue-600 dark:bg-blue-400 mx-auto mt-6"></div></header><section class="mb-16 fade-in"style=animation-delay:.2s><div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900 dark:to-indigo-900 rounded-xl p-6 md:p-8 shadow-lg"><h2 class="text-2xl md:text-3xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-book-open mr-3 text-blue-600 dark:text-blue-400"></i> 核心标准体系：合规的基石</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border-l-4 border-red-500"><h3 class="text-xl font-semibold mb-3 text-gray-800 dark:text-white">强制性国家标准</h3><p class="text-gray-600 dark:text-gray-300">《中小学合成材料面层运动场地》（GB 36246-2018）是当前较核心的强制性标准，已成为中小学跑道建设的强制性门槛。<div class="mt-4 text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-exclamation-circle text-red-500 mr-1"></i> 教育部明确要求，此后交付使用的学校运动场地必须执行此标准。</div></div><div class="card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border-l-4 border-blue-500"><h3 class="text-xl font-semibold mb-3 text-gray-800 dark:text-white">推荐性国家标准</h3><p class="text-gray-600 dark:text-gray-300">《合成材料运动场地面层》（GB/T 14833-2020）作为通用的产品标准，适用范围更广，对材料的物理机械性能提出了明确要求。<div class="mt-4 text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-info-circle text-blue-500 mr-1"></i> 针对田径场地的使用和检验，还有《体育场地使用要求及检验方法 第6部分：田径场地》（GB/T 22517.6-2011）等标准作为补充。</div></div><div class="card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border-l-4 border-green-500"><h3 class="text-xl font-semibold mb-3 text-gray-800 dark:text-white">较新国标动态</h3><p class="text-gray-600 dark:text-gray-300">《中小学合成材料面层田径场地》（GB/T 43564-2023）等新国标已于2024年7月1日起实施，在GB 36246-2018的基础上进一步细化了材料选择、施工工艺和检测方法。<div class="mt-4 text-sm text-gray-500 dark:text-gray-400"><i class="fas fa-chart-line text-green-500 mr-1"></i> 目标：更全面地保障跑道的安全性与耐用性。</div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center text-gray-800 dark:text-white flex items-center justify-center"><i class="fas fa-leaf mr-3 text-green-600 dark:text-green-400"></i> 材料与环保要求：健康的首要保障</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden"><div class="bg-green-500 p-4"><h3 class="text-xl font-semibold text-white">有害物质限量</h3></div><div class=p-6><ul class=space-y-4><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i> <div><span class=font-medium>可溶性重金属：</span><span class="text-gray-600 dark:text-gray-300">如铅、镉、铬、汞等，防止长期接触对人体造成危害。</span></div><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i> <div><span class=font-medium>有机挥发性物质：</span><span class="text-gray-600 dark:text-gray-300">严格控制总挥发性有机化合物（TVOC）、苯、甲苯和二甲苯总和、游离甲苯二异氰酸酯（TDI）等的含量。</span></div><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i> <div><span class=font-medium>其他有害化学物质：</span><span class="text-gray-600 dark:text-gray-300">多环芳烃（PAHs）和短链氯化石蜡（SCCP）等有害化学物质也被明确限制或禁用。</span></div></ul></div></div><div class="card bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden"><div class="bg-blue-500 p-4"><h3 class="text-xl font-semibold text-white">环保检测与认证</h3></div><div class=p-6><p class="text-gray-600 dark:text-gray-300 mb-4">材料进场前，供应商应提供由具备CMA（中国计量认证）或CNAS（中国合格评定国家认可委员会）资质的技术检测机构出具的检测报告，证明其所有指标符合国家标准。<div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><h4 class="font-medium text-blue-700 dark:text-blue-300 mb-2">施工完成后检测流程</h4><ol class="list-decimal list-inside space-y-2 text-gray-600 dark:text-gray-300"><li>现场取样<li>实验室分析<li>结果比对标准<li>出具检测报告</ol></div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.6s><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center text-gray-800 dark:text-white flex items-center justify-center"><i class="fas fa-tachometer-alt mr-3 text-purple-600 dark:text-purple-400"></i> 物理性能与功能要求：运动体验的基础</h2><div class="grid grid-cols-1 lg:grid-cols-2 gap-8"><div class="card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6"><h3 class="text-xl font-semibold mb-4 text-gray-800 dark:text-white">关键物理性能指标</h3><div class=space-y-6><div><div class="flex justify-between mb-2"><span class=font-medium>冲击吸收</span><span class="text-sm text-gray-500 dark:text-gray-400">重要性：高</span></div><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-purple-500"style=width:90%></div></div><p class="text-sm text-gray-600 dark:text-gray-300 mt-2">决定跑道的缓冲减震性能，能有效减少运动对运动员关节和骨骼的冲击，防止运动损伤。</div><div><div class="flex justify-between mb-2"><span class=font-medium>抗滑值</span><span class="text-sm text-gray-500 dark:text-gray-400">重要性：中高</span></div><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-purple-500"style=width:85%></div></div><p class="text-sm text-gray-600 dark:text-gray-300 mt-2">保证在不同天气条件下（尤其是湿滑状态），跑道表面仍能提供足够的摩擦力，防止打滑。</div><div><div class="flex justify-between mb-2"><span class=font-medium>拉伸强度</span><span class="text-sm text-gray-500 dark:text-gray-400">重要性：中</span></div><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-purple-500"style=width:80%></div></div><p class="text-sm text-gray-600 dark:text-gray-300 mt-2">反映了面层材料的弹性和抗撕裂能力，直接影响跑道的耐久性和使用寿命。</div><div><div class="flex justify-between mb-2"><span class=font-medium>厚度</span><span class="text-sm text-gray-500 dark:text-gray-400">重要性：高</span></div><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full"><div class="progress-bar bg-purple-500"style=width:95%></div></div><p class="text-sm text-gray-600 dark:text-gray-300 mt-2">跑道厚度需均匀且达到设计值（如常见的13mm），这是保证其弹性、缓冲等物理性能的前提。</div></div></div><div class="card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6"><h3 class="text-xl font-semibold mb-4 text-gray-800 dark:text-white">功能性要求</h3><div class="grid grid-cols-1 sm:grid-cols-2 gap-4"><div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-water text-blue-500 mr-2"></i><h4 class=font-medium>排水性能</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">特别是透气型跑道，雨后能迅速恢复使用。</div><div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-sun text-yellow-500 mr-2"></i><h4 class=font-medium>颜色耐久性</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">长时间暴露在阳光下不褪色。</div><div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-cloud-sun-rain text-purple-500 mr-2"></i><h4 class=font-medium>耐候性</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">抵抗紫外线、高温、低温环境变化。</div><div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-fire-extinguisher text-red-500 mr-2"></i><h4 class=font-medium>阻燃性</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">防止火灾风险，保障安全。</div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.8s><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center text-gray-800 dark:text-white flex items-center justify-center"><i class="fas fa-hard-hat mr-3 text-yellow-600 dark:text-yellow-400"></i> 施工工艺与质量控制：决定成败的关键环节</h2><div class="relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-r from-yellow-50 to-orange-50 dark:from-yellow-900/20 dark:to-orange-900/20"></div><div class="relative z-10 max-w-4xl mx-auto"><div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6 md:p-8"><div class="flex flex-col md:flex-row justify-between items-center mb-8"><div class="w-16 h-16 rounded-full bg-yellow-100 dark:bg-yellow-900/50 flex items-center justify-center mb-4 md:mb-0"><i class="fas fa-layer-group text-3xl text-yellow-600 dark:text-yellow-400"></i></div><h3 class="text-2xl font-bold text-gray-800 dark:text-white">施工流程</h3></div><div class=space-y-8><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full bg-yellow-500 flex items-center justify-center text-white font-bold">1</div><div class=ml-4><h4 class="text-lg font-semibold text-gray-800 dark:text-white">基础处理</h4><p class="text-gray-600 dark:text-gray-300">基础（通常是混凝土或沥青基础）必须坚实、平整、稳定，坡度符合设计要求，这是保证面层平整度和粘接牢固度的根本。基础不合格，较易导致面层起鼓、开裂。</div></div><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full bg-yellow-500 flex items-center justify-center text-white font-bold">2</div><div class=ml-4><h4 class="text-lg font-semibold text-gray-800 dark:text-white">施工流程控制</h4><p class="text-gray-600 dark:text-gray-300">以常见的透气型塑胶跑道为例，施工通常包括：底涂处理、弹性底层摊铺（胶水混合橡胶颗粒）、面层喷涂（胶水混合EPDM颗粒）及划线。每一道工序都需要严格控制材料配比、施工环境（温度、湿度）和工艺时间。</div></div><div class="flex items-start"><div class="flex-shrink-0 w-10 h-10 rounded-full bg-yellow-500 flex items-center justify-center text-white font-bold">3</div><div class=ml-4><h4 class="text-lg font-semibold text-gray-800 dark:text-white">粘接强度</h4><p class="text-gray-600 dark:text-gray-300">面层与基础之间、各结构层之间的粘接必须牢固。验收时通常通过"剥离试验"来检验，确保无脱层、起泡等现象。</div></div></div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:1s><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center text-gray-800 dark:text-white flex items-center justify-center"><i class="fas fa-clipboard-check mr-3 text-teal-600 dark:text-teal-400"></i> 验收与维护管理：确保长期效能</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6"><h3 class="text-xl font-semibold mb-4 text-gray-800 dark:text-white">竣工验收</h3><p class="text-gray-600 dark:text-gray-300 mb-4">工程竣工后，应由建设单位组织，依据国家标准和合同约定进行综合验收。验收内容应包括：<div class=space-y-4><div class="flex items-start"><div class="flex-shrink-0 w-8 h-8 rounded-full bg-teal-100 dark:bg-teal-900/50 flex items-center justify-center text-teal-600 dark:text-teal-400"><i class="fas fa-file-alt"></i></div><div class=ml-3><h4 class="font-medium text-gray-800 dark:text-white">文件验收</h4><p class="text-sm text-gray-600 dark:text-gray-300">全套材料检测报告、施工记录等。</div></div><div class="flex items-start"><div class="flex-shrink-0 w-8 h-8 rounded-full bg-teal-100 dark:bg-teal-900/50 flex items-center justify-center text-teal-600 dark:text-teal-400"><i class="fas fa-flask"></i></div><div class=ml-3><h4 class="font-medium text-gray-800 dark:text-white">现场检测</h4><p class="text-sm text-gray-600 dark:text-gray-300">委托第三方检测机构对成品进行物理性能和有害物质释放量抽检。</div></div><div class="flex items-start"><div class="flex-shrink-0 w-8 h-8 rounded-full bg-teal-100 dark:bg-teal-900/50 flex items-center justify-center text-teal-600 dark:text-teal-400"><i class="fas fa-eye"></i></div><div class=ml-3><h4 class="font-medium text-gray-800 dark:text-white">外观验收</h4><p class="text-sm text-gray-600 dark:text-gray-300">检查表面是否平整、颜色均匀、划线清晰准确，无脱粒、裂缝、起泡等缺陷。</div></div></div></div><div class="card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6"><h3 class="text-xl font-semibold mb-4 text-gray-800 dark:text-white">后期使用与维护</h3><div class="grid grid-cols-1 sm:grid-cols-2 gap-4"><div class="bg-teal-50 dark:bg-teal-900/20 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-broom text-teal-600 dark:text-teal-400 mr-2"></i><h4 class=font-medium>日常清洁</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">定期清扫杂物，用清水冲洗，避免使用强化学剂。</div><div class="bg-teal-50 dark:bg-teal-900/20 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-ban text-red-500 mr-2"></i><h4 class=font-medium>禁止行为</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">严禁车辆行驶、重物长期堆放、尖锐物体穿刺、明火及烟蒂。</div><div class="bg-teal-50 dark:bg-teal-900/20 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-tools text-blue-500 mr-2"></i><h4 class=font-medium>及时修补</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">对局部出现的破损、脱粒等问题应及时进行专业性修补，防止问题扩大。</div><div class="bg-teal-50 dark:bg-teal-900/20 p-4 rounded-lg"><div class="flex items-center mb-2"><i class="fas fa-clock text-purple-500 mr-2"></i><h4 class=font-medium>合理使用</h4></div><p class="text-sm text-gray-600 dark:text-gray-300">新铺设的跑道需经过足够的养护期（通常约7-14天）后方可投入使用。</div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:1.2s><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center text-gray-800 dark:text-white flex items-center justify-center"><i class="fas fa-star mr-3 text-yellow-600 dark:text-yellow-400"></i> 总结</h2><div class="bg-gradient-to-r from-yellow-50 to-orange-50 dark:from-yellow-900/20 dark:to-orange-900/20 rounded-xl p-6 md:p-8 shadow-lg"><p class="text-gray-700 dark:text-gray-200 text-lg leading-relaxed">学校塑胶跑道的建设是一项系统性工程，其核心要求围绕<span class="font-bold text-yellow-700 dark:text-yellow-400">"安全、性能、环保、耐久"</span>四大维度展开。它严格遵循以GB 36246-2018为核心的强制性国家标准体系，从源头上杜绝有害物质；它通过明确的物理性能指标，保障运动的舒适性与安全性；它依赖规范的施工工艺与严谨的验收程序，确保设计意图的合理实现；较后，通过科学的使用维护，延长其服务周期。唯有在每个环节都秉持专业与责任，才能为莘莘学子筑起一道安全、健康、充满活力的运动起跑线。</div></section><section class="mb-16 fade-in"style=animation-delay:1.4s><h2 class="text-2xl md:text-3xl font-bold mb-8 text-center text-gray-800 dark:text-white flex items-center justify-center"><i class="fas fa-chart-pie mr-3 text-indigo-600 dark:text-indigo-400"></i> 塑胶跑道性能指标对比</h2><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6"><canvas height=300 id=performanceChart></canvas></div></section></main><footer class="bg-gray-100 dark:bg-gray-900 py-8 border-t border-gray-200 dark:border-gray-800"><div class="container mx-auto px-4"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-6 md:mb-0"><div class="flex items-center"><i class="fas fa-running text-blue-600 dark:text-blue-400 text-2xl mr-2"></i><h2 class="text-xl font-bold text-gray-800 dark:text-white">塑胶跑道建设指南</h2></div><p class="text-gray-600 dark:text-gray-300 mt-2">为学校提供安全、环保、高性能的运动场地解决方案</div><div class="text-center md:text-right"><p class="text-gray-600 dark:text-gray-300">作者： 优正体育吴杰185-7145-9135<p class="text-gray-500 dark:text-gray-400 text-sm mt-1">© 湖北优正体育</div></div></div></footer></div><script>const themeToggle=document.getElementById(`themeToggle`);const themeIcon=document.getElementById(`themeIcon`);const body=document.body;if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){let a=`fa-sun`;body.classList.remove(`light`);body.classList.add(`dark`);themeIcon.classList.remove(`fa-moon`);themeIcon.classList.add(a)};themeToggle.addEventListener(`click`,()=>{let c=`fa-moon`,a=`dark`,b=`light`,d=`fa-sun`;if(body.classList.contains(a)){body.classList.remove(a);body.classList.add(b);themeIcon.classList.remove(d);themeIcon.classList.add(c)}else{body.classList.remove(b);body.classList.add(a);themeIcon.classList.remove(c);themeIcon.classList.add(d)}});document.addEventListener(`DOMContentLoaded`,(()=>{let e=`rgba(255, 255, 255, 0.1)`,g=`rgba(0, 0, 0, 0.1)`,h=`#e9ecef`,f=`rgba(255, 255, 255, 0.7)`,i=`#333`;const a=document.getElementById(`performanceChart`).getContext(`2d`);const b=new Chart(a,{type:`radar`,data:{labels:[`冲击吸收`,`垂直变形`,`抗滑值`,`拉伸强度`,`拉断伸长率`,`厚度一致性`],datasets:[{label:`标准要求`,data:[85,75,90,80,70,85],backgroundColor:`rgba(54, 162, 235, 0.2)`,borderColor:`rgb(54, 162, 235)`,pointBackgroundColor:`rgb(54, 162, 235)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgb(54, 162, 235)`},{label:`优质跑道`,data:[92,80,95,88,82,90],backgroundColor:`rgba(75, 192, 192, 0.2)`,borderColor:`rgb(75, 192, 192)`,pointBackgroundColor:`rgb(75, 192, 192)`,pointBorderColor:`#fff`,pointHoverBackgroundColor:`#fff`,pointHoverBorderColor:`rgb(75, 192, 192)`}]},options:{responsive:!0,maintainAspectRatio:!1,scales:{r:{angleLines:{color:body.classList.contains(`dark`)?e:g},grid:{color:body.classList.contains(`dark`)?e:g},pointLabels:{color:body.classList.contains(`dark`)?h:i},ticks:{color:body.classList.contains(`dark`)?h:i,backdropColor:body.classList.contains(`dark`)?`rgba(0, 0, 0, 0.8)`:f}}},plugins:{legend:{labels:{color:body.classList.contains(`dark`)?h:i}}}}});themeToggle.addEventListener(`click`,()=>{const a=body.classList.contains(`dark`);const c=a?e:g;const d=a?h:i;b.options.scales.r.angleLines.color=c;b.options.scales.r.grid.color=c;b.options.scales.r.pointLabels.color=d;b.options.scales.r.ticks.color=d;b.options.scales.r.ticks.backdropColor=a?f:`rgba(255, 255, 255, 0.8)`;b.options.plugins.legend.labels.color=d;b.update()})}));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=>{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>