From d08255696c8bdf6790935dd7e082dd9b62f14a2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Sat, 22 Aug 2026 16:21:12 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E8=BF=9B=E5=9C=BA=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=E6=94=B9=E7=BA=AFopacity(transform=E6=AE=8B=E7=95=99=E5=80=BC?=
 =?UTF-8?q?=E6=8A=8Afixed=E6=8A=BD=E5=B1=89=E8=A3=81=E6=88=90=E5=8D=8A?=
 =?UTF-8?q?=E6=88=AA)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

transform:translateY(0)结束后仍是非none transform→创建containing block
→position:fixed的抽屉相对列表卡片定位被裁剪;opacity动画无此副作用

Co-Authored-By: Claude <noreply@anthropic.com>
---
 yunkes/src/style.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/yunkes/src/style.css b/yunkes/src/style.css
index 85d8409..5e07d79 100644
--- a/yunkes/src/style.css
+++ b/yunkes/src/style.css
@@ -336,9 +336,11 @@ a {
 .yk-main > * {
   animation: yk-rise 0.32s cubic-bezier(0.22, 0.8, 0.36, 1) both;
 }
+/* 注意:不能用 transform——结束后残留的 transform 值会让 position:fixed 的
+抽屉改成相对动画元素定位,被列表卡片裁半截(2026-08-22 实测);纯 opacity 无此副作用 */
 @keyframes yk-rise {
-  from { opacity: 0; transform: translateY(6px); }
-  to { opacity: 1; transform: translateY(0); }
+  from { opacity: 0; }
+  to { opacity: 1; }
 }
 
 /* ── 卡片 ── */