From 4d4f5caaa5132c9fe0724d8676c5c9780cec0c39 Mon Sep 17 00:00:00 2001
From: chenchun <chenchun@virtheart.com>
Date: Sun, 26 Apr 2026 22:46:12 +0800
Subject: [PATCH] =?UTF-8?q?style(ArcticNewOneCursor):=20=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?=E5=85=89=E6=A0=87=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E5=B9=B6?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=B7=B7=E5=90=88=E6=A8=A1=E5=BC=8F=E5=AE=B9?=
 =?UTF-8?q?=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将光标元素包裹在混合模式容器中，调整层级和定位方式
优化z-index值，移除重复的混合模式属性
---
 app/components/layouts/ArcticNewOneCursor.vue | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/app/components/layouts/ArcticNewOneCursor.vue b/app/components/layouts/ArcticNewOneCursor.vue
index 1d9ba7f..f7817e4 100644
--- a/app/components/layouts/ArcticNewOneCursor.vue
+++ b/app/components/layouts/ArcticNewOneCursor.vue
@@ -257,9 +257,11 @@ onBeforeUnmount(() => {
 <template>
   <Teleport to="body">
     <div aria-hidden="true">
-      <div ref="dotRef" class="custom-cursor-dot" />
-      <div ref="horizontalLineRef" class="custom-cursor-line custom-cursor-line-x" />
-      <div ref="verticalLineRef" class="custom-cursor-line custom-cursor-line-y" />
+      <div class="custom-cursor-blend-group">
+        <div ref="horizontalLineRef" class="custom-cursor-line custom-cursor-line-x" />
+        <div ref="verticalLineRef" class="custom-cursor-line custom-cursor-line-y" />
+        <div ref="dotRef" class="custom-cursor-dot" />
+      </div>
       <div ref="pillRef" class="custom-cursor-pill">
         <div ref="pillTextRef" class="custom-cursor-pill-text">Read more</div>
       </div>
@@ -268,6 +270,17 @@ onBeforeUnmount(() => {
 </template>
 
 <style scoped>
+.custom-cursor-blend-group {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 2147483646;
+  mix-blend-mode: difference;
+}
+
 .custom-cursor-dot,
 .custom-cursor-line,
 .custom-cursor-pill,
@@ -278,15 +291,14 @@ onBeforeUnmount(() => {
 
 .custom-cursor-dot,
 .custom-cursor-line {
-  position: fixed;
+  position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
-  mix-blend-mode: difference;
 }
 
 .custom-cursor-dot {
-  z-index: 2147483647;
+  z-index: 2;
   width: 24px;
   height: 24px;
   border-radius: 999px;
@@ -294,7 +306,7 @@ onBeforeUnmount(() => {
 }
 
 .custom-cursor-line {
-  z-index: 2147483646;
+  z-index: 1;
   background: #888;
 }