diff --git a/popup.html b/popup.html index fbcdb61..d87926a 100644 --- a/popup.html +++ b/popup.html @@ -7,52 +7,12 @@ - - -

cardbingenerator

-
-
Blackhat_bullet
-
- YouTube - BIN Site -
-
@@ -60,10 +20,6 @@ ⚡ General -
- -
-
-
- 💎 -

BIN Generator

-
-
-
💎
-
- Powered by cardbingenerator -
-
- Visit cardbingenerator.com for advanced BIN generation with multiple card networks, formats, and validation options. -
- - Visit BIN Generator - -
-
-
-
Powered by Blackhat_bullet
-
- 📺 YouTube Channel - 💬 Telegram Group - 📞 Temp SMS - 💳 BIN Generator -
-
-
-
@@ -228,19 +153,6 @@
- -
-
Blackhat_bullet
-
- Follow us for more tools, hacks, and tutorials -
-
- 📺 YouTube: Stuffs - 💬 Telegram Group - 📞 Temp SMS Bot - 💳 BIN Generator -
-
diff --git a/popup.js b/popup.js index 9eeb6eb..89136a2 100644 --- a/popup.js +++ b/popup.js @@ -567,61 +567,3 @@ function loadData() { loadAddresses(); loadNames(); } - -// ========================================== -// Telegram 广告弹窗逻辑 -// ========================================== - -const telegramModal = document.getElementById("telegramModal"); -const modalCloseBtn = document.getElementById("modalCloseBtn"); -const modalTimer = document.getElementById("modalTimer"); -let countdownInterval = null; -let autoCloseTimeout = null; - -function showTelegramModal() { - telegramModal.classList.add("show"); - let seconds = 5; - modalTimer.textContent = seconds; - - // 倒计时 - countdownInterval = setInterval(() => { - seconds--; - if (seconds > 0) { - modalTimer.textContent = seconds; - } else { - modalTimer.textContent = "0"; - clearInterval(countdownInterval); - } - }, 1000); - - // 5秒后自动关闭 - autoCloseTimeout = setTimeout(() => { - closeTelegramModal(); - }, 5000); -} - -function closeTelegramModal() { - telegramModal.classList.remove("show"); - if (countdownInterval) { - clearInterval(countdownInterval); - countdownInterval = null; - } - if (autoCloseTimeout) { - clearTimeout(autoCloseTimeout); - autoCloseTimeout = null; - } -} - -if (modalCloseBtn) { - modalCloseBtn.addEventListener("click", (e) => { - e.preventDefault(); - closeTelegramModal(); - }); -} - -// 延迟显示广告，避免一打开就弹 -if (telegramModal && modalCloseBtn && modalTimer) { - setTimeout(() => { - showTelegramModal(); - }, 300); -} diff --git a/styles.css b/styles.css index 230e49c..3e01d4c 100644 --- a/styles.css +++ b/styles.css @@ -1276,211 +1276,3 @@ input::placeholder { max-height: 180px; } } - -/* Telegram Modal Styles */ -.modal-overlay { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(0, 0, 0, 0.85); - backdrop-filter: blur(8px); - display: flex; - align-items: center; - justify-content: center; - z-index: 10000; - opacity: 0; - visibility: hidden; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); -} - -.modal-overlay.show { - opacity: 1; - visibility: visible; -} - -.modal-content { - background: var(--bg-glass); - backdrop-filter: blur(20px); - border: 2px solid var(--border-color); - border-radius: 20px; - padding: 24px; - max-width: 400px; - width: 90%; - position: relative; - box-shadow: var(--shadow-xl), 0 0 40px rgba(255, 255, 255, 0.1); - transform: scale(0.9) translateY(20px); - transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); -} - -.modal-overlay.show .modal-content { - transform: scale(1) translateY(0); -} - -.modal-close { - position: absolute; - top: 12px; - right: 12px; - width: 32px; - height: 32px; - background: rgba(255, 255, 255, 0.1); - border: 2px solid var(--border-color); - border-radius: 8px; - color: var(--text-primary); - font-size: 20px; - font-weight: 700; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - transition: all 0.3s ease; - line-height: 1; - padding: 0; -} - -.modal-close:hover { - background: rgba(255, 255, 255, 0.2); - border-color: var(--accent-primary); - transform: rotate(90deg) scale(1.1); - box-shadow: var(--shadow-md); -} - -.modal-header { - text-align: center; - margin-bottom: 20px; - padding-bottom: 16px; - border-bottom: 1px solid var(--border-color); -} - -.modal-icon { - font-size: 48px; - margin-bottom: 12px; - filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.3)); - animation: float 3s ease-in-out infinite; -} - -.modal-title { - font-size: 20px; - font-weight: 700; - color: var(--text-primary); - margin: 0; - letter-spacing: 1px; - text-transform: uppercase; - text-shadow: 0 0 10px rgba(255, 255, 255, 0.3); -} - -.modal-body { - display: flex; - flex-direction: column; - gap: 16px; -} - -.modal-description { - font-size: 13px; - color: var(--text-secondary); - text-align: center; - margin: 0; - line-height: 1.6; -} - -.modal-links { - display: flex; - flex-direction: column; - gap: 12px; -} - -.modal-link { - display: flex; - align-items: center; - gap: 14px; - padding: 14px 18px; - background: var(--bg-tertiary); - border: 2px solid var(--border-color); - border-radius: 12px; - text-decoration: none; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); - position: relative; - overflow: hidden; -} - -.modal-link::before { - content: ''; - position: absolute; - top: 0; - left: -100%; - width: 100%; - height: 100%; - background: rgba(255, 255, 255, 0.05); - transition: left 0.3s ease; -} - -.modal-link:hover::before { - left: 0; -} - -.modal-link:hover { - border-color: var(--accent-primary); - background: var(--bg-secondary); - transform: translateX(4px); - box-shadow: var(--shadow-md), 0 0 20px rgba(255, 255, 255, 0.1); -} - -.modal-link-icon { - font-size: 28px; - flex-shrink: 0; - filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.3)); -} - -.modal-link-content { - flex: 1; - display: flex; - flex-direction: column; - gap: 4px; -} - -.modal-link-title { - font-size: 14px; - font-weight: 700; - color: var(--text-primary); - letter-spacing: 0.5px; -} - -.modal-link-subtitle { - font-size: 11px; - color: var(--text-secondary); - font-weight: 500; -} - -.telegram-link:hover .modal-link-icon { - animation: pulse 1s ease-in-out infinite; -} - -.temp-link:hover .modal-link-icon { - animation: pulse 1s ease-in-out infinite; -} - -@keyframes pulse { - 0%, 100% { - transform: scale(1); - } - 50% { - transform: scale(1.1); - } -} - -.modal-timer { - text-align: center; - padding-top: 12px; - border-top: 1px solid var(--border-color); - font-size: 12px; - color: var(--text-muted); - font-weight: 600; -} - -.modal-timer span { - color: var(--accent-primary); - font-size: 14px; - font-weight: 700; - text-shadow: 0 0 8px rgba(255, 255, 255, 0.3); -}