From f5bd0464614641ca2d07d2bf03185e3d5ac35132 Mon Sep 17 00:00:00 2001
From: QiuLiang-99 <1297829693@qq.com>
Date: Sat, 22 Nov 2025 03:19:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=AE=BE=E7=BD=AE=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E4=BD=8D=E7=BD=AE=E4=BB=A5=E5=8F=8A=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/FullHeaderButton.ts            | 31 +++++++++++++++----
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/bilibili.com/components/FullHeaderButton.ts b/src/bilibili.com/components/FullHeaderButton.ts
index 581d5a7..bb55f6b 100644
--- a/src/bilibili.com/components/FullHeaderButton.ts
+++ b/src/bilibili.com/components/FullHeaderButton.ts
@@ -20,28 +20,47 @@ export default class FullHeaderButton {
       return;
     }
     const container = obtainHTMLElementByID({
-      tag: 'li',
+      tag: 'div',
       id: FullHeaderButton.id,
       onDidCreate: (el) => {
-        el.classList.add('right-entry-item');
-        parent.prepend(...[parent.firstChild, el].filter(isNonNull));
+        document.body.appendChild(el)
       },
     });
     render(
       html`
   <button
     type="button"
-    class="right-entry__outside" 
+    style="
+            position: fixed;
+            bottom: 30px;
+            right: 30px;
+            z-index: 99999; /* 确保在最上层 */
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 5px;
+            padding: 10px 16px;
+            background-color: white; /* 背景色，根据需要调整（如跟随夜间模式） */
+            color: #333;             /* 文字颜色 */
+            border: 1px solid #e0e0e0;
+            border-radius: 50px;     /* 圆角胶囊样式 */
+            box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* 悬浮阴影 */
+            cursor: pointer;
+            transition: transform 0.2s;
+          "
+          /* 添加简单的鼠标悬停效果（可选，通过 onmouseenter/leave 模拟 CSS hover） */
+          @mouseenter=${(e) => e.currentTarget.style.transform = 'scale(1.05)'}
+          @mouseleave=${(e) => e.currentTarget.style.transform = 'scale(1)'}
     @click=${(e: Event) => {
       e.preventDefault();
       e.stopPropagation();
       this.settings.open();
     }}
   >
-    <svg viewBox="2 2 20 20" class="right-entry-icon" style="height: 20px; fill: currentColor;">
+    <svg viewBox="2 2 20 20" style="height: 20px; width: 20px; fill: currentColor;">
       <path fill-rule="evenodd" clip-rule="evenodd" d=${mdiEyeOffOutline}>
     </svg>
-    <span class="right-entry-text">屏蔽</span>
+    <span style="font-size: 14px; font-weight: 500;">屏蔽</span>
   </button>
 `,
       container