fix: Tab 内容显示 + 进度条移至底部

Author: jinwandalaohu66

docs/index.html

@@ -51,15 +51,16 @@
       overflow-x: hidden;
     }
 
-    /* Scroll progress bar */
+    /* Scroll progress - 底部阅读进度，避免被误认为加载条 */
     #scroll-progress {
       position: fixed;
-      top: 0; left: 0;
+      bottom: 0; left: 0;
+      height: 2px;
       width: 0%;
-      height: 3px;
-      background: linear-gradient(90deg, #58a6ff, #a371f7);
+      background: linear-gradient(90deg, var(--border) 0%, var(--text-muted) 100%);
       z-index: 9999;
-      transition: width 0.08s ease-out;
+      transition: width 0.1s ease-out;
+      opacity: 0.7;
     }
 
     /* Lang switcher - no glass bar */
@@ -414,9 +415,11 @@
     .tab-content {
       display: none;
       opacity: 0;
-      transform: translateY(10px);
     }
-    .tab-content.active { display: block; }
+    .tab-content.active {
+      display: block;
+      opacity: 1;
+    }
 
     .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
     .feature-chip {
@@ -775,8 +778,8 @@ <h2 class="section-title animate-el"><span data-i18n="donateTitle">☕ 支持开
     // Scroll progress
     const prog = document.getElementById('scroll-progress');
     window.addEventListener('scroll', () => {
-      const sc = window.scrollY, sh = document.documentElement.scrollHeight - window.innerHeight;
-      prog.style.width = sh > 0 ? (sc / sh * 100) + '%' : '0%';
+      const sc = window.scrollY, sh = Math.max(1, document.documentElement.scrollHeight - window.innerHeight);
+      prog.style.width = (sc / sh * 100) + '%';
     });
 
     // Quick nav visibility