From d4f50ab99f7f7d7b9ce98c3f35ff5b63a475e3f0 Mon Sep 17 00:00:00 2001
From: nanhaoluo <3075912108@qq.com>
Date: Fri, 16 Jan 2026 16:02:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=A7=BB=E9=99=A4=E6=96=87=E7=AB=A0?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E7=82=B9=E5=87=BB=E6=95=88=E6=9E=9C=E5=B9=B6?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=88=86=E4=BA=AB?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=BA=A2=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除桌面端文章卡片的 :active 缩放效果
- 移除移动端卡片和按钮的 :active 缩放效果
- 移除触摸涟漪动画 (touch-ripple)
- 修复移动端分享渠道按钮溢出屏幕的问题
- 分享面板添加 flex-wrap 和 max-width 限制
---
 style.css | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/style.css b/style.css
index fc57fcf..7d12915 100644
--- a/style.css
+++ b/style.css
@@ -8361,6 +8361,15 @@ body.noscroll:before {
 	border-radius: 10px;
 }
 
+/* 移动端分享面板适配 */
+@media (max-width: 576px) {
+	#share {
+		flex-wrap: wrap;
+		justify-content: flex-end;
+		max-width: calc(100vw - 40px);
+	}
+}
+
 #share .icon-wechat,
 #share .icon-copy-link {
 	position: relative;
@@ -16231,11 +16240,6 @@ html.darkmode {
         transform: translateY(-6px) scale(1.005);
         box-shadow: var(--shadow-hover);
     }
-    article.post.card:active {
-        transform: translateY(-2px) scale(0.995);
-        box-shadow: var(--shadow-active);
-        transition-duration: var(--micro-duration);
-    }
     article.post.card .post-thumbnail {
         transition: transform var(--animation-slow) var(--ease-out-expo);
     }
@@ -16359,13 +16363,7 @@ article img.loaded, .post-thumbnail img.loaded, article img:not([loading="lazy"]
 /* 9. 移动端触摸优化 */
 @media (hover: none) and (pointer: coarse) {
     article.post.card:hover { transform: none; box-shadow: var(--shadow-1); }
-    article.post.card:active { transform: scale(0.98); transition-duration: var(--micro-duration); }
-    .card:active { transform: scale(0.99); transition-duration: var(--micro-duration); }
-    .btn:active { transform: scale(0.95); transition-duration: var(--micro-duration); }
-    a:active { opacity: 0.7; }
     * { -webkit-tap-highlight-color: transparent; }
-    .touch-ripple { position: absolute; border-radius: 50%; background: rgba(var(--themecolor-rgbstr), 0.25); transform: scale(0); animation: modernTouchRipple 0.6s var(--ease-out-expo) forwards; pointer-events: none; }
-    @keyframes modernTouchRipple { to { transform: scale(4); opacity: 0; } }
 }
 
 /* 10. 移动端侧边栏动画增强 */
@@ -16381,7 +16379,6 @@ article img.loaded, .post-thumbnail img.loaded, article img:not([loading="lazy"]
     .leftbar-mobile-menu-item > a { transition: background var(--animation-fast) var(--ease-standard), transform var(--micro-duration) var(--ease-standard); }
     .leftbar-mobile-menu-item > a:active { background: rgba(var(--themecolor-rgbstr), 0.12); transform: scale(0.98); }
     article.post.card { transition: transform var(--micro-duration) var(--ease-standard), box-shadow var(--animation-fast) var(--ease-standard); }
-    article.post.card:active { transform: scale(0.98); }
     #navbar-main { transition: transform var(--animation-normal) var(--ease-standard), background-color var(--animation-fast) var(--ease-standard); }
 }