모바일 최적

주요 변경 사항

• 반응형 메타 태그 추가: 모바일 기기 화면 크기에 맞게 자동으로 조절되도록 <meta name="viewport" ...> 태그를 배치했습니다.
• 미디어 쿼리(Media Query) 적용: 화면 너비가 768px 이하인 모바일 환경에서 폰트 크기, 패딩, 여백 등이 자연스럽게 줄어들도록 개선했습니다.
• 유연한 레이아웃 구조: 가로로 나열되던 사주 기둥(pillars), 이름 한자 박스(name-hanja), 오행 그리드(ohaeng-grid) 등이 모바일 화면에서는 세로로 부드럽게 떨어지거나 흐르도록(Flex wrap/Column) 변경했습니다.
• 테이블 스크롤 및 뷰 개선: 글자 수가 많은 테이블과 연도별 운세 리스트가 모바일 화면 밖으로 벗어나지 않게 폭을 조절했습니다.
• 이모지 제외: 요청하신 기본 원칙에 따라 텍스트와 스타일로만 가독성을 높였습니다.
•