General
Kênh chat chung
admin
01:05
Hé nô Nhi chéch chi
admin
12:40
https://vt.tiktok.com/ZS9NFsh1oNwXN-GW3wU/
admin
13:28
// Tìm element bạn đã gán id="thatim"
const btn = document.getElementById('thatim');
if (btn) {
// Chạy mỗi 0.5 giây
const interval = setInterval(() => {
// Kích hoạt cả 2 kiểu sự kiện để tăng tỉ lệ qua mặt TikTok
btn.click();
// Mô phỏng cả MouseEvent phòng khi TikTok chặn .click() thuần
const evt = new MouseEvent('click', {
view: window,
bubbles: true,
cancelable: true,
});
btn.dispatchEvent(evt);
console.log('❤️ Đã thả tim - ' + new Date().toLocaleTimeString());
}, 100);
// Lưu ID vào window để dễ dừng
window.stopBot = () => {
clearInterval(interval);
console.log('🛑 Bot đã dừng.');
};
console.log('🚀 Bot chạy. Gõ lệnh stopBot() để dừng.');
} else {
console.error('Không tìm thấy #thatim. Bạn đã gán id đúng cách chưa?');
}
const btn = document.getElementById('thatim');
if (btn) {
// Chạy mỗi 0.5 giây
const interval = setInterval(() => {
// Kích hoạt cả 2 kiểu sự kiện để tăng tỉ lệ qua mặt TikTok
btn.click();
// Mô phỏng cả MouseEvent phòng khi TikTok chặn .click() thuần
const evt = new MouseEvent('click', {
view: window,
bubbles: true,
cancelable: true,
});
btn.dispatchEvent(evt);
console.log('❤️ Đã thả tim - ' + new Date().toLocaleTimeString());
}, 100);
// Lưu ID vào window để dễ dừng
window.stopBot = () => {
clearInterval(interval);
console.log('🛑 Bot đã dừng.');
};
console.log('🚀 Bot chạy. Gõ lệnh stopBot() để dừng.');
} else {
console.error('Không tìm thấy #thatim. Bạn đã gán id đúng cách chưa?');
}
admin
20:04
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CVV Shop - Đăng nhập</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
color: #FFC107;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: #0a0a0a;
font-family: 'Courier New', 'Consolas', monospace;
overflow: hidden;
}
/* Nền matrix rain */
.matrix-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
opacity: 0.06;
}
.matrix-bg canvas {
width: 100%;
height: 100%;
}
/* Hiệu ứng đường kẻ ngang */
.scanlines {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
background: repeating-linear-gradient(
0deg,
transparent,
transparent 2px,
rgba(0, 255, 0, 0.015) 2px,
rgba(0, 255, 0, 0.015) 4px
);
}
/* Container chính */
.login-container {
position: relative;
z-index: 2;
width: 100%;
max-width: 440px;
padding: 0 20px;
}
/* Border glow xanh */
.login-border {
position: relative;
padding: 2px;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(0, 255, 65, 0.3),
rgba(0, 255, 65, 0.05),
rgba(0, 255, 65, 0.3)
);
}
.login-border::before {
content: '';
position: absolute;
top: -1px;
left: 20%;
right: 20%;
height: 1px;
background: #00ff41;
box-shadow: 0 0 10px #00ff41, 0 0 20px #00ff41;
z-index: 3;
animation: scanBorder 3s ease-in-out infinite;
}
@keyframes scanBorder {
0%, 100% { top: -1px; opacity: 0.8; }
50% { top: 100%; opacity: 0.2; }
}
.login-card {
background: #0d0d0d;
border-radius: 3px;
padding: 40px 32px 32px;
text-align: center;
position: relative;
}
/* Logo / Icon */
.logo-section {
margin-bottom: 20px;
}
.logo-icon {
width: 64px;
height: 64px;
margin: 0 auto 12px;
border: 1.5px solid #00ff41;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 255, 65, 0.03);
box-shadow: 0 0 20px rgba(0, 255, 65, 0.1), inset 0 0 20px rgba(0, 255, 65, 0.03);
position: relative;
}
.logo-icon svg {
width: 32px;
height: 32px;
fill: none;
stroke: #00ff41;
stroke-width: 1.5;
}
.logo-dot {
position: absolute;
top: -3px;
right: -3px;
width: 8px;
height: 8px;
background: #00ff41;
border-radius: 50%;
animation: blink 1s infinite;
box-shadow: 0 0 8px #00ff41;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.2; }
}
.brand-name {
font-size: 22px;
font-weight: 700;
letter-spacing: 6px;
color: #00ff41;
text-shadow: 0 0 10px rgba(0, 255, 65, 0.5);
text-transform: uppercase;
}
.brand-sub {
font-size: 10px;
letter-spacing: 4px;
color: #666;
margin-top: 2px;
text-transform: uppercase;
}
/* Phân cách */
.divider {
display: flex;
align-items: center;
margin: 20px 0;
gap: 10px;
}
.divider-line {
flex: 1;
height: 1px;
background: #1a1a1a;
}
.divider-text {
color: #a5a5a5;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
}
/* Ô input private key */
.input-group {
position: relative;
}
.input-group label {
display: block;
text-align: left;
color: #9aa78c;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}
.input-group label span {
color: #00ff41;
}
.input-wrapper {
position: relative;
}
.input-wrapper input {
width: 100%;
padding: 14px 44px 14px 16px;
background: #0f0f0f;
border: 1px solid #1f1f1f;
border-radius: 3px;
color: #00ff41;
font-size: 13px;
font-family: 'Courier New', monospace;
text-align: left;
letter-spacing: 1px;
outline: none;
transition: all 0.3s;
caret-color: #00ff41;
}
.input-wrapper input::placeholder {
color: #848985;
letter-spacing: 1px;
}
.input-wrapper input:focus {
border-color: #004b13;
box-shadow: 0 0 15px rgba(0, 255, 65, 0.1), inset 0 0 10px rgba(0, 255, 65, 0.02);
}
.input-icon {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
color: #333;
transition: color 0.3s;
pointer-events: none;
}
.input-wrapper input:focus ~ .input-icon,
.input-wrapper input:valid ~ .input-icon {
color: #00ff41;
}
/* Nút */
.btn-login {
width: 100%;
padding: 14px;
margin-top: 20px;
background: transparent;
color: #00ff41;
border: 1px solid #00ff41;
border-radius: 3px;
font-size: 13px;
font-weight: 600;
font-family: 'Courier New', monospace;
letter-spacing: 4px;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.btn-login:hover {
background: rgba(0, 255, 65, 0.05);
box-shadow: 0 0 25px rgba(0, 255, 65, 0.2);
text-shadow: 0 0 10px #00ff41;
}
.btn-login:active {
transform: scale(0.98);
}
.btn-login:disabled {
border-color: #1f1f1f;
color: #333;
cursor: not-allowed;
box-shadow: none;
text-shadow: none;
}
.btn-login:disabled:hover {
background: transparent;
box-shadow: none;
}
/* Loading dots */
.btn-login .dots::after {
content: '';
animation: dots 1.5s infinite;
}
@keyframes dots {
0% { content: ''; }
25% { content: '.'; }
50% { content: '..'; }
75% { content: '...'; }
100% { content: ''; }
}
/* Thông báo lỗi */
.error-msg {
color: #ff3333;
font-size: 11px;
margin-top: 12px;
min-height: 18px;
letter-spacing: 1px;
text-shadow: 0 0 8px rgba(255, 0, 0, 0.3);
}
/* Footer */
.footer-info {
margin-top: 28px;
display: flex;
justify-content: center;
gap: 20px;
font-size: 9px;
letter-spacing: 2px;
color: #8db38e;
}
.footer-info span {
cursor: default;
transition: color 0.3s;
}
.footer-info span:hover {
color: #00ff41;
}
.online-dot {
display: inline-block;
width: 5px;
height: 5px;
background: #00ff41;
border-radius: 50%;
margin-right: 4px;
box-shadow: 0 0 5px #00ff41;
animation: blink 1.5s infinite;
}
</style>
</head>
<body>
<!-- Nền matrix -->
<div class="matrix-bg">
<canvas id="matrix"></canvas>
</div>
<!-- Scanlines -->
<div class="scanlines"></div>
<!-- Login -->
<div class="login-container">
<div class="login-border">
<div class="login-card">
<!-- Logo -->
<div class="logo-section">
<div class="logo-icon">
<svg viewBox="0 0 24 24">
<rect x="4" y="6" width="16" height="12" rx="2" stroke-linecap="round"/>
<line x1="4" y1="10" x2="20" y2="10"/>
<circle cx="12" cy="15" r="2"/>
<path d="M17 3l2 3M7 3L5 6"/>
</svg>
<div class="logo-dot"></div>
</div>
<div class="brand-name">CVV Shop</div>
<div class="brand-sub">Private Access</div>
</div>
<!-- Divider -->
<div class="divider">
<div class="divider-line"></div>
<div class="divider-text">▸ Xác thực ◂</div>
<div class="divider-line"></div>
</div>
<!-- Form -->
<form id="loginForm" autocomplete="off">
<div class="input-group">
<label>Private <span>Key</span></label>
<div class="input-wrapper">
<input
type="text"
id="privateKey"
placeholder="Paste your access key here"
autofocus
spellcheck="false"
autocomplete="off"
>
<span class="input-icon">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<rect x="3" y="11" width="18" height="11" rx="2"/>
<path d="M7 11V7a5 5 0 0110 0v4"/>
<circle cx="12" cy="16" r="1"/>
</svg>
</span>
</div>
</div>
<button type="submit" class="btn-login" id="btnLogin">
Mở Khóa
</button>
</form>
<div class="error-msg" id="errorMsg"></div>
<!-- Footer -->
<span>Don't have an account? <span onclick="reg();">Register</span></span>
<div class="footer-info">
<br>
<span><span class="online-dot"></span>Online</span>
<span>v2.4</span>
<span>SSL/TLS</span>
</div>
</div>
</div>
</div>
<script>
// ============ Matrix Rain ============
const canvas = document.getElementById('matrix');
const ctx = canvas.getContext('2d');
function resizeCanvas() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}
resizeCanvas();
window.addEventListener('resize', resizeCanvas);
const chars = 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン0123456789ABCDEF';
const fontSize = 12;
let columns = Math.floor(canvas.width / fontSize);
let drops = [];
function initDrops() {
columns = Math.floor(canvas.width / fontSize);
drops = [];
for (let i = 0; i < columns; i++) {
drops[i] = Math.random() * -100;
}
}
initDrops();
window.addEventListener('resize', initDrops);
function drawMatrix() {
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = '#00ff41';
ctx.font = fontSize + 'px monospace';
for (let i = 0; i < drops.length; i++) {
const char = chars[Math.floor(Math.random() * chars.length)];
const x = i * fontSize;
const y = drops[i] * fontSize;
ctx.fillStyle = 'rgba(0, 255, 65, 0.3)';
ctx.fillText(char, x, y);
// Ký tự đầu sáng hơn
if (y > 0 && Math.random() > 0.97) {
ctx.fillStyle = 'rgba(0, 255, 65, 0.9)';
ctx.fillText(char, x, y);
}
if (y > canvas.height && Math.random() > 0.975) {
drops[i] = 0;
}
drops[i]++;
}
}
setInterval(drawMatrix, 40);
// ============ Xử lý Login ============
const form = document.getElementById('loginForm');
const input = document.getElementById('privateKey');
const btn = document.getElementById('btnLogin');
const errorEl = document.getElementById('errorMsg');
form.addEventListener('submit', function(e) {
e.preventDefault();
handleLogin();
});
function handleLogin() {
const privateKey = input.value.trim();
if (!privateKey) {
showError('⚠ Vui lòng nhập Private Key');
input.focus();
shakeElement(input);
return;
}
if (privateKey.length < 16) {
showError('⚠ Private Key không hợp lệ (quá ngắn)');
input.focus();
shakeElement(input);
return;
}
// Loading
errorEl.textContent = '';
btn.disabled = true;
btn.innerHTML = 'Đang Xác Thực<span class="dots"></span>';
// Giả lập xác thực
setTimeout(() => {
// Chuyển hướng
window.location.href = '/dashboard?key=' + encodeURIComponent(privateKey);
}, 1500 + Math.random() * 1000);
}
function showError(msg) {
errorEl.textContent = msg;
setTimeout(() => {
if (errorEl.textContent === msg) {
errorEl.textContent = '';
}
}, 4000);
}
function shakeElement(el) {
el.style.animation = 'none';
el.offsetHeight; // Trigger reflow
el.style.animation = 'shake 0.5s ease';
el.style.borderColor = '#ff3333';
setTimeout(() => {
el.style.animation = '';
el.style.borderColor = '';
}, 600);
}
// Style cho shake
const shakeStyle = document.createElement('style');
shakeStyle.textContent = `
@keyframes shake {
0%, 100% { transform: translateX(0); }
20% { transform: translateX(-4px); }
40% { transform: translateX(4px); }
60% { transform: translateX(-3px); }
80% { transform: translateX(3px); }
}
`;
document.head.appendChild(shakeStyle);
</script>
</body>
</html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CVV Shop - Đăng nhập</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
color: #FFC107;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: #0a0a0a;
font-family: 'Courier New', 'Consolas', monospace;
overflow: hidden;
}
/* Nền matrix rain */
.matrix-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
opacity: 0.06;
}
.matrix-bg canvas {
width: 100%;
height: 100%;
}
/* Hiệu ứng đường kẻ ngang */
.scanlines {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
background: repeating-linear-gradient(
0deg,
transparent,
transparent 2px,
rgba(0, 255, 0, 0.015) 2px,
rgba(0, 255, 0, 0.015) 4px
);
}
/* Container chính */
.login-container {
position: relative;
z-index: 2;
width: 100%;
max-width: 440px;
padding: 0 20px;
}
/* Border glow xanh */
.login-border {
position: relative;
padding: 2px;
border-radius: 4px;
background: linear-gradient(
180deg,
rgba(0, 255, 65, 0.3),
rgba(0, 255, 65, 0.05),
rgba(0, 255, 65, 0.3)
);
}
.login-border::before {
content: '';
position: absolute;
top: -1px;
left: 20%;
right: 20%;
height: 1px;
background: #00ff41;
box-shadow: 0 0 10px #00ff41, 0 0 20px #00ff41;
z-index: 3;
animation: scanBorder 3s ease-in-out infinite;
}
@keyframes scanBorder {
0%, 100% { top: -1px; opacity: 0.8; }
50% { top: 100%; opacity: 0.2; }
}
.login-card {
background: #0d0d0d;
border-radius: 3px;
padding: 40px 32px 32px;
text-align: center;
position: relative;
}
/* Logo / Icon */
.logo-section {
margin-bottom: 20px;
}
.logo-icon {
width: 64px;
height: 64px;
margin: 0 auto 12px;
border: 1.5px solid #00ff41;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 255, 65, 0.03);
box-shadow: 0 0 20px rgba(0, 255, 65, 0.1), inset 0 0 20px rgba(0, 255, 65, 0.03);
position: relative;
}
.logo-icon svg {
width: 32px;
height: 32px;
fill: none;
stroke: #00ff41;
stroke-width: 1.5;
}
.logo-dot {
position: absolute;
top: -3px;
right: -3px;
width: 8px;
height: 8px;
background: #00ff41;
border-radius: 50%;
animation: blink 1s infinite;
box-shadow: 0 0 8px #00ff41;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.2; }
}
.brand-name {
font-size: 22px;
font-weight: 700;
letter-spacing: 6px;
color: #00ff41;
text-shadow: 0 0 10px rgba(0, 255, 65, 0.5);
text-transform: uppercase;
}
.brand-sub {
font-size: 10px;
letter-spacing: 4px;
color: #666;
margin-top: 2px;
text-transform: uppercase;
}
/* Phân cách */
.divider {
display: flex;
align-items: center;
margin: 20px 0;
gap: 10px;
}
.divider-line {
flex: 1;
height: 1px;
background: #1a1a1a;
}
.divider-text {
color: #a5a5a5;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
}
/* Ô input private key */
.input-group {
position: relative;
}
.input-group label {
display: block;
text-align: left;
color: #9aa78c;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 8px;
}
.input-group label span {
color: #00ff41;
}
.input-wrapper {
position: relative;
}
.input-wrapper input {
width: 100%;
padding: 14px 44px 14px 16px;
background: #0f0f0f;
border: 1px solid #1f1f1f;
border-radius: 3px;
color: #00ff41;
font-size: 13px;
font-family: 'Courier New', monospace;
text-align: left;
letter-spacing: 1px;
outline: none;
transition: all 0.3s;
caret-color: #00ff41;
}
.input-wrapper input::placeholder {
color: #848985;
letter-spacing: 1px;
}
.input-wrapper input:focus {
border-color: #004b13;
box-shadow: 0 0 15px rgba(0, 255, 65, 0.1), inset 0 0 10px rgba(0, 255, 65, 0.02);
}
.input-icon {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
color: #333;
transition: color 0.3s;
pointer-events: none;
}
.input-wrapper input:focus ~ .input-icon,
.input-wrapper input:valid ~ .input-icon {
color: #00ff41;
}
/* Nút */
.btn-login {
width: 100%;
padding: 14px;
margin-top: 20px;
background: transparent;
color: #00ff41;
border: 1px solid #00ff41;
border-radius: 3px;
font-size: 13px;
font-weight: 600;
font-family: 'Courier New', monospace;
letter-spacing: 4px;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.btn-login:hover {
background: rgba(0, 255, 65, 0.05);
box-shadow: 0 0 25px rgba(0, 255, 65, 0.2);
text-shadow: 0 0 10px #00ff41;
}
.btn-login:active {
transform: scale(0.98);
}
.btn-login:disabled {
border-color: #1f1f1f;
color: #333;
cursor: not-allowed;
box-shadow: none;
text-shadow: none;
}
.btn-login:disabled:hover {
background: transparent;
box-shadow: none;
}
/* Loading dots */
.btn-login .dots::after {
content: '';
animation: dots 1.5s infinite;
}
@keyframes dots {
0% { content: ''; }
25% { content: '.'; }
50% { content: '..'; }
75% { content: '...'; }
100% { content: ''; }
}
/* Thông báo lỗi */
.error-msg {
color: #ff3333;
font-size: 11px;
margin-top: 12px;
min-height: 18px;
letter-spacing: 1px;
text-shadow: 0 0 8px rgba(255, 0, 0, 0.3);
}
/* Footer */
.footer-info {
margin-top: 28px;
display: flex;
justify-content: center;
gap: 20px;
font-size: 9px;
letter-spacing: 2px;
color: #8db38e;
}
.footer-info span {
cursor: default;
transition: color 0.3s;
}
.footer-info span:hover {
color: #00ff41;
}
.online-dot {
display: inline-block;
width: 5px;
height: 5px;
background: #00ff41;
border-radius: 50%;
margin-right: 4px;
box-shadow: 0 0 5px #00ff41;
animation: blink 1.5s infinite;
}
</style>
</head>
<body>
<!-- Nền matrix -->
<div class="matrix-bg">
<canvas id="matrix"></canvas>
</div>
<!-- Scanlines -->
<div class="scanlines"></div>
<!-- Login -->
<div class="login-container">
<div class="login-border">
<div class="login-card">
<!-- Logo -->
<div class="logo-section">
<div class="logo-icon">
<svg viewBox="0 0 24 24">
<rect x="4" y="6" width="16" height="12" rx="2" stroke-linecap="round"/>
<line x1="4" y1="10" x2="20" y2="10"/>
<circle cx="12" cy="15" r="2"/>
<path d="M17 3l2 3M7 3L5 6"/>
</svg>
<div class="logo-dot"></div>
</div>
<div class="brand-name">CVV Shop</div>
<div class="brand-sub">Private Access</div>
</div>
<!-- Divider -->
<div class="divider">
<div class="divider-line"></div>
<div class="divider-text">▸ Xác thực ◂</div>
<div class="divider-line"></div>
</div>
<!-- Form -->
<form id="loginForm" autocomplete="off">
<div class="input-group">
<label>Private <span>Key</span></label>
<div class="input-wrapper">
<input
type="text"
id="privateKey"
placeholder="Paste your access key here"
autofocus
spellcheck="false"
autocomplete="off"
>
<span class="input-icon">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<rect x="3" y="11" width="18" height="11" rx="2"/>
<path d="M7 11V7a5 5 0 0110 0v4"/>
<circle cx="12" cy="16" r="1"/>
</svg>
</span>
</div>
</div>
<button type="submit" class="btn-login" id="btnLogin">
Mở Khóa
</button>
</form>
<div class="error-msg" id="errorMsg"></div>
<!-- Footer -->
<span>Don't have an account? <span onclick="reg();">Register</span></span>
<div class="footer-info">
<br>
<span><span class="online-dot"></span>Online</span>
<span>v2.4</span>
<span>SSL/TLS</span>
</div>
</div>
</div>
</div>
<script>
// ============ Matrix Rain ============
const canvas = document.getElementById('matrix');
const ctx = canvas.getContext('2d');
function resizeCanvas() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}
resizeCanvas();
window.addEventListener('resize', resizeCanvas);
const chars = 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン0123456789ABCDEF';
const fontSize = 12;
let columns = Math.floor(canvas.width / fontSize);
let drops = [];
function initDrops() {
columns = Math.floor(canvas.width / fontSize);
drops = [];
for (let i = 0; i < columns; i++) {
drops[i] = Math.random() * -100;
}
}
initDrops();
window.addEventListener('resize', initDrops);
function drawMatrix() {
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = '#00ff41';
ctx.font = fontSize + 'px monospace';
for (let i = 0; i < drops.length; i++) {
const char = chars[Math.floor(Math.random() * chars.length)];
const x = i * fontSize;
const y = drops[i] * fontSize;
ctx.fillStyle = 'rgba(0, 255, 65, 0.3)';
ctx.fillText(char, x, y);
// Ký tự đầu sáng hơn
if (y > 0 && Math.random() > 0.97) {
ctx.fillStyle = 'rgba(0, 255, 65, 0.9)';
ctx.fillText(char, x, y);
}
if (y > canvas.height && Math.random() > 0.975) {
drops[i] = 0;
}
drops[i]++;
}
}
setInterval(drawMatrix, 40);
// ============ Xử lý Login ============
const form = document.getElementById('loginForm');
const input = document.getElementById('privateKey');
const btn = document.getElementById('btnLogin');
const errorEl = document.getElementById('errorMsg');
form.addEventListener('submit', function(e) {
e.preventDefault();
handleLogin();
});
function handleLogin() {
const privateKey = input.value.trim();
if (!privateKey) {
showError('⚠ Vui lòng nhập Private Key');
input.focus();
shakeElement(input);
return;
}
if (privateKey.length < 16) {
showError('⚠ Private Key không hợp lệ (quá ngắn)');
input.focus();
shakeElement(input);
return;
}
// Loading
errorEl.textContent = '';
btn.disabled = true;
btn.innerHTML = 'Đang Xác Thực<span class="dots"></span>';
// Giả lập xác thực
setTimeout(() => {
// Chuyển hướng
window.location.href = '/dashboard?key=' + encodeURIComponent(privateKey);
}, 1500 + Math.random() * 1000);
}
function showError(msg) {
errorEl.textContent = msg;
setTimeout(() => {
if (errorEl.textContent === msg) {
errorEl.textContent = '';
}
}, 4000);
}
function shakeElement(el) {
el.style.animation = 'none';
el.offsetHeight; // Trigger reflow
el.style.animation = 'shake 0.5s ease';
el.style.borderColor = '#ff3333';
setTimeout(() => {
el.style.animation = '';
el.style.borderColor = '';
}, 600);
}
// Style cho shake
const shakeStyle = document.createElement('style');
shakeStyle.textContent = `
@keyframes shake {
0%, 100% { transform: translateX(0); }
20% { transform: translateX(-4px); }
40% { transform: translateX(4px); }
60% { transform: translateX(-3px); }
80% { transform: translateX(3px); }
}
`;
document.head.appendChild(shakeStyle);
</script>
</body>
</html>
admin
20:55
https://drive.google.com/file/d/18GNrE1L5-JEB4QYVZ0iHHHJIOMZ9r3JZ/view?usp=drive_link
admin
21:22
bác ơi, bên trong file elements/banksort.tpl, (khoảng dòng 27)
.ffilter select,
.ffilter input {
border: 1px solid var(--color-border, #3a4a5c);
padding: 8px 10px;
border-radius: 0px;
background: #fff;
color: black;
width: 100%;
box-sizing: border-box;
}
bác xoá cho em cái background: #fff; với color: black; nha, nó chỉ còn
.ffilter select,
.ffilter input {
border: 1px solid var(--color-border, #3a4a5c);
padding: 8px 10px;
border-radius: 0px;
width: 100%;
box-sizing: border-box;
}
.ffilter select,
.ffilter input {
border: 1px solid var(--color-border, #3a4a5c);
padding: 8px 10px;
border-radius: 0px;
background: #fff;
color: black;
width: 100%;
box-sizing: border-box;
}
bác xoá cho em cái background: #fff; với color: black; nha, nó chỉ còn
.ffilter select,
.ffilter input {
border: 1px solid var(--color-border, #3a4a5c);
padding: 8px 10px;
border-radius: 0px;
width: 100%;
box-sizing: border-box;
}
admin
20:58
a2fpPANKoAbRw3VSv5UZ
datagame.ntc
22:13
fdgfdgfdgd
admin
22:14
asdsad
Đang tải...
Đăng nhập để tham gia trò chuyện
Đăng nhập ngay