메이플스토리 아카이브 서비스의 문서 검색페이지, 도킹 탐색기, 개별 상세 문서 페이지 전반의 레이아웃과 디자인을 정돈하여 쾌적한 탐색 경험을 제공하도록 개편했습니다.

1. 문서 검색페이지 뷰포트 높이 자동 맞춤 및 내부 스크롤 최적화

• 뷰포트 높이 맞춤 (Desktop Fit): 데스크톱 및 태블릿 환경에서 페이지 전체가 아래로 길게 늘어지지 않고 브라우저 창 높이(100dvh)에 딱 맞게 표시되도록 레이아웃을 최적화했습니다.
• 헤더 다이어트 및 컨트롤 툴바 일체화: 기존에 거대한 상하 여백을 차지하던 타이틀/설명 배너를 컴팩트하게 슬림화하고, 실시간 검색창(MapLiveSearch)과 필터(카테고리 선택, 캐시/일반 토글, 정렬 옵션)를 상단 일체형 컨트롤 툴바로 재배치했습니다.
• 결과 그리드 격리 스크롤: 검색 결과 그리드 영역만 부드럽게 내부 스크롤되도록 분리하여, 브라우저 전체 스크롤이 흔들리지 않고 쾌적하게 아이템을 탐색할 수 있습니다.
• 하단 고정 페이지네이션: 스크롤을 맨 끝까지 내리지 않아도 항상 시야에 고정된 하단 푸터 바에서 즉시 다음 페이지로 이동할 수 있습니다.
• 모바일 반응형 보장: 작은 화면이나 모바일 기기에서는 억지로 높이를 제한하지 않고 자연스러운 세로 스크롤을 유지하도록 설계했습니다.

2. 아카이브 도킹과 상세 문서 페이지 간의 디자인 통일

• 카테고리 전환 바 정돈: 도킹 상단의 15개 가로 나열 이모지 버튼을 과감히 정돈하고, 세련된 슬림 세그먼트 탭 디자인과 깔끔한 라벨로 개편했습니다.
• 좌우 2열 그리드 구조 통일: 도킹 미리보기 패널과 실제 상세 문서 페이지의 레이아웃을 좌측(실제 장착 동작·아바타·이펙트·아이콘 미리보기) + 우측(인게임 툴팁 및 아이템 스펙/옵션) 구조로 완벽히 일치시켰습니다.
• 공통 아이템 헤더 카드: 48px 정규 썸네일 박스, 타이틀 폰트 위계, 서브 메타 정보 태그, 액션 버튼(문서로 보기 / 닫기) 디자인 시스템을 통일했습니다.
• 상세 문서 스크롤 보호: 상세 문서 페이지는 본문 콘텐츠 길이에 맞춘 자연스러운 전체 문서 스크롤을 안정적으로 유지합니다.