*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#03050b;overflow:hidden;-webkit-font-smoothing:antialiased}a{color:#cfe4ff;text-decoration:none}a:hover{color:#fff}::selection{background:#7cc4ff47}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stage{position:fixed;inset:0;overflow:hidden;color:#eaf2ff;background:#03050b;font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;--glow: #7cc4ff;--fgH: min(20.8vw, 34vh);--D: min(50vh, 46vw);--shift: calc(57px + .5cm) ;--headlineLift: .5cm;--moonDrop: 1cm;--moonShrink: 1.5cm}.sky-wash{position:absolute;inset:0;background:radial-gradient(120% 90% at 78% 6%,#3c609633,#14223c1a 34%,#04060e00 62%),radial-gradient(90% 70% at 18% 88%,#1e365c29,#04060e00 60%),#04060e}#sky{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 46%,#03050b00 40%,#03050b8c)}.earth{position:absolute;left:50%;bottom:calc(var(--fgH) * .74 - var(--shift));width:var(--D);height:var(--D);transform:translate(-50%)}.earth .halo{position:absolute;left:50%;top:50%;width:168%;height:168%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--glow) 26%,transparent),color-mix(in srgb,var(--glow) 8%,transparent) 34%,#0000 62%)}.earth .fallback{position:absolute;left:4%;top:4%;width:92%;height:92%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#2f77b0,#16466f 42%,#08213c 72%,#04101f)}#earth-gl{position:absolute;left:-25%;top:-25%;width:150%;height:150%;display:block;filter:saturate(1.12) brightness(1.06)}.earth .rim{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;box-shadow:0 0 7px color-mix(in srgb,var(--glow) 34%,transparent),0 0 26px 2px color-mix(in srgb,var(--glow) 18%,transparent),0 0 100px 18px color-mix(in srgb,var(--glow) 9%,transparent)}.moon{position:absolute;left:50%;bottom:calc(-1.5% - var(--shift) - var(--moonDrop));width:max(102%,106% - var(--moonShrink));transform:translate(-50%);pointer-events:none;filter:brightness(.92) contrast(1.02)}.floor-fade{position:absolute;left:0;right:0;bottom:0;height:26vh;pointer-events:none;background:linear-gradient(to top,#03050bb8,#03050b00)}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px clamp(20px,4vw,56px)}.brand{display:flex;align-items:center;gap:11px}.brand i{width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(190,222,255,.85);box-shadow:0 0 10px #7cc4ff73}.brand span{font-size:16px;font-weight:400;letter-spacing:.34em;text-indent:.34em;color:#eaf2ff}.login{margin-left:auto;display:inline-flex;align-items:center;padding:10px 22px;border-radius:999px;border:1px solid rgba(180,214,255,.28);background:#8cbeff0f;backdrop-filter:blur(6px);font-size:14px;font-weight:300;letter-spacing:.14em;color:#dceaff;transition:all .35s ease}.login:hover{border-color:#bee0ff99;background:#96c8ff24;box-shadow:0 0 24px #7cc4ff38}.headline{position:absolute;left:50%;bottom:calc(var(--fgH) * .74 + var(--D) + 9vh - var(--shift) + var(--headlineLift));width:min(90vw,900px);transform:translate(-50%);text-align:center;pointer-events:none}.headline h1{margin:0;display:inline-block;font-family:NSimSun,新宋体,SimSun,宋体,Songti SC,serif;font-size:clamp(15px,1.9vw,26px);font-weight:400;line-height:1.2;letter-spacing:calc(1.8em + .5cm);text-indent:calc(1.8em + .5cm);transform:scaleY(.92);color:#f2f7ff;text-shadow:0 0 40px rgba(124,196,255,.35),0 2px 18px rgba(0,0,0,.6)}:root[data-entrance=on] .earth{animation:fadeIn 2.4s ease both}:root[data-entrance=on] header{animation:fadeIn 1.2s ease both}:root[data-entrance=on] .headline h1{animation:fadeUp 1.4s .15s cubic-bezier(.2,.7,.2,1) both}@media(max-width:600px){.stage{--D: min(50vh, 56vw)}.headline h1{font-size:clamp(15px,4.4vw,22px);letter-spacing:1em;text-indent:1em}}@media(prefers-reduced-motion:reduce){:root[data-entrance=on] .earth,:root[data-entrance=on] header,:root[data-entrance=on] .headline h1{animation:none}.login{transition:none}}
