| <!DOCTYPE html>
|
| <html lang="zh-CN">
|
| <head>
|
| <meta charset="UTF-8">
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| <title>登录</title>
|
| <script src="https://cdn.tailwindcss.com"></script>
|
| <style>
|
| #popup {
|
| display: none;
|
| }
|
| </style>
|
| </head>
|
| <body class="bg-gradient-to-br from-blue-300 via-indigo-300 to-purple-400 min-h-screen flex items-center justify-center">
|
| <div class="bg-white p-8 rounded-xl shadow-2xl w-96 max-w-md">
|
| <h2 class="text-3xl font-bold text-center text-gray-800 mb-4">登录</h2>
|
| <button
|
| type="button"
|
| onclick="openPopup()"
|
| class="w-full bg-gradient-to-r from-indigo-500 to-blue-500 text-white font-bold py-3 px-4 rounded-lg hover:opacity-90 transition duration-200 ease-in-out"
|
| >
|
| RefreshToken / AccessToken
|
| </button>
|
| <p class="text-xs text-gray-500 text-center mt-4">
|
| <span class="font-semibold text-gray-800">非
|
| <span class="font-bold text-indigo-600">RT</span>
|
| 与
|
| <span class="font-bold text-indigo-600">AT</span>
|
| 的输入，将作为</span>
|
| <span class="font-bold text-indigo-600">Seed</span>
|
| <span class="font-semibold text-gray-800">随机抽取后台账号</span>
|
| </p>
|
| </div>
|
|
|
| <div id="popup" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center">
|
| <div class="bg-white p-8 rounded-xl shadow-lg max-w-lg w-full h-auto">
|
|
|
| <p class="font-semibold text-gray-800 text-center mb-1">直接点击
|
| <span class="font-bold text-indigo-600">开始</span>
|
| 进入最近用过的账号</p>
|
| <label for="popup-input"></label>
|
| <textarea
|
| id="popup-input"
|
| name="token"
|
| placeholder="RefreshToken / AccessToken / SeedToken"
|
| class="w-full h-56 px-4 py-4 text-md rounded-md bg-gray-100 border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-gray-800 transition duration-200 ease-in-out mb-4"
|
| style="resize: none;"
|
| ></textarea>
|
| <div class="flex justify-center space-x-4">
|
| <button
|
| onclick="submitToken()"
|
| class="bg-indigo-500 hover:bg-indigo-600 text-white font-bold py-2 px-4 rounded-lg transition duration-200 ease-in-out"
|
| >
|
| 开 始
|
| </button>
|
| <button
|
| onclick="closePopup()"
|
| class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded-lg transition duration-200 ease-in-out"
|
| >
|
| 取 消
|
| </button>
|
| </div>
|
| </div>
|
| </div>
|
|
|
| <script>
|
| function openPopup() {
|
| document.getElementById('popup').style.display = 'flex';
|
| }
|
|
|
| function closePopup() {
|
| document.getElementById('popup').style.display = 'none';
|
| }
|
|
|
| function submitToken() {
|
| var inputValue = document.getElementById('popup-input').value;
|
| window.location.href = '/?token=' + inputValue;
|
| closePopup();
|
| }
|
| </script>
|
| </body>
|
| </html>
|
|
|
