가상 수정

frontend/src/components/virtual/VirtualTargetQuote.tsx

@@ -25,9 +25,11 @@ const ChangeArrow = memo(function ChangeArrow({ change }: { change: ChangeDir })
 interface Props {
   market: string;
   ticker?: TickerData;
+  /** 카드 메타 행 — 현재가만 간략 표시 */
+  compact?: boolean;
 }
 
-const VirtualTargetQuote: React.FC<Props> = ({ market, ticker }) => {
+const VirtualTargetQuote: React.FC<Props> = ({ market, ticker, compact = false }) => {
   const code = market.replace(/^KRW-/, '');
   const change: ChangeDir = ticker?.change ?? 'EVEN';
   const colorCls = change === 'RISE' ? 'vtd-target-up' : change === 'FALL' ? 'vtd-target-dn' : 'vtd-target-even';
@@ -49,6 +51,20 @@ const VirtualTargetQuote: React.FC<Props> = ({ market, ticker }) => {
     prevPriceRef.current = price;
   }, [ticker?.tradePrice]);
 
+  if (compact) {
+    return (
+      <div className={`vtd-target-quote vtd-target-quote--compact ${flashClass}`.trim()} aria-label="현재가">
+        <span className="vtd-card-price-label">현재가</span>
+        <span className={`vtd-target-price ${colorCls}`}>
+          {ticker ? fmtKrw(ticker.tradePrice) : '-'}
+        </span>
+        <span className={`vtd-target-change ${colorCls}`}>
+          {ticker ? fmtPct(ticker.changeRate) : '-'}
+        </span>
+      </div>
+    );
+  }
+
   return (
     <div className={`vtd-target-quote ${flashClass}`.trim()} aria-label="현재가 및 전일 대비">
       <div className="vtd-target-quote-left">