style: 전체 페이지 모바일 레이아웃 공통 정리

[isjuny0]

배경

• 특정 페이지만 보정하면 실제 서비스 흐름에서 페이지를 이동할 때 모바일 레이아웃 톤과 안정성이 다시 흔들립니다.
• 홈, 공유, 추천, 캐릭터 결과 등 전체 페이지를 같은 기준으로 정리해야 브라우저별 차이를 줄일 수 있습니다.

문제

• 여러 페이지가 고정 높이, 큰 여백, absolute 하단 고정에 의존하고 있어 모바일 브라우저마다 간격과 CTA 위치가 달라질 수 있습니다.
• 일부 페이지는 100dvh만 사용하거나 큰 픽셀 값을 그대로 유지해 작은 기기에서 세로 여유가 불안정합니다.

요구사항

• 전체 페이지를 모바일 브라우저 공통 기준으로 정리합니다.
• vh/svh/dvh fallback, 과한 고정 여백 축소, 하단 CTA 안정화 등 공통 원칙을 적용합니다.
• 데스크톱 기본 레이아웃은 유지하고, 모바일에서만 안정적으로 보이도록 조정합니다.