Upload 3 files

static/app.js

@@ -194,7 +194,11 @@ var lastSelectedIndex = -1;
 function updateSelectionUI() {
   if (!DOM.multiSelectToggle || !DOM.multiActionBar) return;
   var count = Object.keys(selectedIndices).length;
-  DOM.multiSelectedCount.textContent = count > 0 ? (STATE.isMobile ? ("已选" + count) : ("已选" + count + "项")) : "";
+  DOM.multiSelectedCount.textContent = count > 0 ? (STATE.isMobile ? "" : ("已选" + count + "项")) : "";
+  if (DOM.mobileSelectedCount) {
+    DOM.mobileSelectedCount.textContent = count > 0 ? ("已选" + count) : "";
+    DOM.mobileSelectedCount.style.display = (STATE.isMobile && DOM.multiSelectToggle.checked && count > 0) ? "" : "none";
+  }
   DOM.multiActionBar.style.display = DOM.multiSelectToggle.checked ? "" : "none";
   if (DOM.multiCopyLinks) DOM.multiCopyLinks.textContent = STATE.isMobile ? "复制" : "复制链接";
   if (DOM.multiDeselect) DOM.multiDeselect.textContent = STATE.isMobile ? "取消" : "取消选择";
@@ -248,6 +252,7 @@ function cacheDOM() {
   DOM.clearFiltersBtn = $("#clear-filters-btn");
   DOM.sortSelect = $("#sort-select");
   DOM.loadInfo = $("#load-info");
+  DOM.mobileSelectedCount = $("#mobile-selected-count");
   DOM.loadedCount = $("#loaded-count");
   DOM.totalCount = $("#total-count");
   DOM.scrollTrack = $("#scroll-track");

static/index.html

@@ -161,6 +161,7 @@
 
     <!-- Load Info -->
     <div id="load-info" class="load-info" style="display:none">
+      <span id="mobile-selected-count" class="mobile-selected-count" style="display:none"></span>
       已加载 <span id="loaded-count">0</span> / <span id="total-count">0</span> 条
     </div>
 

static/style.css

@@ -909,6 +909,12 @@ body.mobile .multi-toggle { padding: 1px 4px; font-size: 11px; }
   flex-shrink: 0;
 }
 
+.mobile-selected-count {
+  display: none;
+  margin-right: 10px;
+  color: var(--on-surface-variant);
+}
+
 /* ═══════════════════════════════════════════════════════════
    Quick Scroll Track
    ═══════════════════════════════════════════════════════════ */
@@ -1565,17 +1571,6 @@ body.theme-transitioning *::after {
   flex-shrink: 0;
 }
 
-body.mobile .multi-action-bar {
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-  scrollbar-width: none;
-}
-
-body.mobile .multi-action-bar::-webkit-scrollbar {
-  display: none;
-}
-
 body.mobile .multi-action-btn {
   flex-shrink: 0;
 }