文本查看器


<!doctypehtml><html lang=zh-CN><head><meta charset=UTF-8><meta content=width=device-width,initial-scale=1.0 name=viewport><title>篮球场硅PU地面系统：基层施工工艺全解析 - 优正体育</title><meta name='keywords' content='篮球场硅PU地面系统：基层施工工艺全解析'><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><link href=https://fonts.googleapis.com rel=preconnect><link crossorigin href=https://fonts.gstatic.com rel=preconnect><link href=https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap rel=stylesheet><style>:root{--primary:#0070f3;--secondary:#6b7280;--accent:#4f46e5;--background-light:#fff;--text-light:#1f2937;--background-dark:#111827;--text-dark:#f3f4f6}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(-4px)}.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{opacity:0;animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-number{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.light-mode .step-number{background-color:var(--primary)}.dark-mode .step-number{background-color:var(--accent)}.layer-card{transition:all .3s}.layer-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a}.dark-mode .layer-card:hover{box-shadow:0 10px 25px -5px #ffffff0d}.progress-bar{background:linear-gradient(90deg,var(--primary)0%,var(--accent)较高);z-index:1000;height:4px;position:fixed;top:0;left:0}.dark-mode .progress-bar{background:linear-gradient(90deg,#60a5fa,#818cf8)}</style></head><body class="light-mode bg-white text-gray-800 min-h-screen"><div class=progress-bar id=progressBar></div><nav class="sticky top-0 z-50 backdrop-blur-md bg-white/90 dark:bg-gray-900/90 border-b border-gray-200 dark:border-gray-700 shadow-sm"><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"><span class="text-xl font-bold text-blue-600 dark:text-blue-400"> <i class="fas fa-basketball-ball mr-2"></i> 篮球场硅PU地面系统 </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=themeToggle><i class="fas fa-moon dark:hidden"></i> <i class="fas fa-sun hidden dark:block text-yellow-300"></i></button></div></div></div></nav><main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"><header class="mb-12 fade-in"style=animation-delay:.1s><h1 class="text-3xl md:text-4xl font-bold mb-4 text-center text-gray-900 dark:text-white">篮球场硅PU地面系统：基层施工工艺全解析</h1><div class="flex flex-col md:flex-row justify-center items-start md:items-center gap-4 text-center"><div class="flex items-center justify-center"><i class="fas fa-user-edit text-blue-500 mr-2"></i><span>作者：湖北优正体育</span></div><div class="flex items-center justify-center"><i class="fas fa-phone-alt text-blue-500 mr-2"></i><span>电话：185-7145-9135</span></div></div><p class="mt-6 text-lg text-gray-700 dark:text-gray-300 max-w-3xl mx-auto">硅PU（硅改性聚氨酯）地面系统因其优异的弹性、耐磨性、耐候性及环保性能，已成为室外篮球场等运动场地的优选材料之一。其性能的充分发挥，高度依赖于规范、精细的基层施工工艺。</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/20 dark:to-indigo-900/20 p-6 rounded-xl shadow-sm"><h2 class="text-2xl font-bold mb-4 text-blue-700 dark:text-blue-400 flex items-center"><i class="fas fa-layer-group mr-2"></i> 硅PU篮球场典型分层结构</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm"><h3 class="text-lg font-semibold mb-3 text-gray-800 dark:text-gray-200">标准分层结构</h3><ul class="space-y-2 text-gray-700 dark:text-gray-300"><li class="flex items-center"><span class="w-2 h-2 bg-blue-500 rounded-full mr-2"></span> 混凝土或沥青基础<li class="flex items-center"><span class="w-2 h-2 bg-blue-500 rounded-full mr-2"></span> 硅PU底漆层<li class="flex items-center"><span class="w-2 h-2 bg-blue-500 rounded-full mr-2"></span> 硅PU弹性层<li class="flex items-center"><span class="w-2 h-2 bg-blue-500 rounded-full mr-2"></span> 硅PU加强层<li class="flex items-center"><span class="w-2 h-2 bg-blue-500 rounded-full mr-2"></span> 硅PU面漆层<li class="flex items-center"><span class="w-2 h-2 bg-blue-500 rounded-full mr-2"></span> 划线层</ul></div><div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-sm"><h3 class="text-lg font-semibold mb-3 text-gray-800 dark:text-gray-200">各层功能特点</h3><ul class="space-y-2 text-gray-700 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><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></div></section><section class="mb-16 fade-in"style=animation-delay:.3s><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class=p-6><h2 class="text-2xl font-bold mb-6 flex items-center text-gray-800 dark:text-white"><i class="fas fa-tasks text-blue-500 mr-3"></i> 施工流程概览</h2><div class="relative pl-8 pb-4"><div class="absolute left-3 top-0 bottom-0 w-0.5 bg-blue-200 dark:bg-blue-900"></div><div class="relative mb-8"><div class="absolute left-[-25px] top-0 step-number">1</div><h3 class="text-xl font-semibold mb-2 text-gray-800 dark:text-white">基础要求与处理</h3><p class="text-gray-700 dark:text-gray-300">硅PU系统的成功铺设，首先建立在合格的基础之上。基础通常为混凝土或沥青砼。</div><div class="relative mb-8"><div class="absolute left-[-25px] top-0 step-number">2</div><h3 class="text-xl font-semibold mb-2 text-gray-800 dark:text-white">硅PU底漆层施工</h3><p class="text-gray-700 dark:text-gray-300">底漆层是连接基础与弹性层的"桥梁"，起到渗透加固、封闭毛细孔、提高层间附着力的作用。</div><div class="relative mb-8"><div class="absolute left-[-25px] top-0 step-number">3</div><h3 class="text-xl font-semibold mb-2 text-gray-800 dark:text-white">硅PU弹性层施工</h3><p class="text-gray-700 dark:text-gray-300">弹性层是硅PU系统的核心，直接提供运动所需的冲击吸收和垂直变形功能，保护运动员关节。</div><div class="relative mb-8"><div class="absolute left-[-25px] top-0 step-number">4</div><h3 class="text-xl font-semibold mb-2 text-gray-800 dark:text-white">硅PU加强层施工</h3><p class="text-gray-700 dark:text-gray-300">加强层位于弹性层之上，主要作用是进一步提升场地的韧性、耐磨性和整体强度，为面漆提供均匀坚实的基底。</div><div class="relative mb-8"><div class="absolute left-[-25px] top-0 step-number">5</div><h3 class="text-xl font-semibold mb-2 text-gray-800 dark:text-white">硅PU面漆层施工</h3><p class="text-gray-700 dark:text-gray-300">面漆层是较终的表面层，直接决定场地的颜色、光泽、耐磨、防滑及耐候性能。</div><div class=relative><div class="absolute left-[-25px] top-0 step-number">6</div><h3 class="text-xl font-semibold mb-2 text-gray-800 dark:text-white">划线</h3><p class="text-gray-700 dark:text-gray-300">按照国际篮联（FIBA）或客户要求的规格，进行场地界线绘制。</div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class=p-6><h2 class="text-2xl font-bold mb-6 flex items-center text-gray-800 dark:text-white"><i class="fas fa-layer-group text-blue-500 mr-3"></i> 硅PU篮球场分层结构详解</h2><div class=space-y-6><div class="layer-card bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 p-5 rounded-lg border-l-4 border-blue-500"><h3 class="text-xl font-semibold mb-3 text-gray-800 dark:text-white">1. 基础层</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">混凝土基础</h4><ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1"><li>强度不低于C25<li>厚度建议≥150mm<li>合理切割伸缩缝（建议6m×6m）<li>表面平整度需用3米直尺测量，误差≤3mm</ul></div><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">沥青基础</h4><ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1"><li>压实密度达到95%以上<li>无轮迹、松散、浮油、翻浆现象<li>建议采用中粒式沥青混凝土<li>厚度≥50mm</ul></div></div><div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700"><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">排水坡度</h4><p class="text-gray-700 dark:text-gray-300">基础表面应具备合理的排水坡度，一般横向为0.3%-0.5%，确保雨后无积水。</div></div><div class="layer-card bg-gradient-to-r from-indigo-50 to-purple-50 dark:from-indigo-900/20 dark:to-purple-900/20 p-5 rounded-lg border-l-4 border-indigo-500"><h3 class="text-xl font-semibold mb-3 text-gray-800 dark:text-white">2. 硅PU底漆层</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">材料要求</h4><p class="text-gray-700 dark:text-gray-300">采用硅PU专用底漆，通常为单组份水性材料。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">施工条件</h4><p class="text-gray-700 dark:text-gray-300">基础必须完全干燥（含水率≤5%）、洁净。施工时环境温度宜在5℃-40℃之间，空气相对湿度低于85%。</div></div><div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700"><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">施工方法</h4><ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1"><li>将底漆材料搅拌均匀<li>采用滚筒或刮耙，将底漆均匀涂布于基础表面<li>待底漆固化（通常需4-8小时，视天气而定）后，方可进行下一道工序</ul></div></div><div class="layer-card bg-gradient-to-r from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 p-5 rounded-lg border-l-4 border-purple-500"><h3 class="text-xl font-semibold mb-3 text-gray-800 dark:text-white">3. 硅PU弹性层</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">材料要求</h4><p class="text-gray-700 dark:text-gray-300">硅PU弹性层材料，通常为双组份（A组份为色浆，B组份为固化剂），施工时按指定比例混合。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">施工方法</h4><ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1"><li>按规定比例将A、B组份混合，并加入适量专用橡胶颗粒<li>将混合料倾倒于场地，用专用刮耙或镘刀分层刮涂<li>一般分2-3层施工，每层厚度约为1-1.5mm<li>刮涂时需注意流向一致，确保厚度均匀、表面平整</ul></div></div><div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700"><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">施工间隔</h4><p class="text-gray-700 dark:text-gray-300">每层施工间隔时间以前一层干固为准（通常需8-12小时）。</div></div><div class="layer-card bg-gradient-to-r from-pink-50 to-red-50 dark:from-pink-900/20 dark:to-red-900/20 p-5 rounded-lg border-l-4 border-pink-500"><h3 class="text-xl font-semibold mb-3 text-gray-800 dark:text-white">4. 硅PU加强层</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">材料要求</h4><p class="text-gray-700 dark:text-gray-300">硅PU加强层材料，同样为双组份，但通常不添加颗粒或添加更细的颗粒。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">施工方法</h4><ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1"><li>将材料按比例混合搅拌均匀<li>用刮耙进行全场刮涂，厚度通常控制在0.5-0.8mm左右<li>施工后要求表面更加致密、光滑，无任何粗糙颗粒感</ul></div></div><div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700"><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">施工效果</h4><p class="text-gray-700 dark:text-gray-300">此层彻底干固后，场地应已达到基本的平整度和弹性要求。</div></div><div class="layer-card bg-gradient-to-r from-red-50 to-orange-50 dark:from-red-900/20 dark:to-orange-900/20 p-5 rounded-lg border-l-4 border-red-500"><h3 class="text-xl font-semibold mb-3 text-gray-800 dark:text-white">5. 硅PU面漆层</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">材料要求</h4><p class="text-gray-700 dark:text-gray-300">硅PU面漆，通常为水性双组份材料，颜色鲜艳（如国际篮联标准的红、绿、蓝等）。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">施工方法</h4><ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1"><li>施工前确保加强层完全干固、平整、无尘<li>将面漆A、B组份按比例混合，搅拌均匀<li>采用滚筒或喷枪进行涂布。通常需涂布2遍<li>涂布方向应一致</ul></div></div><div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700"><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">施工效果</h4><p class="text-gray-700 dark:text-gray-300">施工后形成的漆膜应色泽均匀、光亮、无气泡、无流挂、无刷痕。</div></div><div class="layer-card bg-gradient-to-r from-orange-50 to-yellow-50 dark:from-orange-900/20 dark:to-yellow-900/20 p-5 rounded-lg border-l-4 border-orange-500"><h3 class="text-xl font-semibold mb-3 text-gray-800 dark:text-white">6. 划线</h3><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">材料要求</h4><p class="text-gray-700 dark:text-gray-300">专用硅PU划线漆，通常为单组份，颜色为白色或其他规定色。</div><div><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">施工方法</h4><ul class="list-disc list-inside text-gray-700 dark:text-gray-300 space-y-1"><li>待面漆完全干固后，按设计图纸精确测量、定位<li>用墨线弹出线条<li>用胶带沿墨线两侧贴出标准宽度的边线（通常线宽为5cm）<li>用毛刷或专用划线器将划线漆涂刷在胶带框定的区域内</ul></div></div><div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700"><h4 class="font-medium text-gray-700 dark:text-gray-300 mb-2">施工效果</h4><p class="text-gray-700 dark:text-gray-300">待划线漆表干后，小心撕去胶带，形成清晰、锐利、平直的界线。</div></div></div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.5s><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class=p-6><h2 class="text-2xl font-bold mb-6 flex items-center text-gray-800 dark:text-white"><i class="fas fa-chart-line text-blue-500 mr-3"></i> 施工质量控制要点</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="bg-blue-50 dark:bg-blue-900/20 p-5 rounded-lg"><h3 class="text-lg font-semibold mb-3 text-gray-800 dark:text-white flex items-center"><i class="fas fa-tools text-blue-500 mr-2"></i> 基础处理</h3><ul class="space-y-2 text-gray-700 dark:text-gray-300"><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>基础表面平整度需用3米直尺测量，误差≤3mm</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>混凝土基础需合理切割伸缩缝（建议6m×6m）</span><li class="flex items-start"><i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i> <span>基础表面应具备合理的排水坡度，一般横向为0.3%-0.5%</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 class="bg-blue-50 dark:bg-blue-900/20 p-5 rounded-lg"><h3 class="text-lg font-semibold mb-3 text-gray-800 dark:text-white flex items-center"><i class="fas fa-paint-roller text-blue-500 mr-2"></i> 涂层施工</h3><ul class="space-y-2 text-gray-700 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><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="mb-16 fade-in"style=animation-delay:.6s><div class="card bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-200 dark:border-gray-700"><div class=p-6><h2 class="text-2xl font-bold mb-6 flex items-center text-gray-800 dark:text-white"><i class="fas fa-star text-yellow-500 mr-3"></i> 总结</h2><div class="prose prose-lg dark:prose-invert max-w-none"><p class="text-gray-700 dark:text-gray-300">篮球场硅PU地面系统的施工是一项系统性的专业工程，其质量核心在于<strong class="text-blue-600 dark:text-blue-400">合格的基础、严格的工序和规范的施工</strong>。从基础处理到底漆封闭，从弹性层、加强层的构建到面漆的保护与装饰，每一层都承担着特定的功能，环环相扣，缺一不可。<p class="text-gray-700 dark:text-gray-300">遵循科学的施工工艺，是确保硅PU球场达到理想运动性能、耐久性与安全性的根本保障。</div></div></div></section><section class="mb-16 fade-in"style=animation-delay:.7s><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-4 text-blue-700 dark:text-blue-400 flex items-center"><i class="fas fa-info-circle mr-2"></i> 关于作者</h2><div class="flex flex-col md:flex-row items-center gap-6"><div class="w-24 h-24 bg-blue-100 dark:bg-blue-800 rounded-full flex items-center justify-center"><i class="fas fa-building text-4xl text-blue-500 dark:text-blue-300"></i></div><div><h3 class="text-xl font-semibold text-gray-800 dark:text-white">湖北优正体育</h3><p class="text-gray-700 dark:text-gray-300">专业的篮球场硅PU地面系统供应商<p class="text-gray-600 dark:text-gray-400 mt-2"><i class="fas fa-phone-alt mr-2"></i> 185-7145-9135</div></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="max-w-7xl 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-600 dark:text-gray-400">© 2025 篮球场硅PU地面系统</div><div class="flex items-center"><p class="text-gray-600 dark:text-gray-400">作者： 优正体育吴杰185-7145-9135</div></div></div></footer><script>const themeToggle=document.getElementById(`themeToggle`);const body=document.body;const prefersDarkScheme=window.matchMedia(`(prefers-color-scheme: dark)`);if(prefersDarkScheme.matches){body.classList.remove(`light-mode`);body.classList.add(`dark-mode`);body.classList.remove(`bg-white`,`text-gray-800`);body.classList.add(`bg-gray-900`,`text-gray-100`)};themeToggle.addEventListener(`click`,()=>{let b=`light-mode`,a=`dark-mode`,c=`bg-white`,d=`text-gray-800`,e=`bg-gray-900`,f=`text-gray-100`;if(body.classList.contains(a)){body.classList.remove(a);body.classList.add(b);body.classList.remove(e,f);body.classList.add(c,d)}else{body.classList.remove(b);body.classList.add(a);body.classList.remove(c,d);body.classList.add(e,f)}});const progressBar=document.getElementById(`progressBar`);window.addEventListener(`scroll`,()=>{const a=document.body.scrollTop||document.documentElement.scrollTop;const b=document.documentElement.scrollHeight- document.documentElement.clientHeight;const c=(a/b)*100;progressBar.style.width=c+ `%`});document.addEventListener(`DOMContentLoaded`,()=>{const a=document.querySelectorAll(`.fade-in`);a.forEach(a=>{a.style.opacity=`1`})})</script>
</body></html>