Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
 
 
 
 
 

38 rindas
2.0 KiB

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