From 1307c53c0b0db2d4bcf17835d9b7517e79820f5e Mon Sep 17 00:00:00 2001
From: DEV_DSW <562304744@qq.com>
Date: Mon, 1 Jun 2026 10:33:09 +0800
Subject: [PATCH] style(ai-tab-switch): add flex centering and z-index to tab
 label container

adjust the container to properly align tab text and set correct stacking order
---
 src/pages/home/components/AiTabSwitch/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/home/components/AiTabSwitch/index.vue b/src/pages/home/components/AiTabSwitch/index.vue
index 57d0d89..8a2d2ff 100644
--- a/src/pages/home/components/AiTabSwitch/index.vue
+++ b/src/pages/home/components/AiTabSwitch/index.vue
@@ -26,7 +26,7 @@
             ? rightSelected || rightUnselected
             : rightUnselected || rightSelected
             " class="absolute inset-x-0 bottom-0 top-auto block w-full h-12 align-bottom z-5" />
-          <div class="translate-x-5">
+          <div class="relative flex items-center justify-center z-20 translate-x-5">
             <span
               :class="['text-[18px]', modelValue === 1 ? 'text-[#2e312f] font-bold' : 'text-white/65 font-medium']">AI伴游</span>
             <div v-if="showDot" :class="['inline-block ml-1.5 w-1.5 h-1.5 rounded-full z-22 -translate-y-px', modelValue === 1 ? 'bg-[#26d46c]' : 'bg-white/65 border border-black/8',