From d48b32b40edc1ac613f15618f96f066dc6f22f5a Mon Sep 17 00:00:00 2001
From: xfy <i@rua.plus>
Date: Wed, 24 Jun 2026 15:38:53 +0800
Subject: [PATCH] =?UTF-8?q?fix(card):=20=E4=BF=AE=E5=A4=8D=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E5=8D=A1=E7=89=87=E5=B0=81=E9=9D=A2=E5=9B=BE=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6=E5=A0=B4=E9=99=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PostCard 的封面容器同时带 .blur-img 和 .post-card-cover-blur 两个类。
.blur-img 的 aspect-ratio: var(--ar) 定义在 .post-card-cover-blur 之后
(同特异性，后定义胜出)，而卡片不写 --ar 变量(只有详情页 PostCover
在 SSR 写入)，导致 var(--ar) 解析为空 → aspect-ratio 无效 → 高度 0。

用 .blur-img.post-card-cover-blur 双类选择器提升特异性(0,2,0 > 0,1,0)，
让固定 4/3 比例可靠覆盖 var(--ar)。
---
 input.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/input.css b/input.css
index 0d7a893..d85126e 100644
--- a/input.css
+++ b/input.css
@@ -526,8 +526,10 @@
     text-underline-offset: 0.3rem;
   }
 
-  /* 卡片封面：blur-img 结构，固定 4:3 比例，hover 缩放 */
-  .post-card-cover-blur {
+  /* 卡片封面：blur-img 结构，固定 4:3 比例，hover 缩放。
+     用属性选择器提升特异性，可靠覆盖 .blur-img 的 aspect-ratio: var(--ar)
+     （卡片不写 --ar，var(--ar) 解析为空会导致高度塌陷）。 */
+  .blur-img.post-card-cover-blur {
     margin: 0;
     aspect-ratio: 4 / 3;
   }