文本查看器


<!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:#06c;--secondary:#00a3e0;--accent:#ff6b6b;--text-primary:#333;--text-secondary:#666;--bg-light:#fff;--bg-dark:#1a1a1a;--card-light:#f8f9fa;--card-dark:#2d2d2d}.dark{--primary:#00a3e0;--secondary:#0077b6;--accent:#ff6b6b}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card{transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{transform:translateY(-5px)}.light-mode .card:hover{border-color:var(--primary);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark-mode .card:hover{border-color:var(--primary);box-shadow:0 10px 25px -5px #ffffff0d,0 10px 10px -5px #ffffff05}.btn{transition:transform .2s,background-color .2s}.btn:hover{transform:scale(1.05)}.fade-in{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.material-icon{transition:transform .3s}.card:hover .material-icon{transform:scale(1.2)}.chart-container{width:较高;height:300px;margin:auto;position:relative}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.progress-value{background-color:var(--primary);border-radius:4px;height:较高;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"><nav class="sticky top-0 z-50 bg-white dark:bg-gray-900 shadow-md"><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-basketball-ball text-blue-600 text-xl"></i><span class="text-lg font-bold">万宁篮球场材料分析</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 text-yellow-300"></i></button></div></div></nav><main class="flex-grow container mx-auto px-4 py-8"><header class="mb-12 fade-in"><h1 class="text-3xl md:text-4xl font-bold mb-4 text-center">万宁全地形全季节全功能篮球场铺装材料技术分析报告</h1><div class="flex justify-center items-center space-x-4 text-gray-600 dark:text-gray-400"><div class="flex items-center"><i class="fas fa-user-circle mr-2"></i><span>作者：湖北优正体育</span></div><div class="flex items-center"><i class="fas fa-phone-alt mr-2"></i><span>189-8622-7599</span></div></div></header><section class="mb-16 fade-in"style=animation-delay:.2s><div class="bg-blue-50 dark:bg-blue-900/20 p-6 rounded-xl shadow-sm"><h2 class="text-2xl font-bold mb-4 flex items-center"><i class="fas fa-map-marker-alt text-red-500 mr-2"></i> Ⅰ. 前言：万宁地理与气候概述</h2><p class="mb-4 leading-relaxed">万宁位于海南岛东南部，地处热带海洋性季风气候北缘，四周群山环抱，拥有典型的热带气候特征。<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6"><div class="card bg-white dark:bg-gray-800 p-5 rounded-lg border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-3"><i class="fas fa-temperature-high text-orange-500 text-xl mr-3 material-icon"></i><h3 class="text-xl font-semibold">温度特征</h3></div><p class=leading-relaxed>万宁四季如春，年平均气温约为22.5℃-24.2℃，较端较高气温约为33℃，较端较低气温约为12.8℃-13℃。这种温和的气候意味着篮球场地面无需应对严寒导致的脆裂问题。</div><div class="card bg-white dark:bg-gray-800 p-5 rounded-lg border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-3"><i class="fas fa-cloud-rain text-blue-500 text-xl mr-3 material-icon"></i><h3 class="text-xl font-semibold">降雨特征</h3></div><p class=leading-relaxed>万宁年均降雨量丰富，集中在5-11月，年降雨量达1900mm-2264mm。如此高的降雨量要求场地材料必须具备卓越的防水性、排水性能以及耐腐蚀性，以防雨水侵蚀导致的场地起皮、鼓泡或颜色褪色。</div></div><div class="mt-6 p-4 bg-blue-100 dark:bg-blue-800/30 rounded-lg"><p class=font-medium>基于上述气候特点，选择合适的球场材料需兼顾<strong>高温耐候性</strong>与<strong>强降雨排水能力</strong>，同时确保场地在高温高湿环境下的安全性与舒适性。</div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-flask text-purple-500 mr-2"></i> Ⅱ. 材料技术深度分析</h2><p class="mb-6 leading-relaxed">根据万宁的气候环境及不同使用需求，市场上主要有三种高性能球场材料：硅PU、丙烯酸和EPDM。以下是针对这三种材料的详细技术对比分析。<div class="grid grid-cols-1 lg:grid-cols-3 gap-6"><div class="card bg-white dark:bg-gray-800 p-6 rounded-lg border border-gray-200 dark:border-gray-700"><div class="flex justify-center mb-4"><div class="w-16 h-16 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center"><i class="fas fa-layer-group text-blue-600 text-2xl material-icon"></i></div></div><h3 class="text-xl font-bold text-center mb-4">硅PU (Silicone Polyurethane)</h3><div class="text-center mb-4"><span class="inline-block bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-200 px-3 py-1 rounded-full text-sm font-medium">高弹性 + 高防滑性 + 耐候性</span></div><div class=space-y-4><div><h4 class="font-semibold mb-2">弹性与舒适性</h4><p class="text-gray-700 dark:text-gray-300">硅PU具有优异的弹性和舒适性，能有效吸收地面对脚部的冲击力，减少运动员的脚部和关节压力。对于万宁热带气候下的高强度训练，这种"面硬里软"的结构有助于降低运动损伤风险。</div><div><h4 class="font-semibold mb-2">耐候与防水</h4><p class="text-gray-700 dark:text-gray-300">硅PU对水分的吸附能力较强，防水性较佳，能直接施工于水泥基础之上，且不易受水泥渗水影响。这种特性在万宁多雨季节能有效防止水分侵入，避免了因湿度引起的材料发霉或起皮问题。</div><div><h4 class="font-semibold mb-2">防滑与耐磨</h4><p class="text-gray-700 dark:text-gray-300">硅PU的防滑性和耐磨性均表现优异，能够在高温下保持摩擦系数稳定，减少球员在高温季节出汗导致的滑倒风险。</div></div><div class="mt-6 pt-4 border-t border-gray-200 dark:border-gray-700"><h4 class="font-semibold mb-2">适用场景</h4><p class="text-gray-700 dark:text-gray-300">推荐用于专业球馆、学校操场及社区球场。特别适合需要长时间高频使用且对防滑要求较高的场地。</div></div><div class="card bg-white dark:bg-gray-800 p-6 rounded-lg border border-gray-200 dark:border-gray-700"><div class="flex justify-center mb-4"><div class="w-16 h-16 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center"><i class="fas fa-palette text-green-600 text-2xl material-icon"></i></div></div><h3 class="text-xl font-bold text-center mb-4">丙烯酸 (Acrylic)</h3><div class="text-center mb-4"><span class="inline-block bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-200 px-3 py-1 rounded-full text-sm font-medium">抗紫外线 + 色彩持久性 + 施工简便</span></div><div class=space-y-4><div><h4 class="font-semibold mb-2">抗紫外线与耐候性</h4><p class="text-gray-700 dark:text-gray-300">丙烯酸材料对紫外线的抵抗力较强，色彩持久性高，能有效防止因日晒导致的褪色问题。在万宁阳光充足的环境中，丙烯酸能保持场地颜色的鲜艳。</div><div><h4 class="font-semibold mb-2">防滑与耐磨</h4><p class="text-gray-700 dark:text-gray-300">丙烯酸表层坚固耐磨，具备良好的防滑性能，能在干燥或潮湿环境下提供稳定的抓地力。</div><div><h4 class="font-semibold mb-2">施工与维护</h4><p class="text-gray-700 dark:text-gray-300">丙烯酸材料施工简便，维护成本低，通常只需喷水清洗即可保持地面光洁。</div></div><div class="mt-6 pt-4 border-t border-gray-200 dark:border-gray-700"><h4 class="font-semibold mb-2">适用场景</h4><p class="text-gray-700 dark:text-gray-300">推荐用于对色彩要求高且预算相对有限的项目。尤其适合用于公共体育场、商业综合体及部分学校球场。</div></div><div class="card bg-white dark:bg-gray-800 p-6 rounded-lg border border-gray-200 dark:border-gray-700"><div class="flex justify-center mb-4"><div class="w-16 h-16 rounded-full bg-yellow-100 dark:bg-yellow-900/30 flex items-center justify-center"><i class="fas fa-shield-alt text-yellow-600 text-2xl material-icon"></i></div></div><h3 class="text-xl font-bold text-center mb-4">EPDM (乙丙橡胶)</h3><div class="text-center mb-4"><span class="inline-block bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-200 px-3 py-1 rounded-full text-sm font-medium">较致弹性 + 环保无味 + 抗菌防霉</span></div><div class=space-y-4><div><h4 class="font-semibold mb-2">弹性与减震</h4><p class="text-gray-700 dark:text-gray-300">EPDM颗粒具有较好的弹性，提供柔软的触感和良好的减震效果，能有效吸收运动冲击，降低运动伤害风险。对于万宁高温高湿的环境，EPDM的减震性能尤为出色。</div><div><h4 class="font-semibold mb-2">防水与防霉</h4><p class="text-gray-700 dark:text-gray-300">EPDM材料无味无毒，环保性强，并且加入了防霉抗菌原料，不易滋生苔藓和微生物。这对于万宁频繁降雨且湿度大的特点来说，能有效防止场地因潮湿而发霉。</div><div><h4 class="font-semibold mb-2">耐候性</h4><p class="text-gray-700 dark:text-gray-300">EPDM对自然氧化、臭氧和酸雨的抵抗力较强，使用寿命长，颜色持久。</div></div><div class="mt-6 pt-4 border-t border-gray-200 dark:border-gray-700"><h4 class="font-semibold mb-2">适用场景</h4><p class="text-gray-700 dark:text-gray-300">推荐用于高品质商业综合体、专业比赛场地及对场地品质要求较高的项目。尤其适合需要频繁排水且对防滑、防霉要求较高的环境。</div></div></div><div class="mt-10 bg-white dark:bg-gray-800 p-6 rounded-lg shadow-sm"><h3 class="text-xl font-bold mb-6 text-center">材料性能对比</h3><div class=overflow-x-auto><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"><thead><tr><th class="px-6 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">性能指标<th class="px-6 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">硅PU<th class="px-6 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">丙烯酸<th class="px-6 py-3 bg-gray-50 dark:bg-gray-700 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">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">弹性<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><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-700 dark:text-gray-300"><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><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-yellow-600 h-2.5 rounded-full"style=width:98%></div></div><span class="ml-2 text-xs">较佳</span></div><tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium">耐候性<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><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-700 dark:text-gray-300"><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><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-yellow-600 h-2.5 rounded-full"style=width:95%></div></div><span class="ml-2 text-xs">较佳</span></div><tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium">防滑性<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><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:92%></div></div><span class="ml-2 text-xs">优秀</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><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:88%></div></div><span class="ml-2 text-xs">优秀</span></div><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-yellow-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">防水性<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><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-700 dark:text-gray-300"><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><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-yellow-600 h-2.5 rounded-full"style=width:98%></div></div><span class="ml-2 text-xs">较佳</span></div><tr><td class="px-6 py-4 whitespace-nowrap text-sm font-medium">维护成本<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><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-700 dark:text-gray-300"><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><td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300"><div class="flex items-center"><div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5"><div class="bg-yellow-600 h-2.5 rounded-full"style=width:60%></div></div><span class="ml-2 text-xs">较高</span></div></table></div></div></section><section class="mb-16 fade-in"style=animation-delay:.6s><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-chart-line text-indigo-500 mr-2"></i> 万宁气候条件与材料适应性分析</h2><div class="grid grid-cols-1 lg:grid-cols-2 gap-8"><div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-sm"><h3 class="text-lg font-semibold mb-4">万宁气候特征</h3><div class=chart-container><canvas id=climateChart></canvas></div></div><div class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-sm"><h3 class="text-lg font-semibold mb-4">材料适应性评分</h3><div class=chart-container><canvas id=materialScoreChart></canvas></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.8s><div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 p-6 rounded-xl shadow-sm"><h2 class="text-2xl font-bold mb-6 text-center">Ⅲ. 结语</h2><p class="mb-6 leading-relaxed">在万宁独特的热带海洋性季风气候环境下，<strong>硅PU</strong>材料凭借其卓越的防水性、弹性及防滑性能，较为适合该地区的全季节使用需求；<strong>丙烯酸</strong>材料则因其抗紫外线和色彩持久性，成为预算友好型场地的首选；而<strong>EPDM</strong>材料以其较致的弹性和防霉性能，成为高品质场地的理想选择。<p class="mb-6 leading-relaxed">湖北优正体育致力于为万宁地区提供较专业的材料选择建议及全流程施工服务，确保每一块篮球场都能经受住热带气候的考验，为运动员提供安全、舒适的运动环境。<div class="flex justify-center"><a class="btn inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"href=tel:185-7145-9135> <i class="fas fa-phone-alt mr-2"></i> 咨询热线：189-8622-7599 </a></div></div></section></main><footer class="bg-gray-100 dark:bg-gray-900 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"><p class="text-gray-600 dark:text-gray-400">作者： A优正塑胶跑道厂家夏琳185-7145-9135</div><div class="flex space-x-4"><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400"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.addEventListener(`DOMContentLoaded`,(()=>{let f=`#333`,g=`rgba(255, 255, 255, 0.1)`,h=`rgba(0, 0, 0, 0.1)`,i=`2d`,j=`#fff`;const a=document.getElementById(`climateChart`).getContext(i);new Chart(a,{type:`line`,data:{labels:[`1月`,`2月`,`3月`,`4月`,`5月`,`6月`,`7月`,`8月`,`9月`,`10月`,`11月`,`12月`],datasets:[{label:`平均气温 (°C)`,data:[21,22,23,24,25,27,28,29,28,27,26,23],borderColor:`#0066cc`,backgroundColor:`rgba(0, 102, 204, 0.1)`,tension:0.3,fill:!0},{label:`降雨量 (mm)`,data:[150,180,200,220,250,320,380,350,300,250,200,170],borderColor:`#ff6b6b`,backgroundColor:`rgba(255, 107, 107, 0.1)`,tension:0.3,fill:!0}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:`top`,labels:{color:body.classList.contains(`dark-mode`)?j:f}},tooltip:{mode:`index`,intersect:!1}},scales:{x:{grid:{color:body.classList.contains(`dark-mode`)?g:h},ticks:{color:body.classList.contains(`dark-mode`)?j:f}},y:{grid:{color:body.classList.contains(`dark-mode`)?g:h},ticks:{color:body.classList.contains(`dark-mode`)?j:f}}}}});const b=document.getElementById(`materialScoreChart`).getContext(i);new Chart(b,{type:`radar`,data:{labels:[`弹性`,`耐候性`,`防滑性`,`防水性`,`维护成本`,`性价比`],datasets:[{label:`硅PU`,data:[90,85,92,95,70,80],backgroundColor:`rgba(0, 102, 204, 0.2)`,borderColor:`#0066cc`,pointBackgroundColor:`#0066cc`,pointBorderColor:j,pointHoverBackgroundColor:j,pointHoverBorderColor:`#0066cc`},{label:`丙烯酸`,data:[75,85,88,70,85,88],backgroundColor:`rgba(0, 163, 224, 0.2)`,borderColor:`#00a3e0`,pointBackgroundColor:`#00a3e0`,pointBorderColor:j,pointHoverBackgroundColor:j,pointHoverBorderColor:`#00a3e0`},{label:`EPDM`,data:[95,90,85,98,60,75],backgroundColor:`rgba(255, 107, 107, 0.2)`,borderColor:`#ff6b6b`,pointBackgroundColor:`#ff6b6b`,pointBorderColor:j,pointHoverBackgroundColor:j,pointHoverBorderColor:`#ff6b6b`}]},options:{responsive:!0,maintainAspectRatio:!1,elements:{line:{borderWidth:2}},plugins:{legend:{position:`bottom`,labels:{color:body.classList.contains(`dark-mode`)?j:f}},tooltip:{callbacks:{label:(a=>`${a.dataset.label}: ${a.raw}%`)}}}}});const c=document.querySelectorAll(`.fade-in`);const d=new IntersectionObserver(a=>{a.forEach(a=>{if(a.isIntersecting){a.target.style.opacity=1;a.target.style.transform=`translateY(0)`}})},{threshold:0.1});c.forEach(a=>{a.style.opacity=0;a.style.transform=`translateY(20px)`;a.style.transition=`opacity 0.8s ease, transform 0.8s ease`;d.observe(a)})}))</script>
</body></html>