@charset "UTF-8";
:root{color-scheme:dark;--bg:#080f13;--paper:#eaece5;--muted:#8c9c9e;--mint:#aff5d3;--line:rgba(200,231,220,.17)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}a{color:inherit;text-decoration:none}.page{max-width:1800px;margin:auto;padding:0 5.2vw;min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;position:relative;z-index:2}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:600;letter-spacing:3px}.brand svg{width:43px;height:43px;fill:none;stroke:var(--mint);stroke-width:1.1}.brand svg .dot{fill:var(--mint);stroke:none}.brand small{display:block;font:9px/1.7 monospace;letter-spacing:2.3px;margin-top:4px;color:var(--muted)}.header-note{font-size:11px;letter-spacing:2px;color:#b2bdb8;display:flex;align-items:center;gap:10px}.status-dot,.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #aff5d355}.archive-link{font-size:12px;background:none;border:0;letter-spacing:1px;padding:14px 0}.archive-link span{margin-left:15px;color:var(--mint);font-size:18px}main{flex:1;display:flex;flex-direction:column}.edition{display:flex;justify-content:space-between;font:10px/1.5 monospace;letter-spacing:1.6px;color:var(--muted);padding-top:24px}.edition-right{font-family:inherit;letter-spacing:2px}.hero{position:relative;flex:1;display:flex;align-items:center;min-height:510px;padding:65px 0 70px}.message{width:72%;position:relative;z-index:2;pointer-events:none}.message button{pointer-events:auto}.signal-label{display:flex;align-items:center;gap:12px;font:11px monospace;letter-spacing:2px;color:var(--mint);margin-bottom:33px}.signal-label .line{width:28px;height:1px;background:var(--mint)}.label-en{color:var(--muted);font-size:9px;letter-spacing:1px}.copy{transition:opacity .3s ease,transform .3s ease;min-height:216px}.copy.changing{opacity:0;transform:translateY(12px)}h1{font-size:clamp(40px,4.7vw,80px);line-height:1.4;letter-spacing:-2.4px;margin:0;font-weight:550}h1 span{color:var(--mint)}#subtitle{font-size:14px;line-height:1.8;letter-spacing:2px;color:#a7b4b1;margin:26px 0 0}.controls{display:flex;align-items:center;gap:25px;margin-top:39px}.next{background:var(--paper);color:#11201d;border:1px solid var(--paper);padding:15px 21px;font-size:12px;letter-spacing:1px;border-radius:3px;transition:background .2s,transform .2s}.next:hover{background:var(--mint);transform:translateY(-2px)}.next span{margin-left:30px;font-size:17px}.pause{background:none;border:0;color:#b6c1bc;font-size:11px;letter-spacing:1px;padding:12px 4px;display:flex;align-items:center;gap:9px}#pauseIcon{font:15px monospace;width:12px}.cosmos{position:absolute;width:56%;aspect-ratio:1;right:-8%;top:50%;transform:translateY(-50%);pointer-events:none}.halo{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle,rgba(36,134,133,.16),rgba(26,81,84,.07) 45%,transparent 70%)}#planet{position:absolute;inset:0;width:100%;height:100%;mask-image:linear-gradient(90deg,transparent 0,#000 20%)}.orbit{position:absolute;inset:18% 7%;border:1px solid #7cb3a826;border-radius:50%;transform:rotate(-37deg) scaleY(.45)}.orbit-two{inset:7% 17%;transform:rotate(27deg) scaleX(.6);border-style:dashed;border-color:#7cb3a81c}.orbit-one:after{content:"";position:absolute;width:6px;height:6px;background:var(--mint);border-radius:50%;left:14%;top:13%;box-shadow:0 0 14px #aff5d3}.cross{position:absolute;font:22px monospace;color:#91b5b15e}.cross-a{top:15%;right:22%}.cross-b{bottom:13%;left:25%}.planet-caption{position:absolute;bottom:10%;right:23%;font-size:10px;color:#a4bcb4;line-height:2;letter-spacing:2px}.tiny-dot{width:3px;height:3px;margin:0 7px 2px 0}.planet-caption-en{font:8px monospace;letter-spacing:2px;color:#728b87}.orbit-label{position:absolute;top:25%;right:8%;writing-mode:vertical-rl;font:8px monospace;letter-spacing:3px;color:#6a8783}.broadcast-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 29px}.pagination{display:flex;gap:25px;align-items:center}.counter{font:11px monospace;color:#8c9c9e;white-space:nowrap}.counter b{font-weight:400;color:var(--paper);margin-right:5px}.segments{display:flex;gap:7px}.segment{width:36px;height:26px;position:relative;background:none;border:0;padding:0}.segment:before,.segment:after{content:"";position:absolute;top:12px;left:0;height:2px;width:100%;background:#ffffff24}.segment:after{transform:scaleX(0);transform-origin:left;background:var(--mint)}.segment.active:after{transform:scaleX(var(--progress,0))}.segment:hover:before{background:#ffffff60}.side-note{font-size:10px;color:var(--muted);letter-spacing:1px;margin:0}.wave{display:flex;gap:4px;height:21px;align-items:center}.wave i{display:block;background:#9cb4aa;width:2px;height:5px;animation:wave 1.4s ease-in-out infinite alternate}.wave i:nth-child(2n){height:12px;animation-delay:-.6s}.wave i:nth-child(3n){height:20px;animation-delay:-1s}.wave i:nth-child(4n){height:8px;animation-delay:-.3s}body.paused .wave i{animation-play-state:paused}@keyframes wave{to{transform:scaleY(.35);opacity:.5}}footer{border-top:1px solid var(--line);min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);letter-spacing:1px}.footer-center{color:#a3aea8}.clock{font-size:9px;display:flex;align-items:center;gap:8px;white-space:nowrap}.clock time{font-family:monospace;color:#a9b8b1}dialog{width:min(620px,calc(100% - 32px));max-height:90svh;background:#101c20;color:var(--paper);border:1px solid #435750;border-radius:5px;padding:30px 36px;box-shadow:0 40px 100px #0008}dialog::backdrop{background:#02090bc9;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:2px;color:var(--mint)}.dialog-top button{background:none;border:0;font:28px sans-serif;padding:3px 8px}h2{font-size:32px;font-weight:500;line-height:1.5;letter-spacing:-1px;margin:24px 0 10px}.dialog-intro,.dialog-foot{font-size:11px;color:var(--muted);line-height:1.8}.dialog-foot{margin:22px 0 0}.archive-item{background:none;border:0;border-top:1px solid var(--line);padding:18px 0;display:flex;gap:17px;text-align:left;width:100%;font-size:14px;line-height:1.8;transition:color .2s}.archive-item:hover{color:var(--mint)}.archive-item small{font:10px/2.5 monospace;color:var(--mint)}#archiveList{margin-top:25px}
@media(min-width:1500px){.hero{min-height:650px}.copy{min-height:270px}}
@media(max-width:950px){.header-note{display:none}.hero{min-height:540px}.message{width:88%}h1{font-size:clamp(38px,6vw,58px)}.cosmos{width:72%;right:-22%;opacity:.68}.side-note{display:none}.footer-center{display:none}}
@media(max-width:600px){.page{padding:0 24px}header{height:86px}.brand{font-size:16px;gap:9px}.brand svg{width:33px;height:33px}.brand small{font-size:8px}.archive-link{font-size:10px}.archive-link span{margin-left:5px}.edition{font-size:8px;letter-spacing:.7px;padding-top:19px}.edition-right{font-size:9px}.hero{min-height:640px;align-items:flex-start;padding:262px 0 34px}.message{width:100%}.cosmos{width:360px;max-width:110vw;right:50%;top:100px;transform:translate(50%,-34%);opacity:.9}.planet-caption{right:9%;bottom:15%;font-size:8px}.orbit-label{display:none}.signal-label{font-size:9px;margin-bottom:20px;gap:9px}.label-en{font-size:8px}h1{font-size:clamp(28px,7.9vw,45px);line-height:1.5;letter-spacing:-1.4px}.copy{min-height:155px}#subtitle{font-size:12px;margin-top:17px;letter-spacing:1px;max-width:280px}.controls{margin-top:22px;gap:21px}.next{padding:12px 17px;font-size:11px}.next span{margin-left:20px}.pause{font-size:10px}.broadcast-bottom{padding:13px 0 22px}.pagination{gap:18px}.segments{gap:6px}.segment{width:27px}.counter{font-size:10px}.wave{gap:3px}footer{min-height:82px;gap:10px;font-size:9px;letter-spacing:0}.clock{font-size:8px;gap:5px}.clock .status-dot{display:none}dialog{padding:22px}h2{font-size:27px}.archive-item{font-size:12px}}
@media(max-width:600px){.planet-caption{bottom:22%;right:7%}.cross-b{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.copy.changing{transform:none}}