From 2813ea4392d4008018906730d53e3f7e22d7c414 Mon Sep 17 00:00:00 2001
From: jiwangyihao <jwyh@jwyihao.top>
Date: Sat, 21 Jun 2025 00:57:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=85=B3=E4=BA=8E?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=8C=87=E7=A4=BA=E5=99=A8=E7=9A=84=E9=80=8F?=
 =?UTF-8?q?=E6=98=8E=E5=BA=A6=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/about.vue | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/pages/about.vue b/pages/about.vue
index a374f70..12147fc 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -121,17 +121,12 @@ function scrollIntoView(id: string) {
         </h2>
         <Icon
           name="s:about-indicator"
-          class="absolute left-3 bottom-0 w-20 h-[auto]! s-color-primary-100 dark:s-color-primary-500 dark:opacity-50"
+          class="absolute left-3 bottom-0 w-20 h-[auto]! s-color-primary-100 opacity-[calc(2*var(--s-opacity))] dark:s-color-primary-500 dark:opacity-[calc(0.38*var(--s-opacity))]"
           mode="svg"
           :style="{
             translate: `calc(${40 * (sProgress - 1)} * var(--spacing)) 0`,
-            opacity: sDark
-              ? (range(0, 0.5, sProgress - 0.5) -
-                  range(0, 0.5, sProgress - 6.5)) *
-                0.38
-              : (range(0, 0.5, sProgress - 0.5) -
-                  range(0, 0.5, sProgress - 6.5)) *
-                2,
+            '--s-opacity':
+              range(0, 0.5, sProgress - 0.5) - range(0, 0.5, sProgress - 6.5),
           }"
         />
         <button