/* 按用户提供的 Space Planet 录屏复刻构图；主体为真实 DOM 和贴图球面。 */
body.space-cover-active{background:#030914;color:#f7f8fc;color-scheme:dark;overflow:hidden}body.space-cover-active #app{min-height:100svh}.space-cover-active .skip{background:#d5eafa;color:#102638}
.sp-cover{position:relative;height:100svh;min-height:560px;width:100%;overflow:hidden;isolation:isolate;background:#020713;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#f4f7fb}.sp-sky{position:absolute;inset:-3%;z-index:-4;background:#030912 url('./assets/space-planet/2k_stars_milky_way.jpg') center 42%/cover no-repeat;filter:brightness(1.3) saturate(1.05);transform:scale(1.05)}.sp-sky-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#0008,transparent 42%,#00102735),radial-gradient(ellipse at 25% 60%,#00327022,transparent 55%)}.sp-scene{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}.sp-header{height:7.6%;min-height:62px;max-height:108px;margin:0 1.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3e1f448;position:relative;z-index:5;gap:20px}.sp-brand{font-size:clamp(18px,1.25vw,25px);font-weight:750;letter-spacing:.5px;color:#fff;white-space:nowrap}.sp-brand span{color:#87dce5;margin-left:2px}.sp-nav{display:flex;align-items:stretch;gap:clamp(20px,3.4vw,68px);height:100%;font-size:clamp(12px,1.07vw,20px);font-weight:500}.sp-nav>a{display:flex;align-items:center;position:relative;white-space:nowrap;text-shadow:0 1px 6px #000}.sp-nav>a:hover{color:#a9ecf3}.sp-nav-current::after{content:"";height:4px;width:calc(100% + 28px);position:absolute;bottom:-1px;left:-14px;background:#8ddbe1;box-shadow:0 0 12px #8ddbe133}.sp-nav .sp-enroll{align-self:center;justify-content:center;border:1px solid #f1f9ff8a;color:#213b4e;background:linear-gradient(#d1e7f8,#deeffb);border-radius:99px;min-width:clamp(86px,7vw,140px);padding:10px 22px;font-size:clamp(11px,1vw,18px);line-height:1;text-shadow:none;box-shadow:0 2px 16px #dbeeff22}.sp-nav .sp-enroll:hover{color:#102538;background:#e7f7ff;box-shadow:0 0 25px #dbeeff44}
.sp-copy{position:absolute;top:16.4%;left:50%;transform:translateX(-50%);width:90%;text-align:center;transition:opacity .24s,filter .24s}.sp-kicker{font-size:clamp(16px,min(1.9vw,2.6svh),38px);letter-spacing:.12em;font-weight:600;margin:0;line-height:1.2}.sp-title{font-family:"Times New Roman","Bodoni MT",Didot,serif;font-size:clamp(70px,min(8.5vw,11.6svh),174px);line-height:1.04;font-weight:400;letter-spacing:-.025em;margin:3.15svh 0 0;outline:none!important}.sp-accent{width:6.3vw;max-width:125px;min-width:65px;height:clamp(3px,.5svh,7px);border-radius:5px;background:#80d5dc;margin:2.8svh auto 0;box-shadow:0 0 4px #80d5dc33}.sp-description{font-size:clamp(12px,min(1.14vw,1.6svh),21px);line-height:1.8;max-width:1000px;width:75%;margin:2.3svh auto 0;color:#e1e5e9;font-weight:450;text-shadow:0 1px 4px #000}.sp-copy-changing{opacity:0;filter:blur(5px)}.sp-start{position:absolute;left:50%;top:51.6%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:clamp(150px,min(14vw,19.5svh),270px);height:clamp(44px,min(4.3vw,5.7svh),83px);border-radius:99px;background:linear-gradient(180deg,#cbe2f6,#e2f3ff);border:1px solid #effaffc4;color:#142b3d;font-size:clamp(12px,min(1.05vw,1.45svh),21px);font-weight:600;box-shadow:0 2px 18px #d9f2ff48,0 0 2px 1px #f4fbff5c;transition:box-shadow .25s,background .25s;z-index:3}.sp-start:hover{background:#ebf8ff;box-shadow:0 2px 32px #d9f2ff73,0 0 3px 1px #f4fbff88}.sp-neighbor{position:absolute;top:54.8%;transform:translateY(-50%);width:17vw;min-width:112px;height:clamp(80px,11vw,190px);background:transparent;color:#f2f4f7;padding:0;z-index:3;font-family:"Times New Roman",serif;font-size:clamp(13px,min(1.5vw,2.1svh),30px);font-weight:600;letter-spacing:.12em;text-shadow:0 1px 7px #000;transition:color .2s}.sp-previous{left:0;text-align:left}.sp-next{right:0;text-align:right}.sp-previous span{margin-left:6.8vw}.sp-next span{margin-right:8.1vw}.sp-neighbor:hover{color:#92e7ef}.sp-down{position:absolute;left:50%;bottom:5.4%;transform:translateX(-50%);width:clamp(55px,min(6.2vw,8.5svh),120px);aspect-ratio:1;border-radius:50%;background:#202d3bcc;display:grid;place-items:center;backdrop-filter:blur(8px);z-index:3;color:#fff;transition:background .25s}.sp-down svg{width:32%;height:37%}.sp-down:hover{background:#2f4659dd}.sp-motion{position:absolute;bottom:18px;right:22px;border:1px solid #d5eaf324;border-radius:50%;height:28px;width:28px;color:#c8dbe8;background:#17243266;z-index:4;font-size:10px}.sp-credit{position:absolute;bottom:20px;left:23px;z-index:4;font-size:9px;color:#abc1d3;max-width:330px}.sp-credit summary{cursor:pointer;list-style:none;opacity:.65}.sp-credit[open]{background:#071321e8;border:1px solid #9ab6cc33;border-radius:8px;padding:12px}.sp-credit[open] summary{margin-bottom:8px}.sp-credit p{font-size:10px;line-height:1.75}.sp-credit a{text-decoration:underline}.sp-loading{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);font-size:11px;color:#bcd1e1}.sp-cover :focus-visible{outline:2px solid #a1e7ef;outline-offset:6px}.sp-cover .sp-title:focus-visible{outline:none}.sp-cover.sp-fallback::after{content:"";position:absolute;top:57%;left:-16%;width:132%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 10%,transparent 10%,#0008 60%),url('./assets/space-planet/2k_earth_daymap.jpg') center 25%/cover;box-shadow:0 -4px 20px #3b9dff,0 0 55px #1b63c888;z-index:-1}.sp-cover.sp-fallback[data-planet=mars]::after{background-image:radial-gradient(circle at 40% 10%,transparent 10%,#0008 60%),url('./assets/space-planet/2k_mars.jpg');box-shadow:0 -4px 20px #db702d}.sp-cover.sp-fallback[data-planet=venus]::after{background-image:radial-gradient(circle at 40% 10%,transparent 10%,#0008 60%),url('./assets/space-planet/2k_venus_atmosphere.jpg');box-shadow:0 -4px 20px #d8b25b}
@media(max-width:760px){.sp-cover{min-height:560px}.sp-header{margin:0 20px;min-height:68px;height:9%;gap:15px}.sp-brand{font-size:18px}.sp-nav{gap:19px;font-size:11px}.sp-nav>a:nth-child(2),.sp-nav>a:nth-child(3),.sp-nav>a:nth-child(4){display:none}.sp-nav .sp-enroll{min-width:69px;padding:8px 11px;font-size:10px}.sp-nav-current::after{height:3px;width:100%;left:0}.sp-copy{top:20%;width:94%}.sp-kicker{font-size:16px;letter-spacing:.16em}.sp-title{font-size:clamp(70px,18vw,112px);margin-top:22px;letter-spacing:-.035em}.sp-accent{margin-top:24px;width:62px;height:3px}.sp-description{font-size:12px;line-height:1.9;width:85%;margin-top:22px;max-width:430px}.sp-description br{display:none}.sp-start{top:55%;height:45px;width:154px;font-size:12px}.sp-neighbor{top:54.8%;font-size:12px;min-width:97px;width:27vw;letter-spacing:.1em;height:90px}.sp-previous span{margin-left:42px}.sp-next span{margin-right:43px}.sp-down{bottom:8%;width:54px}.sp-motion{bottom:17px;right:18px}.sp-credit{left:18px;bottom:22px;font-size:8px;max-width:265px}.sp-sky{background-position:51% center}.sp-cover.sp-fallback::after{top:57%;width:210%;left:-55%}.sp-loading{bottom:24px;font-size:9px}}
@media(max-height:620px) and (min-width:761px){.sp-cover{min-height:440px}.sp-description{margin-top:13px;font-size:11px}.sp-accent{margin-top:13px}.sp-title{font-size:65px;margin-top:16px}.sp-copy{top:16%}.sp-kicker{font-size:14px}.sp-start{top:53%;height:37px;font-size:11px}.sp-header{min-height:48px}.sp-neighbor{font-size:12px}.sp-down{width:46px}.sp-credit{font-size:8px;bottom:13px}.sp-motion{bottom:11px}}
@media(prefers-reduced-motion:reduce){.sp-cover *{transition:none!important;animation:none!important}}