/* 初始加载器的关键 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('load