Dodocool.setup Welcome.html (2026)

a, .help-item span, #resetHint transition: opacity 0.1s;

.card-icon font-size: 2.2rem; margin-bottom: 16px;

</body> </html>

.logo-text p font-size: 0.8rem; color: #9fc3d4; margin-top: 4px; font-weight: 400; dodocool.setup welcome.html

<div class="help-row"> <div class="help-item">📘 <a href="#" style="color:#2c7a6e; text-decoration:none;" id="helpGuideLink">Setup guide</a></div> <div class="help-item">💡 <a href="#" style="color:#2c7a6e; text-decoration:none;" id="faqLink">FAQs & troubleshooting</a></div> <div class="help-item">📞 Support: 1-888-DODOCOOL</div> <div class="help-item">🔧 <span id="resetHint">Factory reset: hold reset 10s</span></div> </div> </div> <div class="footer-note"> © dodocool · version 2.4.0 · This setup portal works best with Chrome, Safari, or Edge. Ensure your device is connected to dodocool Wi-Fi before proceeding. </div> </div>

.close-modal background: #0f2f3c; border: none; padding: 12px 28px; border-radius: 40px; color: white; font-weight: 600; cursor: pointer; font-size: 0.9rem;

<!-- Modal dialog for setup simulation --> <div id="setupModal" class="modal"> <div class="modal-card"> <div class="modal-icon">⚙️✨</div> <h3>dodocool setup wizard</h3> <p>You are about to configure your dodocool device.<br><strong>Simulation mode:</strong> In a real scenario, you'd be redirected to the admin panel (192.168.10.1) to personalize your Wi-Fi and security settings.</p> <p style="background:#eef2fa; border-radius: 32px; padding: 12px; font-size:0.85rem;">🔧 Next: Choose your home network → Set extended SSID → Create password → Apply & reboot</p> <button class="close-modal" id="closeModalBtn">Got it, continue setup →</button> </div> </div> #resetHint transition: opacity 0.1s

.logo-text h1 font-size: 1.8rem; font-weight: 600; letter-spacing: -0.3px; color: white; line-height: 1.2;

.info-card h3 font-size: 1.35rem; font-weight: 600; margin-bottom: 12px; color: #173e4f;

.info-card ul margin-top: 12px; padding-left: 20px; font-size: 0.85rem; color: #2c5775; .card-icon font-size: 2.2rem

.welcome-title font-size: 2rem; font-weight: 700; background: linear-gradient(135deg, #0f3b4f, #1c6c7c); background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom: 16px; letter-spacing: -0.3px;

// Optional prevent default right click on links that might break context document.querySelectorAll('.help-item a').forEach(anchor => anchor.addEventListener('click', (e) => e.preventDefault(); ); ); </script>

.info-card flex: 1; min-width: 230px; background: #f9fbfd; border-radius: 28px; padding: 24px 22px; transition: all 0.2s; border: 1px solid #e6edf4; box-shadow: 0 6px 12px -8px rgba(0, 0, 0, 0.05);