Update app.py

app.py

@@ -142,12 +142,23 @@ def get_card(item: dict, index: int, card_type: str = "space") -> str:
                 <span>🛠️ {sdk}</span>
             </div>
         """
+        
+        # Spaces용 파스텔톤 그라데이션 배경
+        content_bg = """
+            background: linear-gradient(135deg, 
+                rgba(255, 182, 193, 0.7),    /* 파스텔 핑크 */
+                rgba(173, 216, 230, 0.7),    /* 파스텔 블루 */
+                rgba(255, 218, 185, 0.7)     /* 파스텔 피치 */
+            );
+            backdrop-filter: blur(10px);
+        """
     else:
         # Models와 Datasets 처리
         url = f"https://huggingface.co/{item_id}" if card_type == "model" else f"https://huggingface.co/datasets/{item_id}"
         type_icon = "🤖" if card_type == "model" else "📊"
         type_label = "MODEL" if card_type == "model" else "DATASET"
         bg_color = "#6e8efb" if card_type == "model" else "#ff6b6b"
+        content_bg = "background: #f5f5f5;"
         
         # 태그 기반 배경
         bg_content = f"""
@@ -251,8 +262,9 @@ def get_card(item: dict, index: int, card_type: str = "space") -> str:
         <!-- 콘텐츠 영역 -->
         <div style='
             padding: 20px;
-            background: #f5f5f5;
-            border-radius: 0 0 20px 20px;'>
+            {content_bg}
+            border-radius: 0 0 20px 20px;
+            border-top: 1px solid rgba(255,255,255,0.5);'>
             <h3 style='
                 margin: 0 0 15px 0;
                 color: #333;
@@ -262,7 +274,8 @@ def get_card(item: dict, index: int, card_type: str = "space") -> str:
                 -webkit-line-clamp: 2;
                 -webkit-box-orient: vertical;
                 overflow: hidden;
-                text-overflow: ellipsis;'>
+                text-overflow: ellipsis;
+                text-shadow: 1px 1px 1px rgba(255,255,255,0.8);'>
                 {title}
             </h3>
             
@@ -271,14 +284,17 @@ def get_card(item: dict, index: int, card_type: str = "space") -> str:
                 grid-template-columns: repeat(2, 1fr);
                 gap: 10px;
                 margin-bottom: 20px;
-                font-size: 0.9em;'>
-                <div style='color: #666;'>
+                font-size: 0.9em;
+                background: rgba(255,255,255,0.3);
+                padding: 10px;
+                border-radius: 10px;'>
+                <div style='color: #444;'>
                     <span style='margin-right: 5px;'>👤</span> {author}
                 </div>
-                <div style='color: #666;'>
+                <div style='color: #444;'>
                     <span style='margin-right: 5px;'>❤️</span> {likes}
                 </div>
-                <div style='color: #666; grid-column: span 2;'>
+                <div style='color: #444; grid-column: span 2;'>
                     <span style='margin-right: 5px;'>📅</span> {created}
                 </div>
             </div>