body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f0f0f0; font-family: 'Arial', sans-serif; transition: background-color 1s ease; } .container { text-align: center; background-color: white; padding: 30px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: transform 0.5s ease; max-width: 90%; /* 限制最大宽度以适应手机 */ } h1 { font-size: 2.5em; color: #333; margin-bottom: 10px; font-weight: bold; } p { font-size: 1.2em; color: #666; margin-bottom: 20px; } .loading { font-size: 1.5em; color: #007bff; margin-top: 20px; } .countdown { width: 100px; height: 100px; border-radius: 50%; border: 10px solid #007bff; display: flex; justify-content: center; align-items: center; font-size: 2em; color: #007bff; margin: 20px auto; position: relative; } .countdown::before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 10px solid rgba(0, 123, 255, 0.2); animation: spin 3s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

已开启秘密世界

正在打开...

3
打开完成...