| <!DOCTYPE html> |
| <html lang="zh-CN"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>403 - 禁止访问</title> |
| <style> |
| body { |
| font-family: 'Arial', sans-serif; |
| background-color: #f8f9fa; |
| color: #495057; |
| display: flex; |
| justify-content: center; |
| align-items: center; |
| height: 100vh; |
| margin: 0; |
| text-align: center; |
| flex-direction: column; |
| } |
| .container { |
| background-color: #ffffff; |
| padding: 40px; |
| border-radius: 12px; |
| box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); |
| max-width: 550px; |
| width: 90%; |
| } |
| h1 { |
| color: #dc3545; |
| font-size: 2.8em; |
| margin-bottom: 20px; |
| font-weight: bold; |
| } |
| p { |
| font-size: 1.15em; |
| line-height: 1.7; |
| margin-bottom: 35px; |
| } |
| a.button { |
| display: inline-block; |
| padding: 14px 30px; |
| background-color: #007bff; |
| color: #fff; |
| text-decoration: none; |
| border-radius: 6px; |
| font-size: 1.05em; |
| transition: background-color 0.3s ease, transform 0.2s ease; |
| } |
| a.button:hover { |
| background-color: #0056b3; |
| transform: translateY(-2px); |
| } |
| .icon-container svg { |
| width: 120px; |
| height: 120px; |
| margin-bottom: 25px; |
| animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite; |
| transform: translate3d(0, 0, 0); |
| } |
| |
| @keyframes shake { |
| 10%, 90% { |
| transform: translate3d(-1px, 0, 0); |
| } |
| 20%, 80% { |
| transform: translate3d(2px, 0, 0); |
| } |
| 30%, 50%, 70% { |
| transform: translate3d(-3px, 0, 0); |
| } |
| 40%, 60% { |
| transform: translate3d(3px, 0, 0); |
| } |
| } |
| </style> |
| </head> |
| <body> |
| <div class="icon-container"> |
| <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="#dc3545"/> |
| <path d="M15.71 8.29L12 12L8.29 15.71L9.71 17.12L12 14.83L14.29 17.12L15.71 15.71L13.41 12L15.71 9.71L14.29 8.29L12 10.59L9.71 8.29L8.29 9.71L10.59 12L8.29 14.29L9.71 15.71L12 13.41L14.29 15.71L15.71 14.29L13.41 12L15.71 8.29Z" fill="#dc3545"/> |
| |
| |
| |
| </svg> |
| </div> |
| <div class="container"> |
| <h1>禁止访问！(403)</h1> |
| <p>抱歉，您似乎误入了“禁区”。这片区域不对外开放，或者您的权限不足以进入。请确认您拥有正确的访问许可，或者联系管理员寻求帮助。</p> |
| <a href="/" class="button">返回安全区域</a> |
| </div> |
| </body> |
| </html> |
|
|
