|
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>服务器错误 - 500</title>
- <style>
- *{margin:0;padding:0;box-sizing:border-box;}
- body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#F5F6F8;color:#303133;min-height:100vh;display:flex;flex-direction:column;}
- .error-header{background:#fff;padding:0 40px;height:72px;display:flex;align-items:center;box-shadow:0 2px 12px rgba(0,0,0,.04);}
- .error-header a{display:flex;align-items:center;text-decoration:none;color:#1A3550;font-size:18px;font-weight:600;gap:10px;}
- .error-header img{height:44px;}
- .error-body{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;}
- .error-card{text-align:center;max-width:480px;}
- .error-code{font-size:120px;font-weight:800;color:#E84040;line-height:1;letter-spacing:-4px;opacity:.85;}
- .error-title{font-size:24px;font-weight:600;color:#303133;margin:20px 0 12px;}
- .error-desc{font-size:15px;color:#909399;line-height:1.8;margin-bottom:32px;}
- .btn-back{display:inline-block;padding:12px 36px;border-radius:30px;font-size:15px;font-weight:600;text-decoration:none;background:#E8751A;color:#fff;border:2px solid #E8751A;transition:.3s;}
- .btn-back:hover{background:#C96012;border-color:#C96012;}
- .error-footer{text-align:center;padding:24px;font-size:12px;color:#C0C4CC;}
- </style>
- </head>
- <body>
- <header class="error-header">
- <a href="/"><img src="/static/images/logo.png" alt="首页">肠愈同行管理系统</a>
- </header>
- <div class="error-body">
- <div class="error-card">
- <div class="error-code">500</div>
- <h1 class="error-title">服务器开小差了</h1>
- <p class="error-desc">服务器遇到了一些问题，请稍后再试。<br>如果问题持续存在，请联系管理员。</p>
- <a href="/" class="btn-back">返回首页</a>
- </div>
- </div>
- <footer class="error-footer">© 肠愈同行管理系统</footer>
- </body>
- </html>
|
