:root{color-scheme:dark;--background:#03060d;--paper:#eaf2ff;--muted:#b7c5d8;--accent:#a9d5f5;--gutter:clamp(24px,4vw,88px);font-family:Archivo,"Noto Sans SC",sans-serif;background:var(--background);color:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#cce7ff;color:#07101b}.skip{position:fixed;top:12px;left:24px;padding:12px 18px;transform:translateY(-170%);z-index:10;background:var(--paper);color:var(--background)}.skip:focus{transform:none}
.header{height:clamp(100px,8.38vw,140px);padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:20px;min-height:44px;font:500 17px/1 Archivo,sans-serif;letter-spacing:.24em}.wordmark img{width:32px;height:38px;flex-shrink:0}.header-right{display:flex;align-items:center;gap:38px}.about-nav{display:inline-flex;align-items:center;min-height:44px;font-size:13px;letter-spacing:.1em}.languages{display:flex;align-items:center;gap:16px;border-left:1px solid #b6cce044;padding-left:32px;font-size:12px}.languages a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:28px;color:#a7b5c8}.languages [aria-current]{color:var(--paper)}.languages span{color:#526073}.languages a:hover,.about-nav:hover{color:var(--accent)}
.hero{position:relative;isolation:isolate;display:flex;align-items:center;aspect-ratio:7/3;overflow:hidden}.media{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.media img,.media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.media video{opacity:0;transition:opacity .3s}.media video.ready{opacity:1}
.copy{margin-left:60.7%;width:35.3%;max-width:660px;transform:translateY(-10%);text-shadow:0 2px 24px #03060d99}h1{font:300 clamp(44px,4.2vw,80px)/1.05 Archivo,sans-serif;letter-spacing:.09em;margin:0;white-space:nowrap}.tagline{font-size:clamp(32px,2.8vw,52px);font-weight:400;line-height:1.3;letter-spacing:.09em;margin:16px 0 0}.tagline span{display:block}.english{font:400 clamp(9px,.865vw,14px)/1.7 Archivo,sans-serif;letter-spacing:.12em;color:var(--accent);margin:14px 0 0}.intro{font-size:16px;line-height:1.7;color:#d2ddeb;letter-spacing:.025em;margin:22px 0 0;max-width:27em}.intro span{display:block}.about-link{display:inline-flex;gap:22px;align-items:center;min-height:44px;margin-top:18px;padding:0 15px 0 17px;font-size:17px;letter-spacing:.12em;background:#03060de8;border:1px solid #a9d5f580;text-shadow:none}.about-link .icon{width:24px;height:28px;stroke-width:1.5}.about-link:hover{color:var(--accent);border-color:var(--accent)}.about-link:hover .icon{transform:translateY(3px)}.about-link .icon{transition:transform .2s}
.about{margin:26px var(--gutter) 0;padding:46px 0;display:grid;grid-template-columns:30% 70%;align-items:center;border-top:1px solid #bdd6ed33;scroll-margin-top:28px}.about-heading h2{font-size:clamp(22px,2.1vw,34px);font-weight:400;line-height:1.4;letter-spacing:.03em;margin:0}.accent-rule{display:block;width:32px;height:3px;background:var(--accent);margin-top:22px}.content-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0}.content-item{display:flex;align-items:flex-start;gap:20px;min-width:0;padding:6px 20px 6px 28px}.content-item+.content-item{border-left:1px solid #bdd6ed26}.content-item>.icon{width:42px;height:48px;flex:0 0 42px;color:var(--accent);stroke-width:1.5}.content-item h3{font-size:22px;font-weight:400;line-height:1.4;margin:0 0 9px;letter-spacing:.025em}.content-item p{font-size:15px;line-height:1.8;color:#bdcbdd;margin:0;text-wrap:pretty}
.footer{margin:0 var(--gutter);border-top:1px solid #bdd6ed33;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px}.copyright{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.1em}.icp{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.7;color:#bdcbdd;letter-spacing:.02em}.icp:hover{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
/* 光效沿用原视频的 1470×630 坐标，不移动或改写机械、月球与地球纹理。 */
.atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0}.hero.running .atmosphere{opacity:1}.moon-aura{position:absolute;left:84.7%;top:-1.7%;width:10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,transparent 64%,#94c7ec1f 73%,#94c7ec0b 87%,transparent 100%);mask-image:linear-gradient(110deg,transparent 28%,#000 82%);opacity:.6;filter:blur(1px)}.meteor{position:absolute;left:67%;top:5%;width:clamp(24px,4vw,60px);height:1.5px;background:linear-gradient(90deg,transparent,#c7e8ffcc);opacity:0;transform:rotate(12deg);transform-origin:right center;animation:distant-meteor 16s linear infinite;animation-play-state:paused}.meteor::after{content:"";position:absolute;right:0;top:-.75px;width:3px;height:3px;border-radius:50%;background:#e4f4ff}.horizon{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.horizon path{fill:none;stroke-linecap:round}.horizon-haze{stroke:#8bcfff;stroke-width:22;opacity:.32;filter:url(#horizon-soft)}.horizon-rim{stroke:#b1e2ff;stroke-width:5;opacity:.23;filter:url(#horizon-edge)}.horizon-flow{stroke:#9edcff;stroke-width:24;filter:url(#horizon-soft);stroke-dasharray:190 1050;stroke-dashoffset:0;opacity:0;animation:horizon-current 20s linear infinite;animation-play-state:paused}.hero.running .meteor,.hero.running .horizon-flow{animation-play-state:running}
@keyframes distant-meteor{0%,13%{opacity:0;transform:translate(0,0) rotate(12deg)}14%{opacity:.72;transform:translate(.5vw,.1vw) rotate(12deg)}20%{opacity:.58;transform:translate(7vw,1.4vw) rotate(12deg)}21%,100%{opacity:0;transform:translate(8vw,1.6vw) rotate(12deg)}}@keyframes horizon-current{0%{stroke-dashoffset:190;opacity:0}12%{opacity:.38}80%{opacity:.3}100%{stroke-dashoffset:-1000;opacity:0}}
@media(min-width:1800px){.intro{font-size:17px}.about-link{font-size:17px}.content-item h3{font-size:23px}.content-item p{font-size:16px}}
@media(max-width:1100px) and (min-width:761px){.header{height:100px}.wordmark{font-size:14px;gap:14px}.copy{margin-left:59%;width:37%;transform:translateY(-5%)}h1{font-size:42px;letter-spacing:.075em}.tagline{font-size:30px;margin-top:12px}.english{font-size:9px;letter-spacing:.07em;margin-top:10px}.intro{font-size:13px;margin-top:17px;line-height:1.75}.about-link{font-size:13px;margin-top:14px;min-height:40px}.about{grid-template-columns:28% 72%;padding-block:36px}.content-item{padding-inline:18px;gap:12px}.content-item>.icon{width:28px;height:34px;flex-basis:28px}.content-item h3{font-size:17px}.content-item p{font-size:12px}.about-heading h2{font-size:22px}}
@media(max-width:760px){.header{height:80px;gap:12px}.wordmark{gap:11px;font-size:12px;letter-spacing:.2em}.wordmark img{width:25px;height:31px}.header-right{gap:0}.about-nav{display:none}.languages{gap:10px;padding-left:0;border:0;font-size:12px}.hero{display:block;aspect-ratio:auto;padding:12px 0 38px}.media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:7/3}.copy{margin:30px var(--gutter) 0;width:auto;max-width:580px;transform:none}h1{font-size:clamp(34px,9.6vw,62px);letter-spacing:.09em}.tagline{font-size:clamp(25px,7.2vw,38px);line-height:1.5;margin-top:16px;letter-spacing:.1em}.tagline span{display:inline}.english{font-size:clamp(8px,2.4vw,11px);letter-spacing:.075em;margin-top:7px}.intro{font-size:14px;line-height:1.9;max-width:31em;margin-top:22px}.intro span{display:inline}.about-link{font-size:14px;gap:18px;margin-top:19px;min-height:44px}.about-link .icon{width:21px;height:24px}.about{margin-top:0;padding:32px 0 6px;grid-template-columns:1fr;gap:28px;scroll-margin-top:18px}.about-heading h2{font-size:24px;line-height:1.5}.accent-rule{width:28px;height:2px;margin-top:18px}.content-list{grid-template-columns:1fr}.content-item{padding:22px 0;gap:22px;align-items:center}.content-item+.content-item{border-left:0;border-top:1px solid #bdd6ed26}.content-item>.icon{width:30px;height:36px;flex-basis:30px}.content-item h3{font-size:18px;margin-bottom:5px}.content-item p{font-size:14px;line-height:1.65}.footer{flex-direction:column;align-items:flex-start;gap:4px;padding:24px 0 12px;min-height:106px}.copyright{font-size:10px;gap:14px}.icp{font-size:12px;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.media video,.about-link .icon{transition:none}.atmosphere{display:none}.meteor,.horizon-flow{animation:none}}

.music-toggle{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:100;width:44px;height:44px;border:1px solid #839caf80;border-radius:50%;background:#07121fe6;color:#dcefff;font:20px/1 sans-serif;cursor:pointer}.music-toggle:hover{background:#173249}.music-toggle:focus-visible{outline:2px solid #a8e4ff;outline-offset:4px}