From aed0fb5c47be5314b0be760f0397f48a62ee96d0 Mon Sep 17 00:00:00 2001
From: nanhaoluo <3075912108@qq.com>
Date: Fri, 23 Jan 2026 13:59:46 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A2=9E=E5=BC=BACSS=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E5=99=A8=E4=BC=98=E5=85=88=E7=BA=A7=E5=B9=B6=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=B0=83=E8=AF=95=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为所有opacity相关CSS规则添加!important确保优先级
- 为.post-pjax-loading添加position: relative
- 添加console.log调试信息，方便排查问题
- 严格遵守设置项，只在启用进入文章动画时生效
---
 argontheme.js | 11 +++++++----
 style.css     | 13 +++++++------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/argontheme.js b/argontheme.js
index 480a43b..7a82e07 100644
--- a/argontheme.js
+++ b/argontheme.js
@@ -2821,8 +2821,8 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no
 	NProgress.start();
 	pjaxLoading = true;
 }).on('pjax:afterGetContainers', function(e, f, g) {
-	if (g.is("#main.article-list article.post a.post-title")){
-		let $card = $(g.parents("article.post")[0]);
+	if (g.is("#main article.post-preview a.post-title")){
+		let $card = $(g.parents("article.post-preview")[0]);
 		let waterflowOn = false;
 		if ($("#main").hasClass("waterflow")){
 			waterflowOn = true;
@@ -2831,6 +2831,9 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no
 		$card.append("<div class='loading-css-animation'><div class='loading-dot loading-dot-1' ></div><div class='loading-dot loading-dot-2' ></div><div class='loading-dot loading-dot-3' ></div><div class='loading-dot loading-dot-4' ></div><div class='loading-dot loading-dot-5' ></div><div class='loading-dot loading-dot-6' ></div><div class='loading-dot loading-dot-7' ></div><div class='loading-dot loading-dot-8' ></div></div></div>");
 		$card.addClass("post-pjax-loading");
 		$("#main").addClass("post-list-pjax-loading");
+		console.log("Added post-list-pjax-loading class to #main");
+		console.log("Total .post-preview elements:", $(".post-preview").length);
+		console.log("Hidden .post-preview elements:", $("#main.post-list-pjax-loading .post-preview").length);
 		let offsetTop = $($card).offset().top - $("#main").offset().top;
 		if ($("html").hasClass("is-home") && $("html").hasClass("banner-as-cover")){
 			offsetTop = $($card).offset().top - window.outerHeight * 0.418;
@@ -2857,13 +2860,13 @@ $(document).pjax("a[href]:not([no-pjax]):not(.no-pjax):not([target='_blank']):no
 	cleanupPjaxResources();
 	
 	// 清理文章列表的 PJAX 加载状态
-	$(".post.post-pjax-loading").removeClass("post-pjax-loading").css({
+	$(".post-preview.post-pjax-loading").removeClass("post-pjax-loading").css({
 		"transform": "",
 		"transition": "",
 		"left": "",
 		"width": ""
 	});
-	$(".post .loading-css-animation").remove();
+	$(".post-preview .loading-css-animation").remove();
 	$("#main").removeClass("post-list-pjax-loading");
 	
 	// 更新 UI 状态
diff --git a/style.css b/style.css
index e4a8f95..8b86218 100644
--- a/style.css
+++ b/style.css
@@ -3875,17 +3875,18 @@ html.filter-grayscale {
 .post-preview.post-pjax-loading {
 	opacity: 1 !important;
 	z-index: 10;
+	position: relative;
 }
 
-#main.post-list-pjax-loading .post {
-	opacity: 0;
-	pointer-events: none;
-	transition: opacity 0.3s ease;
+#main.post-list-pjax-loading .post-preview {
+	opacity: 0 !important;
+	pointer-events: none !important;
+	transition: opacity 0.3s ease !important;
 }
 
-#main.post-list-pjax-loading .post.post-pjax-loading {
+#main.post-list-pjax-loading .post-preview.post-pjax-loading {
 	opacity: 1 !important;
-	pointer-events: auto;
+	pointer-events: auto !important;
 }
 
 .post-title {