표 css 통일, 라벨링

frontend/lib/registry/components/card-display/CardDisplayComponent.tsx

@@ -261,7 +261,7 @@ export const CardDisplayComponent: React.FC<CardDisplayComponentProps> = ({
   // 카드 스타일 - 통일된 디자인 시스템 적용
   const cardStyle: React.CSSProperties = {
     backgroundColor: "white",
-    border: "1px solid #e2e8f0", // 더 부드러운 보더 색상
+    border: "2px solid #e5e7eb", // 더 명확한 테두리
     borderRadius: "12px", // 통일된 라운드 처리
     padding: "24px", // 더 여유로운 패딩
     boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)", // 더 깊은 그림자
@@ -276,6 +276,7 @@ export const CardDisplayComponent: React.FC<CardDisplayComponentProps> = ({
     "&:hover": {
       transform: "translateY(-2px)",
       boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+      borderColor: "#f59e0b", // 호버 시 오렌지 테두리
     }
   };