From 8d5094a8d05a88e26dd338866b6186c60bab4554 Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Fri, 19 Jun 2026 09:03:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E5=8D=A1=E7=89=87=E7=9A=AE=E8=82=A4=E8=A1=8C=E9=97=B4?=
 =?UTF-8?q?=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../listings/components/ListingCard.vue       | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/frontend/src/features/listings/components/ListingCard.vue b/frontend/src/features/listings/components/ListingCard.vue
index 28868ad..776ce19 100644
--- a/frontend/src/features/listings/components/ListingCard.vue
+++ b/frontend/src/features/listings/components/ListingCard.vue
@@ -252,6 +252,10 @@ function formatStatNumber(value: number) {
   padding: 0;
 }
 
+.listing-card-v2.compact .card-details {
+  gap: 7px;
+}
+
 .listing-card-v2.relaxed .card-details {
   align-content: center;
   gap: 14px;
@@ -376,13 +380,20 @@ function formatStatNumber(value: number) {
   display: flex;
   align-items: center;
   gap: 8px;
-  height: 40px;
+  height: 36px;
   min-width: 0;
-  padding: 8px 10px;
+  padding: 6px 10px;
   border-radius: 10px;
   background: #f8fafc;
 }
 
+.listing-card-v2.compact .skin-line,
+.listing-card-v2.compact .resource-line {
+  height: 32px;
+  padding: 4px 8px;
+  border-radius: 8px;
+}
+
 .skin-line {
   overflow: hidden;
   border: 1px solid #edf2f7;
@@ -409,7 +420,7 @@ function formatStatNumber(value: number) {
 
 .skin-count {
   flex: 0 0 auto;
-  padding: 3px 7px;
+  padding: 2px 7px;
   border-radius: 999px;
   background: #e0f2fe;
   color: #0369a1;
@@ -433,6 +444,11 @@ function formatStatNumber(value: number) {
   font-weight: 900;
 }
 
+.listing-card-v2.compact .resource-chip {
+  min-height: 24px;
+  padding: 0 9px;
+}
+
 .resource-chip em {
   overflow: hidden;
   font-style: normal;