{"file":"QuickMetrics-styles-1.mjs-CletefM0.js","mappings":"","names":[],"sources":["../../../../components/QuickMetrics.vue"],"sourcesContent":["<template>\n  <section class=\"metrics-section\" aria-label=\"교육 성과 지표\">\n    <div class=\"metrics-grid\">\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">⭐</div>\n        <div class=\"metric-num\">98.7%</div>\n        <div class=\"metric-label\">{{ regionDong }} 학부모 만족도</div>\n        <div class=\"metric-sub\">재수강 의사 압도적 1위</div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">📈</div>\n        <div class=\"metric-num\">+26.8점</div>\n        <div class=\"metric-label\">평균 내신 성적 상승폭</div>\n        <div class=\"metric-sub\">수강 3개월 이내 실측</div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">👨‍🏫</div>\n        <div class=\"metric-num\">100%</div>\n        <div class=\"metric-label\">전담 강사 신원 검증</div>\n        <div class=\"metric-sub\">SKY 및 명문대 출신 4단계 심사</div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">🏆</div>\n        <div class=\"metric-num\">12,500+</div>\n        <div class=\"metric-label\">누적 1:1 맞춤 배정</div>\n        <div class=\"metric-sub\">전국 학군별 데이터 기반</div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\ndefineProps({\n  regionDong: {\n    type: String,\n    default: '해당 지역'\n  }\n})\n</script>\n\n<style scoped>\n.metrics-section {\n  max-width: 1080px;\n  margin: -24px auto 40px;\n  padding: 0 16px;\n  position: relative;\n  z-index: 2;\n}\n\n.metrics-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n}\n\n.metric-card {\n  background: var(--bg-card, #ffffff);\n  border: 1px solid var(--border-color, #e2e8f0);\n  border-radius: var(--card-radius, 12px);\n  padding: clamp(14px, 2.5vw, 20px) 10px;\n  text-align: center;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.metric-card:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n}\n\n.metric-icon {\n  font-size: clamp(1.2rem, 3vw, 1.6rem);\n  margin-bottom: 4px;\n}\n\n.metric-num {\n  font-size: clamp(1.15rem, 3.2vw, 1.8rem);\n  font-weight: 900;\n  color: var(--primary-color, #1e3a8a);\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n}\n\n.metric-label {\n  font-size: clamp(0.75rem, 2vw, 0.88rem);\n  font-weight: 700;\n  color: var(--text-color, #1e293b);\n  margin-top: 4px;\n  word-break: keep-all;\n}\n\n.metric-sub {\n  font-size: clamp(0.68rem, 1.7vw, 0.78rem);\n  color: #64748b;\n  margin-top: 2px;\n  word-break: keep-all;\n}\n\n@media (max-width: 768px) {\n  .metrics-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n}\n\n@media (max-width: 320px) {\n  .metrics-grid {\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n}\n</style>\n"],"version":3}