<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ $page->title }}</title>
    <style>
        *, *::before, *::after { box-sizing: border-box; }
        html, body { margin: 0; padding: 0; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
            color: #1f2937;
            background: #f8fafc;
            line-height: 1.7;
            font-size: 16px;
        }
        article {
            max-width: 820px;
            margin: 0 auto;
            padding: 40px 28px 80px;
        }
        article h1 { font-size: 28px; margin: 28px 0 16px; }
        article h2 { font-size: 22px; margin: 24px 0 12px; }
        article h3 { font-size: 18px; margin: 20px 0 10px; }
        article p { margin: 12px 0; }
        article ul, article ol { padding-left: 28px; margin: 12px 0; }
        article li { margin: 4px 0; }
        article img { max-width: 100%; height: auto; border-radius: 8px; margin: 12px 0; }
        article figure { margin: 12px 0; }
        article figure img { margin: 0; }
        article figcaption { display: none; }
        /* 隐藏 Trix 富文本编辑器生成的图片附件说明文字 */
        article figure figcaption,
        article .attachment__caption,
        article .attachment__name,
        article .attachment__size,
        article action-text-attachment figcaption { display: none; }
        article a { color: #2563eb; text-decoration: underline; }
        article blockquote {
            border-left: 4px solid #cbd5e1;
            background: #f1f5f9;
            padding: 8px 16px;
            margin: 12px 0;
            color: #475569;
        }
        article code {
            background: #e2e8f0;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 0.92em;
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        }
        article pre {
            background: #0f172a;
            color: #e2e8f0;
            padding: 12px 16px;
            border-radius: 8px;
            overflow-x: auto;
        }
        article pre code { background: transparent; padding: 0; color: inherit; }
        article table {
            border-collapse: collapse;
            width: 100%;
            margin: 12px 0;
        }
        article th, article td {
            border: 1px solid #e2e8f0;
            padding: 8px 12px;
            text-align: left;
        }
        article th { background: #f1f5f9; }
    </style>
</head>
<body>
<article>
    <h1>{{ $page->title }}</h1>
    {!! $page->normalized_content !!}
</article>
</body>
</html>
