fixed bug

themes/Ying/assets/css/main.css

@@ -3085,6 +3085,63 @@ input[type=submit] {
     --at-color-bg-grey: #f9f9f9 !important;
 }
 
+/* Loading Skeleton */
+.atk-loading-placeholder {
+    padding: 20px 0;
+}
+
+.atk-loading-item {
+    display: flex;
+    margin-bottom: 20px;
+    padding: 10px 0;
+    /* border-bottom: 1px dashed var(--at-color-border); */ /* Optional */
+}
+
+.atk-loading-avatar {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    background-color: #f2f2f2;
+    margin-right: 15px;
+    margin-top: 5px;
+    flex-shrink: 0;
+}
+
+.atk-loading-content {
+    flex: 1;
+}
+
+.atk-loading-line {
+    height: 10px;
+    background-color: #f2f2f2;
+    border-radius: 4px;
+    margin-bottom: 8px;
+}
+
+.atk-loading-line.width-name { width: 100px; height: 12px; margin-bottom: 12px; }
+.atk-loading-line.width-80 { width: 80%; }
+.atk-loading-line.width-60 { width: 60%; }
+.atk-loading-line.width-40 { width: 40%; }
+
+/* Shimmer Effect */
+@keyframes atk-skeleton-shimmer {
+    0% { background-position: -200% 0; }
+    100% { background-position: 200% 0; }
+}
+
+.atk-loading-avatar, .atk-loading-line {
+    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
+    background-size: 200% 100%;
+    animation: atk-skeleton-shimmer 1.5s infinite;
+}
+
+/* Dark Mode Skeleton */
+[data-theme="dark"] .atk-loading-avatar, 
+[data-theme="dark"] .atk-loading-line {
+    background: linear-gradient(90deg, #2a2a2a 25%, #333 50%, #2a2a2a 75%);
+    background-size: 200% 100%;
+}
+
 /* Layout & Spacing */
 .atk-comment { padding: 10px 0 !important; }
 .atk-list-read-more { padding-bottom: 0 !important; }