文本查看器


<!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:#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)}.light-mode .material-card:hover{border-color:var(--accent);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark-mode .material-card:hover{border-color:var(--accent);box-shadow:0 10px 25px -5px #0000004d,0 10px 10px -5px #0003}.fade-in{opacity:0;animation:.8s forwards 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)}.chart-container{width:较高;height:300px;position:relative}.progress-bar{border-radius:4px;height:8px;transition:width 1s ease-in-out}</style></head><body class="light-mode bg-white text-gray-800"><div class="min-h-screen flex flex-col"><header 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-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 transition-colors"id=theme-toggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block"></i></button></div></div></header><main class="flex-grow container mx-auto px-4 py-8"><section class="mb-12 fade-in"style=animation-delay:.1s><div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-gray-800 dark:to-gray-900 rounded-xl p-6 md:p-8 shadow-sm"><h2 class="text-2xl md:text-3xl font-bold mb-4 text-gray-800 dark:text-white">西安篮球场材料选型与施工指南</h2><p class="text-gray-600 dark:text-gray-300 mb-4">作者：湖北优正体育 | 电话：189-8622-7599<div class="flex flex-wrap gap-4 mt-6"><div class="flex items-center"><i class="fas fa-map-marker-alt text-red-500 mr-2"></i><span class="text-gray-700 dark:text-gray-300">西安</span></div><div class="flex items-center"><i class="fas fa-cloud-sun-rain text-blue-500 mr-2"></i><span class="text-gray-700 dark:text-gray-300">暖温带半湿润大陆性季风气候</span></div><div class="flex items-center"><i class="fas fa-temperature-high text-yellow-500 mr-2"></i><span class="text-gray-700 dark:text-gray-300">年平均温度 13.3℃</span></div></div></div></section><section class="mb-12 fade-in"style=animation-delay:.2s><h2 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-chart-line text-blue-500 mr-2"></i> 西安气候特点</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-100 dark:border-gray-700"><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"><i class="fas fa-thermometer-half text-blue-500 text-xl"></i></div><h3 class="ml-4 text-lg font-semibold text-gray-800 dark:text-white">温度</h3></div><p class="text-gray-600 dark:text-gray-300">年平均温度约为 13.3℃，夏季高温多雨，冬季寒冷干燥，温度变化范围大。</div><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-100 dark:border-gray-700"><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"><i class="fas fa-tint text-green-500 text-xl"></i></div><h3 class="ml-4 text-lg font-semibold text-gray-800 dark:text-white">降水</h3></div><p class="text-gray-600 dark:text-gray-300">年降水量 558-750mm，主要集中在夏季（7-9月），降水集中度高，易形成雨涝。</div><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-100 dark:border-gray-700"><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"><i class="fas fa-tint text-purple-500 text-xl"></i></div><h3 class="ml-4 text-lg font-semibold text-gray-800 dark:text-white">湿度</h3></div><p class="text-gray-600 dark:text-gray-300">夏季湿度较高，雨季施工需注意防潮；冬季干燥，需防风化。</div></div><div class="mt-8 bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-100 dark:border-gray-700"><h3 class="text-lg font-semibold mb-4 text-gray-800 dark:text-white">西安气候年度分布</h3><div class=chart-container><canvas id=climateChart></canvas></div></div></section><section class="mb-12 fade-in"style=animation-delay:.3s><h2 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-layer-group text-blue-500 mr-2"></i> 材料详析</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="material-card bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden border border-gray-100 dark:border-gray-700"><div class="bg-blue-500 h-2"></div><div class=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"><i class="fas fa-flask text-blue-500 text-xl"></i></div><h3 class="ml-4 text-xl font-semibold text-gray-800 dark:text-white">硅PU（Silicone PU）</h3></div><p class="text-gray-600 dark:text-gray-300 mb-4">一种有机硅改性聚氨酯材料，属于健康型专业弹性合成球场地面系统。<div class=space-y-3><div><h4 class="font-medium text-gray-700 dark:text-gray-200">优异的耐候性</h4><p class="text-gray-600 dark:text-gray-400 text-sm">具有较高的耐老化性，能够经受西安夏季强紫外线和雨水的考验，不易褪色、发硬或老化。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-200">防滑安全</h4><p class="text-gray-600 dark:text-gray-400 text-sm">表面硬度适中，摩擦系数高，能够有效防止球员因湿滑而摔倒。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-200">优良的弹性和减震</h4><p class="text-gray-600 dark:text-gray-400 text-sm">采用上硬下弹结构，具备良好的缓冲吸收功能，能够有效减轻关节受力。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-200">施工优势</h4><p class="text-gray-600 dark:text-gray-400 text-sm">可直接施工于水泥地面，具备良好的伸展性，不易鼓包或脱皮，施工简便。</div></div></div></div><div class="material-card bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden border border-gray-100 dark:border-gray-700"><div class="bg-green-500 h-2"></div><div class=p-6><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"><i class="fas fa-vial text-green-500 text-xl"></i></div><h3 class="ml-4 text-xl font-semibold text-gray-800 dark:text-white">丙烯酸（Acrylic）</h3></div><p class="text-gray-600 dark:text-gray-300 mb-4">一种经济实用的硬地运动材料，适用于学校、社区和训练场馆。<div class=space-y-3><div><h4 class="font-medium text-gray-700 dark:text-gray-200">高性价比</h4><p class="text-gray-600 dark:text-gray-400 text-sm">初期成本低，施工周期短，通常 3～5 天即可完成，维护简单。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-200">耐候性与防滑性</h4><p class="text-gray-600 dark:text-gray-400 text-sm">耐候性较好，能够适应西安的温差变化；其表面防滑性能优良，即使在雨天也能保持良好的抓地力。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-200">适用范围</h4><p class="text-gray-600 dark:text-gray-400 text-sm">分为硬地丙烯酸和弹性丙烯酸。硬地丙烯酸坚固耐用，弹性丙烯酸适合减震需求较高的场地。</div></div></div></div><div class="material-card bg-white dark:bg-gray-800 rounded-lg shadow-md overflow-hidden border border-gray-100 dark:border-gray-700"><div class="bg-purple-500 h-2"></div><div class=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"><i class="fas fa-fill-drip text-purple-500 text-xl"></i></div><h3 class="ml-4 text-xl font-semibold text-gray-800 dark:text-white">EPDM（乙丙橡胶）</h3></div><p class="text-gray-600 dark:text-gray-300 mb-4">一种由乙烯-丙烯-二烯单体合成的三元乙丙橡胶材料，具有卓越的耐环境老化性能。<div class=space-y-3><div><h4 class="font-medium text-gray-700 dark:text-gray-200">卓越的耐候性</h4><p class="text-gray-600 dark:text-gray-400 text-sm">具有较强的抗氧化、抗臭氧和抗紫外线能力，色彩经久不变，特别适合西安夏季高温强紫外线的环境。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-200">良好的弹性和减震</h4><p class="text-gray-600 dark:text-gray-400 text-sm">EPDM材料柔软有弹性，提供良好的缓冲效果，减少运动中对关节的冲击。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-200">施工适应性强</h4><p class="text-gray-600 dark:text-gray-400 text-sm">对地面要求不高，可直接铺设于混凝土面层上，施工整体无缝，美观大方。</div></div></div></div></div></section><section class="mb-12 fade-in"style=animation-delay:.4s><h2 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-balance-scale text-blue-500 mr-2"></i> 材料对比分析</h2><div class="overflow-x-auto bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-100 dark:border-gray-700"><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"><thead><tr><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">特性<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">硅PU<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">丙烯酸<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">EPDM<tbody class="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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 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><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 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><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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 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><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 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><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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 rounded-full h-2.5"><div class="bg-green-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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 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><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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 rounded-full h-2.5"><div class="bg-blue-600 h-2.5 rounded-full"style=width:75%></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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 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><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 rounded-full h-2.5"><div class="bg-purple-600 h-2.5 rounded-full"style=width:70%></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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 rounded-full h-2.5"><div class="bg-blue-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-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 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><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-600 rounded-full h-2.5"><div class="bg-purple-600 h-2.5 rounded-full"style=width:75%></div></div><span class="ml-2 text-xs">良好</span></div></table></div></section><section class="mb-12 fade-in"style=animation-delay:.5s><h2 class="text-2xl font-bold mb-6 text-gray-800 dark:text-white flex items-center"><i class="fas fa-check-circle text-blue-500 mr-2"></i> 结语与建议</h2><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-100 dark:border-gray-700"><p class="text-gray-600 dark:text-gray-300 mb-6">针对西安的气候特征，以下是三种材料的选择建议：<div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="bg-blue-50 dark:bg-blue-900/30 p-5 rounded-lg border border-blue-100 dark:border-blue-800"><div class="flex items-center mb-3"><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-800 flex items-center justify-center"><i class="fas fa-trophy text-blue-600 dark:text-blue-400"></i></div><h3 class="ml-3 text-lg font-semibold text-gray-800 dark:text-white">高品质竞技体验</h3></div><p class="text-gray-600 dark:text-gray-300">建议选用<span class="font-bold text-blue-600 dark:text-blue-400">硅PU</span>，其出色的防滑性和耐老化性能能应对雨季多雨和夏季高温的双重考验。</div><div class="bg-green-50 dark:bg-green-900/30 p-5 rounded-lg border border-green-100 dark:border-green-800"><div class="flex items-center mb-3"><div class="w-10 h-10 rounded-full bg-green-100 dark:bg-green-800 flex items-center justify-center"><i class="fas fa-coins text-green-600 dark:text-green-400"></i></div><h3 class="ml-3 text-lg font-semibold text-gray-800 dark:text-white">预算有限且追求经济实用</h3></div><p class="text-gray-600 dark:text-gray-300">建议选用<span class="font-bold text-green-600 dark:text-green-400">丙烯酸</span>，这是性价比较高的选择，施工快捷，适合学校和社区场馆。</div><div class="bg-purple-50 dark:bg-purple-900/30 p-5 rounded-lg border border-purple-100 dark:border-purple-800"><div class="flex items-center mb-3"><div class="w-10 h-10 rounded-full bg-purple-100 dark:bg-purple-800 flex items-center justify-center"><i class="fas fa-palette text-purple-600 dark:text-purple-400"></i></div><h3 class="ml-3 text-lg font-semibold text-gray-800 dark:text-white">色彩丰富且耐久性较强</h3></div><p class="text-gray-600 dark:text-gray-300">建议选用<span class="font-bold text-purple-600 dark:text-purple-400">EPDM</span>材料以其卓越的抗紫外线能力和弹性表现，适合长期户外使用。</div></div><div class="mt-8 p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg"><p class="text-gray-600 dark:text-gray-300 italic">湖北优正体育专注于篮球场材料的生产销售和施工铺装服务，致力于为西安地区提供较适合当地环境的场地解决方案。</div></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-4 md:mb-0"><h3 class="text-lg font-semibold text-gray-800 dark:text-white mb-2">作者信息</h3><p class="text-gray-600 dark:text-gray-300">作者： A优正塑胶跑道厂家夏琳185-7145-9135<p class="text-gray-600 dark:text-gray-300">原文作者: 湖北优正体育<p class="text-gray-600 dark:text-gray-300">电话: 189-8622-7599</div><div class="flex space-x-4"><a class="text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-500 hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-400 transition-colors"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 b=`light-mode`,a=`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.addEventListener(`DOMContentLoaded`,(()=>{let e=`rgba(255, 255, 255, 0.1)`,g=`rgba(0, 0, 0, 0.1)`,f=`rgba(0, 0, 0, 0.1)`,d=`#f3f4f6`,h=`#1f2937`;const a=document.getElementById(`climateChart`).getContext(`2d`);const b=new Chart(a,{type:`line`,data:{labels:[`1月`,`2月`,`3月`,`4月`,`5月`,`6月`,`7月`,`8月`,`9月`,`10月`,`11月`,`12月`],datasets:[{label:`平均气温 (°C)`,data:[-1,1,6,11,16,21,25,26,23,17,10,3],borderColor:`rgb(59, 130, 246)`,backgroundColor:`rgba(59, 130, 246, 0.1)`,tension:0.4,fill:!0},{label:`降水量 (mm)`,data:[20,25,40,55,70,120,180,160,140,80,40,25],borderColor:`rgb(16, 185, 129)`,backgroundColor:`rgba(16, 185, 129, 0.1)`,tension:0.4,fill:!0}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:`top`,labels:{color:body.classList.contains(`dark-mode`)?d:h}},tooltip:{mode:`index`,intersect:!1}},scales:{x:{grid:{color:body.classList.contains(`dark-mode`)?e:f},ticks:{color:body.classList.contains(`dark-mode`)?d:h}},y:{grid:{color:body.classList.contains(`dark-mode`)?e:f},ticks:{color:body.classList.contains(`dark-mode`)?d:h}}}}});themeToggle.addEventListener(`click`,()=>{const a=body.classList.contains(`dark-mode`)?d:h;const c=body.classList.contains(`dark-mode`)?e:g;b.options.plugins.legend.labels.color=a;b.options.scales.x.ticks.color=a;b.options.scales.y.ticks.color=a;b.options.scales.x.grid.color=c;b.options.scales.y.grid.color=c;b.update()});const c=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=>{c.observe(a)})}))</script>
</body></html>