Update index.html

assets/auto-char-card/index.html

@@ -147,10 +147,9 @@
             </div>
         </div>
     </div>
-</div>
 
-<!-- 移动端底部导航栏 -->
-<div class="acc-mobile-nav">
+    <!-- 移动端底部导航栏 -->
+    <div class="acc-mobile-nav">
         <button class="acc-nav-btn" data-target="acc-left-panel">
             <i class="fas fa-cog"></i>
             <span>设置</span>
@@ -163,6 +162,7 @@
             <i class="fas fa-eye"></i>
             <span>预览</span>
         </button>
+    </div>
 </div>
 
 <!-- 最小化后的图标 -->

assets/auto-char-card/style.css

@@ -3,14 +3,18 @@
     position: fixed;
     top: 0;
     left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: #1e1e1e;
+    width: 100vw;
+    height: 100vh;
+    height: 100dvh; /* 适配移动端动态视口 */
+    background-color: #1e1e1e !important;
     color: #e0e0e0;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    z-index: 2000; /* 确保在最上层 */
+    z-index: 99999 !important; /* 确保在最上层，超过 SillyTavern 的层级 */
     display: flex;
     flex-direction: column;
+    margin: 0 !important;
+    padding: 0 !important;
+    box-sizing: border-box;
 }
 
 /* 顶部栏 */
@@ -644,16 +648,14 @@
 /* Mobile Navigation */
 .acc-mobile-nav {
     display: none;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    width: 100%;
+    /* Flex item in .acc-window */
     height: 60px;
     background-color: #252526;
     border-top: 1px solid #333;
     z-index: 2002;
     justify-content: space-around;
     align-items: center;
+    flex-shrink: 0;
 }
 
 .acc-nav-btn {
@@ -685,7 +687,7 @@
     }
 
     .acc-body {
-        padding-bottom: 60px; /* Space for nav */
+        padding-bottom: 0; /* Nav is now a flex item */
     }
 
     .acc-column {