' + stars + '

', '

', // 오비탈 링 '

', // 사자 박스 '

', '

', // 글로우 '

', '

', // 타이틀 (글자별 stagger, 한국어 tight 자간) '

' + titleHtml + '

', // 로딩 바 (그라디언트) '

', '

', // 서브텍스트 (초기값, JS로 순환, 한국어 normal 자간) '

' + SUBTITLES[0] + '

', '

' ].join(''); // React 19 하이드레이션 충돌 회피: body 자식이 아니라 html 직속 자식으로 배치. // html에는 suppressHydrationWarning이 걸려있어 안전하며, position:fixed라 시각적 차이 없음. document.documentElement.appendChild(el); // 서브텍스트 순환 var subIdx = 0; var subInterval = setInterval(function() { var node = document.getElementById('__phs_subtitle'); if (!node) { clearInterval(subInterval); return; } node.style.opacity = '0'; setTimeout(function() { subIdx = (subIdx + 1) % SUBTITLES.length; node.textContent = SUBTITLES[subIdx]; node.style.opacity = '1'; }, 300); }, 2200); var removed = false; function doRemove() { if (removed) return; removed = true; clearInterval(subInterval); var n = document.getElementById('__pre_hydration_splash'); if (!n) return; n.style.opacity = '0'; setTimeout(function() { if (n.parentNode) n.parentNode.removeChild(n); }, FADE_OUT_MS); } // React의 SplashScreen이 언마운트되는 시점에 이 프리 오버레이도 제거 // 최소 노출 시간(400ms)을 보장하여 너무 빨리 사라지는 '번쩍임' 방지 window.__removePreHydrationSplash = function() { var elapsed = Date.now() - shownAt; var remaining = Math.max(0, MIN_DISPLAY_MS - elapsed); if (remaining === 0) { doRemove(); } else { setTimeout(doRemove, remaining); } }; // 안전 제거 타이머 (JS 에러 등으로 removePreHydrationSplash가 호출되지 않은 경우 대비) setTimeout(function() { if (!removed) doRemove(); }, SAFETY_TIMEOUT_MS); } catch(e) {} })();

무료 직업 타로

직업 타로 리딩