fix: horizontal tab panel in top reserve area, no longer covered

app/src/main/assets/h5/css/app.css

@@ -536,16 +536,16 @@ body.webapp-active [data-page="webapplist"] {
 
 #tab-panel {
   position: fixed;
-  /* 与顶栏同一行（12px），避免 top 落入内容 WebView 的 topMargin(56dp) 区域被遮挡 */
-  /* Same row as the topbar (12px) so it stays above the content WebView's
-     topMargin (56dp) and isn't covered */
-  top: 12px;
-  right: 16px;
+  /* 顶栏正下方横向展开，位于内容 WebView 的顶部预留区（96dp）内，不被遮挡 */
+  /* Horizontal row right below the topbar, inside the content WebView's top
+     reserve (96dp) so it isn't covered */
+  top: 54px;
+  left: 84px;
+  right: 12px;
   display: none;
-  max-height: 120px;
-  overflow-y: auto;
-  min-width: 180px;
-  max-width: 260px;
+  flex-direction: row;
+  gap: 8px;
+  overflow-x: auto;
   padding: 8px;
   border-radius: 16px;
   background: var(--glass-bg);

app/src/main/assets/h5/js/webapp/topbar.js

@@ -73,7 +73,9 @@ function showTabPanel(tabs) {
     row.append(name, close);
     panel.appendChild(row);
   });
-  panel.style.display = 'block';
+  // 横向展开（CSS flex-direction: row）
+  // Expand horizontally (CSS flex-direction: row)
+  panel.style.display = 'flex';
 }
 
 // 收起标签面板