修复若干bug

themes/Ying/static/css/main.css

@@ -441,14 +441,18 @@ ul {
 }
 
 /* Pjax 页面切换过渡动画 */
-.js-Pjax-remove.pjax-leave.pjax-forward,
-.js-Pjax-remove.pjax-leave.pjax-backward {
-    animation: pjax-fade-out 0.22s ease-in forwards;
+.pjax-leave {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    animation: pjax-fade-out 0.3s ease-in forwards;
+    z-index: 0;
 }
 
-.js-Pjax-add.pjax-enter.pjax-forward,
-.js-Pjax-add.pjax-enter.pjax-backward {
-    animation: pjax-fade-in 0.22s ease-out forwards;
+.pjax-enter {
+    animation: pjax-fade-in 0.3s ease-out forwards;
+    z-index: 1;
+    position: relative;
 }
 
 @keyframes pjax-fade-in {
@@ -779,9 +783,34 @@ darkb-text:active {
     text-align: right;
 }
 
-/* 视频尺寸 */
+/* 骨架屏动画 */
+.skeleton-line {
+    background: #e0e0e0;
+    border-radius: 4px;
+    background-image: linear-gradient(90deg, #e0e0e0 0px, #f5f5f5 40px, #e0e0e0 80px);
+    background-size: 600px;
+    animation: skeleton-loading 1.6s infinite ease-out;
+}
 
-.size-video {
+@keyframes skeleton-loading {
+    0% {
+        background-position: -100px;
+    }
+    100% {
+        background-position: 140px;
+    }
+}
+
+[data-theme="dark"] #pjax-loading-skeleton {
+    background: rgba(15, 23, 42, 0.94) !important;
+    box-shadow: var(--card-shadow-dark) !important;
+    backdrop-filter: blur(18px);
+}
+
+[data-theme="dark"] .skeleton-line {
+    background: #1f2937;
+    background-image: linear-gradient(90deg, #1f2937 0px, #374151 40px, #1f2937 80px);
+}
     position: relative;
     border-radius: 5px;
     padding-bottom: 66.5%;