<!DOCTYPE html>
        <html>
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>XIREN Blog API</title>
            <style>
                body {
                    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    min-height: 100vh;
                    margin: 0;
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                    color: white;
                }
                .container {
                    text-align: center;
                    padding: 40px;
                    background: rgba(255,255,255,0.1);
                    backdrop-filter: blur(10px);
                    border-radius: 20px;
                    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
                    max-width: 600px;
                }
                h1 { font-size: 48px; margin-bottom: 10px; }
                .subtitle { font-size: 20px; opacity: 0.9; margin-bottom: 30px; }
                .status {
                    background: rgba(255,255,255,0.15);
                    border-radius: 12px;
                    padding: 20px;
                    margin: 20px 0;
                }
                .status-item { display: inline-block; margin: 0 20px; }
                .status-item .label { font-size: 12px; opacity: 0.7; }
                .status-item .value { font-size: 24px; font-weight: bold; }
                .api-list {
                    text-align: left;
                    background: rgba(0,0,0,0.2);
                    border-radius: 12px;
                    padding: 20px;
                    margin-top: 20px;
                }
                .api-list code {
                    display: block;
                    padding: 4px 0;
                    font-family: monospace;
                    font-size: 14px;
                }
                .api-list .method {
                    display: inline-block;
                    padding: 2px 8px;
                    border-radius: 4px;
                    font-size: 12px;
                    font-weight: bold;
                    margin-right: 8px;
                }
                .method.get { background: #10B981; }
                .method.post { background: #F59E0B; }
                .method.put { background: #3B82F6; }
                .method.delete { background: #EF4444; }
                footer { margin-top: 30px; opacity: 0.6; font-size: 14px; }
            </style>
        </head>
        <body>
            <div class="container">
                <h1>🚀 XIREN Blog</h1>
                <p class="subtitle">互联网个人博客 · AI 驱动</p>
                
                <div class="status">
                    <div class="status-item">
                        <div class="label">状态</div>
                        <div class="value" style="color: #10B981;">● 运行中</div>
                    </div>
                    <div class="status-item">
                        <div class="label">PHP 版本</div>
                        <div class="value">8.2.31</div>
                    </div>
                    <div class="status-item">
                        <div class="label">时间</div>
                        <div class="value">19:24:12</div>
                    </div>
                </div>
                
                <div class="api-list">
                    <h3>📡 API 接口</h3>
                    <code><span class="method get">GET</span> /api/v1/home</code>
                    <code><span class="method get">GET</span> /api/v1/posts</code>
                    <code><span class="method get">GET</span> /api/v1/categories</code>
                    <code><span class="method post">POST</span> /api/v1/auth/login</code>
                    <code><span class="method post">POST</span> /api/v1/auth/register</code>
                    <code><span class="method get">GET</span> /api/v1/user/profile</code>
                    <code><span class="method get">GET</span> /api/v1/ai/models</code>
                    <code><span class="method post">POST</span> /api/v1/ai/chat</code>
                </div>
                
                <footer>
                    XIREN Blog v1.0.0 &copy; 2026
                </footer>
            </div>
        </body>
        </html>