diff --git a/src/pages-service/tickets/components/TicketHome.vue b/src/pages-service/tickets/components/TicketHome.vue
index 43b1c6a..b1011a0 100644
--- a/src/pages-service/tickets/components/TicketHome.vue
+++ b/src/pages-service/tickets/components/TicketHome.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="h-screen overflow-hidden bg-[#06111f] flex flex-col">
-    <view class="relative h-[43vh] shrink-0 overflow-hidden bg-[#173a34]">
+    <view class="relative z-0 h-[43vh] shrink-0 overflow-hidden bg-[#173a34]">
       <image class="absolute inset-0 h-full w-full" :src="scenicSpot.heroImage" mode="aspectFill" />
       <view class="absolute inset-0 bg-[linear-gradient(180deg,rgba(6,17,31,0.15)_18%,rgba(6,17,31,0.1)_45%,rgba(6,17,31,0.92)_100%)]" />
 
@@ -22,7 +22,7 @@
         </view>
       </view>
 
-      <view class="absolute bottom-[22px] left-[20px] right-[20px]">
+      <view class="absolute bottom-[42px] left-[20px] right-[20px]">
         <text class="block text-[28px] font-bold leading-[1.2] text-white">{{ scenicSpot.name }}</text>
         <text class="mt-[7px] block text-[13px] text-white/85">{{ scenicSpot.level }}｜{{ scenicSpot.heritage }}</text>
         <view class="mt-[10px] flex items-center">
@@ -42,7 +42,7 @@
       </view>
     </view>
 
-    <view class="-mt-[16px] min-h-0 flex-1 overflow-hidden rounded-t-[22px] bg-white pt-[14px]">
+    <view class="relative z-10 -mt-[28px] min-h-0 flex-1 overflow-hidden rounded-t-[28px] bg-[#f4f6f8] shadow-[0_-8px_24px_rgba(6,17,31,0.12)]">
       <view class="flex h-full min-h-0">
         <scroll-view
           class="h-full w-[96px] shrink-0 bg-white"