| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>500 Internal Server Error</title>
- <style>
- body {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
- background-color: #f8f9fa;
- color: #212529;
- text-align: center;
- margin: 0;
- padding: 0;
- height: 100vh;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
-
- .error-container {
- max-width: 500px;
- padding: 2rem;
- }
-
- .error-code {
- font-size: 4rem;
- font-weight: 700;
- color: #dc3545;
- margin-bottom: 1rem;
- }
-
- .error-title {
- font-size: 2rem;
- font-weight: 600;
- margin-bottom: 1rem;
- }
-
- .error-message {
- font-size: 1.1rem;
- margin-bottom: 2rem;
- color: #6c757d;
- }
-
- .back-link {
- display: inline-block;
- padding: 0.5rem 1rem;
- background-color: #007bff;
- color: white;
- text-decoration: none;
- border-radius: 4px;
- transition: background-color 0.15s ease-in-out;
- }
-
- .back-link:hover {
- background-color: #0056b3;
- }
-
- html[data-bs-theme="dark"] body {
- background-color: #151521;
- color: #ffffff;
- }
-
- html[data-bs-theme="dark"] .error-message {
- color: #adb5bd;
- }
- </style>
- </head>
- <body>
- <div class="error-container">
- <div class="error-code">500</div>
- <div class="error-title">Internal Server Error</div>
- <div class="error-message">抱歉，服务器遇到了一个意外情况，无法完成您的请求。</div>
- <a href="/" class="back-link">返回首页</a>
- </div>
- </body>
- </html>
|
