shiheintelligent.com

/* 初始加載器的關鍵 CSS */
body {
margin: 0;
background-color: #ffffff;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
#initial-loader {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
background-color: #ffffff;
color: #0f172a;
flex-direction: column;
gap: 1.5rem;
overflow: hidden;
transition: opacity 0.5s ease-out;
}
.loader-container {
position: relative;
width: 120px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
.logo-img {
width: 80px;
height: 80px;
z-index: 10;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
}
.ring {
position: absolute;
inset: 0;
border-radius: 50%;
border: 2px solid transparent;
border-top-color: #22c55e;
border-right-color: #22c55e;
opacity: 0.7;
animation: spin-slow 2.5s linear infinite;
will-change: transform;
}
.ring-2 {
position: absolute;
inset: -8px;
border-radius: 50%;
border: 2px solid transparent;
border-bottom-color: #f97316;
opacity: 0.5;
animation: spin-slow 3.5s linear infinite reverse;
will-change: transform;
}
@keyframes spin-slow {
to {
transform: rotate(360deg);
}
}
/* 淡出動畫類 (由 JS 添加) */
.fade-out {
opacity: 0;
transition: opacity 0.5s ease-out;
pointer-events: none;
}
window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{},\"actionData\":null,\"errors\":null}");
(function(){
function c(){
var b=a.contentDocument||a.contentWindow.document;
if(b){
var d=b.createElement('script');
d.innerHTML="window.__CF$cv$params={r:'9e6831aca917d773',t:'MTc3NTIyMDU3NA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";
b.getElementsByTagName('head')[0].appendChild(d)
}
}
if(document.body){
var a=document.createElement('iframe');
a.height=1;
a.width=1;
a.style.position='absolute';
a.style.top=0;
a.style.left=0;
a.style.border='none';
a.style.visibility='hidden';
document.body.appendChild(a);
if('loading'!==document.readyState)c();
else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);
else{
var e=document.onreadystatechange||function(){};
document.onreadystatechange=function(b){
e(b);
'loading'!==document.readyState&&(document.onreadystatechange=e,c())
}
}
}
})();