From 8309c3818a1724aa153717bc3e0c7ed91b092583 Mon Sep 17 00:00:00 2001
From: nercone-dev <nercone@nercone.dev>
Date: Sat, 25 Apr 2026 18:48:29 +0900
Subject: [PATCH] --

---
 public/assets/css/style-extra.css | 43 ++++++++++++++-----------------
 public/assets/js/script-extra.js  |  2 +-
 2 files changed, 20 insertions(+), 25 deletions(-)

diff --git a/public/assets/css/style-extra.css b/public/assets/css/style-extra.css
index a9a07a7..bc413cd 100644
--- a/public/assets/css/style-extra.css
+++ b/public/assets/css/style-extra.css
@@ -40,30 +40,25 @@ header::after {
             mask-image: linear-gradient(to top, transparent var(--from), black var(--to));
 }
 .header-blur > div:nth-child(1) { --blur: 0.0px; --from: 0%; --to: 2%; }
-.header-blur > div:nth-child(2) { --blur: 0.03px; --from: 2%; --to: 4%; }
-.header-blur > div:nth-child(3) { --blur: 0.11px; --from: 4%; --to: 6%; }
-.header-blur > div:nth-child(4) { --blur: 0.25px; --from: 6%; --to: 8%; }
-.header-blur > div:nth-child(5) { --blur: 0.44px; --from: 8%; --to: 10%; }
-.header-blur > div:nth-child(6) { --blur: 0.69px; --from: 10%; --to: 12%; }
-.header-blur > div:nth-child(7) { --blur: 1.0px; --from: 12%; --to: 14%; }
-.header-blur > div:nth-child(8) { --blur: 1.36px; --from: 14%; --to: 16%; }
-.header-blur > div:nth-child(9) { --blur: 1.78px; --from: 16%; --to: 18%; }
-.header-blur > div:nth-child(10) { --blur: 2.25px; --from: 18%; --to: 20%; }
-.header-blur > div:nth-child(11) { --blur: 2.78px; --from: 20%; --to: 22%; }
-.header-blur > div:nth-child(12) { --blur: 3.36px; --from: 22%; --to: 24%; }
-.header-blur > div:nth-child(13) { --blur: 4.0px; --from: 24%; --to: 26%; }
-.header-blur > div:nth-child(14) { --blur: 4.69px; --from: 26%; --to: 28%; }
-.header-blur > div:nth-child(15) { --blur: 5.44px; --from: 28%; --to: 30%; }
-.header-blur > div:nth-child(16) { --blur: 6.25px; --from: 30%; --to: 32%; }
-.header-blur > div:nth-child(17) { --blur: 7.11px; --from: 32%; --to: 34%; }
-.header-blur > div:nth-child(18) { --blur: 8.03px; --from: 34%; --to: 36%; }
-.header-blur > div:nth-child(19) { --blur: 9.0px; --from: 36%; --to: 38%; }
-.header-blur > div:nth-child(20) { --blur: 10.03px; --from: 38%; --to: 40%; }
-.header-blur > div:nth-child(21) { --blur: 11.11px; --from: 40%; --to: 42%; }
-.header-blur > div:nth-child(22) { --blur: 12.25px; --from: 42%; --to: 44%; }
-.header-blur > div:nth-child(23) { --blur: 13.44px; --from: 44%; --to: 46%; }
-.header-blur > div:nth-child(24) { --blur: 14.69px; --from: 46%; --to: 48%; }
-.header-blur > div:nth-child(25) { --blur: 16.0px; --from: 48%; --to: 50%; }
+.header-blur > div:nth-child(2) { --blur: 0.02px; --from: 2%; --to: 4%; }
+.header-blur > div:nth-child(3) { --blur: 0.09px; --from: 4%; --to: 6%; }
+.header-blur > div:nth-child(4) { --blur: 0.2px; --from: 6%; --to: 8%; }
+.header-blur > div:nth-child(5) { --blur: 0.35px; --from: 8%; --to: 10%; }
+.header-blur > div:nth-child(6) { --blur: 0.55px; --from: 10%; --to: 12%; }
+.header-blur > div:nth-child(7) { --blur: 0.8px; --from: 12%; --to: 14%; }
+.header-blur > div:nth-child(8) { --blur: 1.09px; --from: 14%; --to: 16%; }
+.header-blur > div:nth-child(9) { --blur: 1.42px; --from: 16%; --to: 18%; }
+.header-blur > div:nth-child(10) { --blur: 1.8px; --from: 18%; --to: 20%; }
+.header-blur > div:nth-child(11) { --blur: 2.22px; --from: 20%; --to: 22%; }
+.header-blur > div:nth-child(12) { --blur: 2.68px; --from: 22%; --to: 24%; }
+.header-blur > div:nth-child(13) { --blur: 3.19px; --from: 24%; --to: 26%; }
+.header-blur > div:nth-child(14) { --blur: 3.75px; --from: 26%; --to: 28%; }
+.header-blur > div:nth-child(15) { --blur: 4.34px; --from: 28%; --to: 30%; }
+.header-blur > div:nth-child(16) { --blur: 4.99px; --from: 30%; --to: 32%; }
+.header-blur > div:nth-child(17) { --blur: 5.67px; --from: 32%; --to: 34%; }
+.header-blur > div:nth-child(18) { --blur: 6.4px; --from: 34%; --to: 36%; }
+.header-blur > div:nth-child(19) { --blur: 7.18px; --from: 36%; --to: 38%; }
+.header-blur > div:nth-child(20) { --blur: 8.0px; --from: 38%; --to: 40%; }
 
 /* Fonts */
 @font-face {
diff --git a/public/assets/js/script-extra.js b/public/assets/js/script-extra.js
index 0979a08..1ba538a 100644
--- a/public/assets/js/script-extra.js
+++ b/public/assets/js/script-extra.js
@@ -6,7 +6,7 @@ function initProgressiveHeaderBlur() {
     const container = document.createElement('div');
     container.className = 'header-blur';
     container.setAttribute('aria-hidden', 'true');
-    for (let i = 0; i < 25; i++) container.appendChild(document.createElement('div'));
+    for (let i = 0; i < 20; i++) container.appendChild(document.createElement('div'));
     header.prepend(container);
 }
 initProgressiveHeaderBlur();