Как заставить тело игнорировать безопасную зону на iOS 26.1 (Safari) ⇐ CSS

[Anonymous]

Я хочу, чтобы страница начиналась сверху вниз. Это зеленая область под верхней строкой состояния и нижней строкой IP-адреса.
Вот репозиторий исходного кода:

• https://github.com/williamhqs/foo_safearea

Я попробовал плагин Tailwindcss-safe-area, он не работает.
Вот мой основной код:
Page.tsx

Код: Выделить всё

export default function Home() {
return ;
}

layout.tsx

Код: Выделить всё

import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";

const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});

const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});

export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};

export default function RootLayout({
children,
}: Readonly) {
return (





{children}


);
}

global.css

Код: Выделить всё

@import "tailwindcss";
@import "tailwindcss-safe-area";

:root {
--background: #ffffff;
--foreground: #171717;
}

@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}

body {
background: var(--background);
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
}

Среда

• iOS 26.1
• Next.js v15.5.6
• TailwindCSS v4

Подробнее здесь: https://stackoverflow.com/questions/797 ... 6-1-safari