|
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>页面未找到 - 404</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;}
- .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:520px;}
- .error-card img{max-width:360px;width:100%;margin-bottom:32px;}
- .error-desc{font-size:15px;color:#909399;line-height:1.8;margin-bottom:32px;}
- .error-actions{display:flex;gap:16px;justify-content:center;}
- .btn-back{display:inline-block;padding:12px 36px;border-radius:30px;font-size:15px;font-weight:600;text-decoration:none;transition:.3s;letter-spacing:1px;}
- .btn-primary{background:#E8751A;color:#fff;border:2px solid #E8751A;}
- .btn-primary:hover{background:#C96012;border-color:#C96012;transform:translateY(-2px);box-shadow:0 8px 24px rgba(232,117,26,.3);}
- .btn-ghost{background:transparent;color:#606266;border:2px solid #DCDFE6;}
- .btn-ghost:hover{border-color:#E8751A;color:#E8751A;}
- .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">
- <img src="/static/images/404.png" alt="404">
- <p class="error-desc">您访问的页面可能已被移除、名称已更改或暂时不可用。<br>请检查网址是否正确，或返回首页继续浏览。</p>
- <div class="error-actions">
- <a href="/" class="btn-back btn-primary">返回首页</a>
- <a href="javascript:history.back()" class="btn-back btn-ghost">返回上页</a>
- </div>
- </div>
- </div>
- <footer class="error-footer">© 肠愈同行管理系统</footer>
- </body>
- </html>
|
