diff --git a/index.css b/index.css index b4ad224..40e2078 100644 --- a/index.css +++ b/index.css @@ -2327,13 +2327,28 @@ } .bi-page-icon { - color: #2dd4bf; + display: flex; + justify-content: center; margin-bottom: 20px; } -.bi-page-icon svg { - width: 40px; - height: 40px; +.bi-star-icon { + width: 48px; + height: 48px; + animation: twinkle 2.5s ease-in-out infinite; +} + +@keyframes twinkle { + 0%, 100% { + opacity: 0.7; + transform: scale(1); + filter: drop-shadow(0 0 8px rgba(45, 212, 191, 0.4)); + } + 50% { + opacity: 1; + transform: scale(1.05); + filter: drop-shadow(0 0 16px rgba(45, 212, 191, 0.7)); + } } .bi-page-title { @@ -2366,32 +2381,19 @@ } .bi-card-title { - font-size: 24px; + font-size: 18px; font-weight: 700; color: #FFFFFF; margin-bottom: 24px; - display: flex; - align-items: center; - gap: 12px; } -.bi-card-title svg { - width: 24px; - height: 24px; - color: #2dd4bf; -} /* 섹션 라벨 */ .bi-section-label { - font-size: 14px; - font-weight: 600; - color: #2dd4bf; - text-transform: uppercase; - letter-spacing: 0.05em; + font-size: 18px; + font-weight: 700; + color: #FFFFFF; margin-bottom: 8px; - display: flex; - align-items: center; - gap: 8px; } /* 브랜드명 (대형) */ diff --git a/src/pages/Analysis/AnalysisResultSection.tsx b/src/pages/Analysis/AnalysisResultSection.tsx index e0b172a..4a758cc 100755 --- a/src/pages/Analysis/AnalysisResultSection.tsx +++ b/src/pages/Analysis/AnalysisResultSection.tsx @@ -21,36 +21,6 @@ const MapPinIcon = () => ( ); -const TargetIcon = () => ( - - - - - -); - -const UsersIcon = () => ( - - - - - -); - -const LayoutGridIcon = () => ( - - - - - - -); - -const ChartIcon = () => ( - - - -); // 범용 애니메이션 아이템 컴포넌트 interface AnimatedItemProps { @@ -355,7 +325,7 @@ const AnalysisResultSection: React.FC = ({ onBack, o {/* Page Header */} - + 브랜드 인텔리전스 @@ -364,7 +334,7 @@ const AnalysisResultSection: React.FC = ({ onBack, o {/* Main Grid */} - + {/* 왼쪽 컬럼 */} {/* 브랜드 정체성 카드 */} @@ -372,7 +342,7 @@ const AnalysisResultSection: React.FC = ({ onBack, o - 브랜드 정체성 + 브랜드 정체성 {processed_info?.customer_name || '브랜드명'} @@ -400,7 +370,7 @@ const AnalysisResultSection: React.FC = ({ onBack, o {/* 시장 포지셔닝 카드 */} - 시장 포지셔닝 + 시장 포지셔닝 @@ -422,7 +392,7 @@ const AnalysisResultSection: React.FC = ({ onBack, o {/* 타겟 페르소나 카드 */} - 타겟 페르소나 + 타겟 페르소나 {targetPersonas.length === 0 && 정보 없음} @@ -459,13 +429,13 @@ const AnalysisResultSection: React.FC = ({ onBack, o {/* 주요 셀링 포인트 카드 */} - 주요 셀링 포인트 (USP) + 주요 셀링 포인트 (USP) {/* 레이더 차트 */} {sellingPoints.length > 0 && ( - + )} @@ -497,7 +467,7 @@ const AnalysisResultSection: React.FC = ({ onBack, o {/* 추천 타겟 키워드 */} - + 추천 타겟 키워드
@@ -364,7 +334,7 @@ const AnalysisResultSection: React.FC = ({ onBack, o
정보 없음