From 8c08f4026e4275009a3a6429fc3a0e2b0a2e6612 Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Fri, 12 Jun 2026 12:59:04 +0800
Subject: [PATCH] fix: bottom-align chapter picker, remove border, increase
 transparency

---
 src/components/StoryGallery.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/StoryGallery.vue b/src/components/StoryGallery.vue
index 5e797b8..dc6e120 100644
--- a/src/components/StoryGallery.vue
+++ b/src/components/StoryGallery.vue
@@ -500,17 +500,19 @@ const tree = computed(() => buildTreeForChapter(currentChapterId.value))
   position: absolute;
   inset: 0;
   display: flex;
-  align-items: center;
+  align-items: flex-end;
   justify-content: center;
   z-index: 300;
+  padding-bottom: 72px;
 }
 
 .picker-panel {
-  background: rgba(12,12,18,0.94);
+  border: none;
+  background: rgba(12,12,18,0.82);
   backdrop-filter: blur(8px);
   border-radius: 16px;
   padding: 28px 32px;
-  box-shadow: 0 4px 24px rgba(0,0,0,0.4);
+  box-shadow: 0 -1px 12px rgba(0,0,0,0.25);
 }
 
 .picker-title {