From 1499476301f5be86c083e9e4a363d3454b2a72c1 Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Fri, 12 Jun 2026 12:56:38 +0800
Subject: [PATCH] fix: center chapter picker overlay, remove panel border, add
 backdrop blur

---
 src/components/StoryGallery.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/StoryGallery.vue b/src/components/StoryGallery.vue
index 8c60ce1..5e797b8 100644
--- a/src/components/StoryGallery.vue
+++ b/src/components/StoryGallery.vue
@@ -498,17 +498,19 @@ const tree = computed(() => buildTreeForChapter(currentChapterId.value))
 
 .chapter-picker {
   position: absolute;
-  bottom: 56px;
-  right: 20px;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   z-index: 300;
 }
 
 .picker-panel {
-  background: #12121a;
-  border: 1px solid rgba(201,168,76,0.15);
-  border-radius: 12px;
-  padding: 24px 28px;
-  box-shadow: 0 8px 32px rgba(0,0,0,0.6);
+  background: rgba(12,12,18,0.94);
+  backdrop-filter: blur(8px);
+  border-radius: 16px;
+  padding: 28px 32px;
+  box-shadow: 0 4px 24px rgba(0,0,0,0.4);
 }
 
 .picker-title {