.space-intro{position:fixed;inset:0;z-index:9998;overflow:hidden;background:#030710;color:#eefaff;isolation:isolate;transition:opacity .5s ease;outline:none;letter-spacing:0}
.space-scene,.space-scene canvas,.space-particles{position:absolute;inset:0;width:100%;height:100%;display:block}
.space-scene canvas{touch-action:none;cursor:grab}
.space-scene canvas:active{cursor:grabbing}
.space-particles{pointer-events:none;z-index:2}
.space-intro::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px 15px #0006;z-index:1}
.space-heading{position:absolute;top:16%;left:24px;right:24px;z-index:3;text-align:center;opacity:0;transition:opacity 1.5s ease;pointer-events:none}
.space-heading h1{margin:0;font:500 36px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;color:#ecfbff;letter-spacing:0;text-shadow:0 0 18px #a0eaff80,0 3px 24px #000}
.space-heading i{font-style:normal;color:#84cbdc;font-weight:300}
.space-enter{position:absolute;top:82%;left:50%;transform:translate(-50%,18px);z-index:3;display:flex;align-items:center;justify-content:center;gap:20px;height:64px;width:200px;padding:0 12px 10px;border:0;border-radius:0;background:transparent;color:#e7faff;font:500 23px/1.4 "Microsoft YaHei",sans-serif;letter-spacing:0;text-shadow:0 0 18px #8ce6ff70;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .9s,transform .9s,color .2s;box-shadow:none}
.space-enter::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#77c5dd 20%,#e1fbff 50%,#77c5dd 80%,transparent);box-shadow:0 3px 12px #69d5ff70;pointer-events:none}
.space-enter::after{content:"";position:absolute;bottom:-1px;left:calc(50% - 24px);width:48px;height:2px;background:#e4fcff;box-shadow:0 0 10px #81ddff;transition:width .3s,left .3s;pointer-events:none}
.space-enter span{margin:0;color:#a5edff;font-size:23px;transition:transform .2s}
.space-enter:hover{color:#fff;background:transparent;box-shadow:none;text-shadow:0 0 24px #b4efffb0}
.space-enter:hover span{transform:translateX(4px)}
.space-enter:hover::after{left:15%;width:70%}
.space-enter:focus-visible{outline:2px solid #c3f6ff;outline-offset:8px}
.space-intro.is-ready .space-enter{opacity:1;visibility:visible;transform:translate(-50%,0);animation:space-hover 4s 1s ease-in-out infinite}
.space-intro.is-launching .space-enter{animation:none;transition:none;color:#fff;text-shadow:0 0 28px #d7fbff,0 0 54px #74ddff}
.space-intro.is-launching .space-enter::before{left:-42vw;right:-42vw;height:2px;background:linear-gradient(90deg,transparent 0%,#6bdcff 22%,#fff 50%,#6bdcff 78%,transparent 100%);box-shadow:0 0 8px #b9f5ff,0 0 28px #52d9ff,0 0 72px #47bfff;animation:space-line-burst .78s cubic-bezier(.18,.78,.22,1) forwards}
.space-intro.is-launching .space-enter::after{left:-12vw;width:124vw;height:3px;background:#effeff;box-shadow:0 0 14px #fff,0 0 44px #76e5ff;animation:space-core-burst .78s ease-out forwards}
.space-intro.is-launching::before{content:"";position:absolute;z-index:2;left:-10%;right:-10%;top:calc(82% + 31px);height:2px;background:linear-gradient(90deg,transparent,#8aeaff 20%,#fff 50%,#8aeaff 80%,transparent);opacity:0;filter:blur(1px);pointer-events:none;animation:space-screen-flash .9s ease-out forwards}
.space-intro.is-launching::after{box-shadow:inset 0 0 110px 15px #0006,0 0 90px 16px #7bdeff30;animation:space-ambient-flash .9s ease-out forwards}
.space-intro.is-settled:not(.has-canvas-title) .space-heading{opacity:1}
.space-intro.is-leaving{opacity:0;pointer-events:none}
.space-intro.is-fallback .space-scene::before{content:"";position:absolute;left:74%;top:55%;transform:translate(-50%,-50%);width:min(44vw,58vh);aspect-ratio:1;border-radius:50%;background:#163e53 url('assets/intro/earth.jpg') 60% center/auto 100%;box-shadow:inset -65px -15px 65px #000e}
@keyframes space-hover{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-7px)}}
@keyframes space-line-burst{0%{opacity:.65;transform:scaleX(.25)}45%{opacity:1;transform:scaleX(.72)}100%{opacity:.9;transform:scaleX(1)}}
@keyframes space-core-burst{0%{opacity:.7;transform:scaleX(.35)}55%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.08)}}
@keyframes space-screen-flash{0%{opacity:0;transform:scaleX(.2)}28%{opacity:1}72%{opacity:.8}100%{opacity:0;transform:scaleX(1)}}
@keyframes space-ambient-flash{0%,100%{opacity:1}35%{opacity:1;box-shadow:inset 0 0 110px 15px #0006,0 0 130px 25px #9feeff65}70%{opacity:1}}
@media(max-width:700px){.space-heading{top:13%;left:12px;right:12px}.space-heading h1{font-size:22px;line-height:1.85}.space-heading span{display:block}.space-heading span:first-child{font-size:32px}.space-heading i{display:none}.space-enter{top:82%;width:184px;height:58px;font-size:22px}.space-intro::after{box-shadow:inset 0 0 40px #0008}}
@media(max-height:500px) and (min-width:701px){.space-heading{top:10%}.space-heading h1{font-size:26px}.space-enter{top:79%;min-height:48px}}
@media(prefers-reduced-motion:reduce){.space-intro,.space-heading,.space-enter{transition:none}.space-intro.is-ready .space-enter{animation:none}}