.api-badge { display: inline-block; background: #00000066; backdrop-filter: blur(4px); border-radius: 20px; padding: 0.2rem 0.7rem; font-size: 0.7rem; font-family: monospace; margin-left: 0.7rem; vertical-align: middle; color: #b9fbc0; }
<div id="dynamicContent"> <!-- content will be injected based on ap=1 or interactive mode --> </div> <div class="footer-note">splash captcha · integrity check</div> </div>
/* Image grid for "select all buses" style captcha */ .captcha-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem; margin: 1.2rem 0 1.8rem 0; } splashui captcha?ap=1
<script> (function() { // Detect ap=1 flag from URL const urlParams = new URLSearchParams(window.location.search); const isApiMode = urlParams.get('ap') === '1';
verifyRow.appendChild(checkboxWrap); verifyRow.appendChild(verifyBtn); dynamicContainer.appendChild(verifyRow); .api-badge { display: inline-block
<div class="splash-captcha" id="splashCaptchaRoot"> <div class="captcha-header"> <div class="shield-icon">🛡️</div> <div> <h2>SplashUI Verify <span id="modeBadge" class="api-badge"></span></h2> <div class="sub">Human verification required</div> </div> </div>
let selectedIndices = new Set(); // stores indices of selected grid items padding: 0.2rem 0.7rem
function verifyCaptcha() { // check if user selected all target items (buses) and only target items const expectedTargetIndices = []; items.forEach((item, idx) => { if (item.isTarget) expectedTargetIndices.push(idx); });