import { Outlet } from "react-router";

/**
 * H5 移动端全局布局容器
 * - max-w-md (448px) 限制最大宽度，大屏居中显示
 * - min-h-dvh 使用动态视口高度，解决 Safari 地址栏问题
 * - safe-area padding 适配刘海屏/底部手势条
 */
export function MobileLayout() {
  return (
    <div className="max-w-md mx-auto min-h-dvh relative bg-morandi-50 shadow-[0_0_40px_rgba(0,0,0,0.06)]">
      <Outlet />
    </div>
  );
}