优化了样式，抽象出了 WXSS/JS 库

tab-bar/index.wxss

@@ -34,6 +34,7 @@
   box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.8);
   padding: 0 20rpx;
   position: relative;
+  overflow: hidden;
 }
 
 .tab-capsule::before {
@@ -46,19 +47,19 @@
   background: linear-gradient(
     90deg,
     transparent 0%,
-    rgba(255, 255, 255, 0.25) 20%,
-    rgba(255, 255, 255, 0.35) 50%,
-    rgba(255, 255, 255, 0.25) 80%,
+    rgba(255, 255, 255, 0.15) 20%,
+    rgba(255, 255, 255, 0.22) 50%,
+    rgba(255, 255, 255, 0.15) 80%,
     transparent 100%
   );
-  animation: shine 3s infinite;
+  animation: shine 8s infinite;
   z-index: 1;
 }
 
 @keyframes shine {
-  0% { left: -100%; }
-  25% { left: 150%; }
-  100% { left: 150%; }
+  0% { left: -60%; }
+  15% { left: 100%; }
+  100% { left: 100%; }
 }
 
 .tab-item {