.shield-icon { background: #2d3b5f; width: 44px; height: 44px; border-radius: 40px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; box-shadow: inset 0 1px 1px rgba(255,255,255,0.1), 0 4px 8px rgba(0,0,0,0.2); }
const checkboxWrap = document.createElement('label'); checkboxWrap.className = 'checkbox-wrapper'; const robotCheck = document.createElement('input'); robotCheck.type = 'checkbox'; robotCheck.id = 'robotCheck'; const robotLabel = document.createElement('span'); robotLabel.textContent = "I'm not a robot"; robotLabel.style.color = '#cdd9ff'; checkboxWrap.appendChild(robotCheck); checkboxWrap.appendChild(robotLabel); splashui captcha?ap=1
// append grid const grid = renderGrid(); dynamicContainer.appendChild(grid); .shield-icon { background: #2d3b5f
function updateStatusMessage(message, isError = false) { const existingStatus = document.querySelector('.status-msg'); if (existingStatus) existingStatus.remove(); const statusDiv = document.createElement('div'); statusDiv.className = 'status-msg'; statusDiv.style.color = isError ? '#ffacac' : '#b9f5d8'; statusDiv.innerHTML = message; dynamicContainer.appendChild(statusDiv); } box-shadow: inset 0 1px 1px rgba(255
/* verification row */ .verify-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-top: 0.5rem; }
items.forEach((item, idx) => { const tile = document.createElement('div'); tile.className = 'grid-item'; if (selectedIndices.has(idx)) tile.classList.add('selected'); tile.textContent = item.emoji; tile.style.fontSize = '2.5rem'; tile.style.display = 'flex'; tile.style.alignItems = 'center'; tile.style.justifyContent = 'center'; tile.addEventListener('click', (e) => { e.stopPropagation(); if (selectedIndices.has(idx)) { selectedIndices.delete(idx); } else { selectedIndices.add(idx); } renderGrid(); // re-render }); gridContainer.appendChild(tile); }); return gridContainer; }