Created
December 21, 2025 07:26
-
-
Save Moraxyc/3df14c89cb22b8ec2903cc5411d5c6e5 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="zh-CN"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>System Hibernation | CTF Offline</title> | |
| <style> | |
| body, html { | |
| margin: 0; | |
| padding: 0; | |
| height: 100%; | |
| width: 100%; | |
| background: #0f0c29; /* Fallback */ | |
| background: linear-gradient(to bottom, #24243e, #302b63, #0f0c29); | |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| color: #fff; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| overflow: hidden; | |
| } | |
| .container { | |
| text-align: center; | |
| z-index: 10; | |
| } | |
| h1 { | |
| font-size: 4rem; | |
| letter-spacing: 10px; | |
| font-weight: 100; | |
| margin: 0; | |
| text-transform: uppercase; | |
| background: -webkit-linear-gradient(#fff, #8f94fb); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| animation: breathe 3s infinite ease-in-out; | |
| } | |
| p { | |
| font-size: 1.2rem; | |
| color: #a8a8b3; | |
| letter-spacing: 2px; | |
| margin-top: 20px; | |
| font-weight: 300; | |
| } | |
| .status-line { | |
| width: 1px; | |
| height: 60px; | |
| background: rgba(255,255,255,0.2); | |
| margin: 40px auto; | |
| } | |
| .footer { | |
| position: absolute; | |
| bottom: 30px; | |
| font-size: 0.8rem; | |
| color: rgba(255,255,255,0.3); | |
| letter-spacing: 1px; | |
| } | |
| @keyframes breathe { | |
| 0%, 100% { opacity: 0.8; transform: scale(1); } | |
| 50% { opacity: 1; transform: scale(1.02); text-shadow: 0 0 20px rgba(143, 148, 251, 0.5); } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>HIBERNATION</h1> | |
| <div class="status-line"></div> | |
| <p>赛季结算中 · 等待下一次信号接入</p> | |
| <p style="font-size: 0.9rem; margin-top: 10px; opacity: 0.6;">The platform is currently offline.</p> | |
| </div> | |
| <div class="footer"> | |
| © 2025 SEE YOU NEXT SEASON. | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment