@charset "UTF-8";
@font-face{font-family:Orbitron;src:url('fonts/orbitron.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:GuixuDisplay;src:url('fonts/tech-chinese.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#030b12;--cyan:#8bf6ec;--muted:#8babb5;--line:rgba(127,225,228,.21);font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e0f4f4;min-height:100svh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #b2fff4;outline-offset:7px}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#space,.vignette,.scanlines{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#space{z-index:-3}.vignette{z-index:-2;background:radial-gradient(ellipse at 50% 44%,transparent 15%,rgba(2,8,15,.35) 62%,#02080e 100%)}.scanlines{z-index:5;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(99,181,185,.12) 4px);mix-blend-mode:screen}.frame{position:fixed;inset:24px;pointer-events:none;border:1px solid rgba(111,197,211,.07)}.frame i{position:absolute;width:22px;height:22px;border-color:rgba(123,221,225,.5);border-style:solid}.frame i:nth-child(1){left:-1px;top:-1px;border-width:1px 0 0 1px}.frame i:nth-child(2){right:-1px;top:-1px;border-width:1px 1px 0 0}.frame i:nth-child(3){left:-1px;bottom:-1px;border-width:0 0 1px 1px}.frame i:nth-child(4){right:-1px;bottom:-1px;border-width:0 1px 1px 0}header{position:absolute;top:0;left:0;width:100%;padding:46px 58px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:4px}.brand small{font-size:12px;margin-left:10px;color:var(--muted);letter-spacing:2px}.brand-mark{font-size:37px;line-height:1;color:var(--cyan);text-shadow:0 0 18px #73e2da77}.top-caption{font-size:12px;letter-spacing:4px;color:#88a9b4}.connection{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1px;color:#91b6c0}.status-light,.footer-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:var(--cyan);box-shadow:0 0 9px #8bf6ec;animation:breathe 3s infinite}.version{border-left:1px solid var(--line);margin-left:12px;padding-left:20px;color:#698893;font-family:monospace}.side{position:absolute;top:43%;display:flex;gap:23px;align-items:center;writing-mode:vertical-rl;font-size:12px;letter-spacing:2px;color:#527481}.side.left{left:52px}.side.right{right:52px}.ticks{width:5px;height:110px;background:repeating-linear-gradient(to bottom,#54879277 0 1px,transparent 1px 10px)}main{min-height:100svh;display:grid;place-items:center;padding:130px 95px 104px}.screen{width:100%;text-align:center;animation:reveal 1s ease both}.menu{max-width:760px;position:relative}.hero{position:relative;padding-top:20px}.eyebrow{font-size:12px;letter-spacing:4px;color:#9adbdc;margin:0 0 26px}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:17px}.eyebrow span{height:1px;width:28px;background:var(--line)}h1{font-weight:400}.hero h1{font-family:"STSong","SimSun","Microsoft YaHei",serif;font-weight:400;font-size:clamp(90px,10vw,140px);letter-spacing:.25em;padding-left:.25em;line-height:1.12;margin:0;color:#e1fffd;text-shadow:0 0 24px #78dedb40,0 0 75px #30b8c34d}.roman{font-family:Georgia,serif;font-size:15px;letter-spacing:9px;color:#9ed3d7;margin:17px 0 28px;padding-left:9px}.tagline{font-size:14px;color:#a2bec7;letter-spacing:5px;margin:0}.portal{position:absolute;top:-103px;left:50%;transform:translateX(-50%);width:480px;height:480px;pointer-events:none;opacity:.65;mask-image:linear-gradient(#000 65%,transparent 98%)}.portal-outer,.portal-middle,.portal-inner{position:absolute;border-radius:50%;inset:0}.portal-outer{border:1px solid #75dae226;box-shadow:0 0 80px #29bfd90c,inset 0 0 55px #4de0e50a;outline:1px solid #87e4e015;outline-offset:13px;background:repeating-conic-gradient(from 0deg,transparent 0 8deg,#72ebf033 8deg 8.2deg,transparent 8.2deg 10deg);mask-image:radial-gradient(circle,transparent 68%,#000 68.1%);animation:rotate 110s linear infinite}.portal-middle{inset:30px;border:1px dashed #69d4de38;animation:rotate 100s linear infinite reverse}.portal-inner{inset:55px;border:1px solid #79d3df16;border-top-color:#8df6ea75;border-bottom-color:#8df6ea75;box-shadow:0 0 30px #58eada08;animation:rotate 50s linear infinite}.portal-coordinate{position:absolute;font:10px monospace;color:#69bcc1;letter-spacing:1px}.p1{top:155px;left:-5px;transform:rotate(-90deg)}.p2{top:155px;right:-5px;transform:rotate(90deg)}.p3{top:44px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap}.portal-line{position:absolute;left:50%;top:2px;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.mode-section{position:relative;margin:69px auto 0;width:min(100%,660px)}.section-label{display:flex;align-items:center;justify-content:space-between;color:#88acb7;letter-spacing:2px;font-size:12px;margin-bottom:15px}.micro{font-family:monospace;font-size:12px;letter-spacing:2px;color:#698e9a}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card{position:relative;display:flex;text-align:left;align-items:flex-start;gap:17px;padding:26px 24px 28px;min-height:143px;color:#ddf5f6;background:linear-gradient(120deg,rgba(30,79,94,.25),rgba(6,24,35,.75));border:1px solid #5894a64d;transition:transform .25s,background .25s,box-shadow .25s,border-color .25s}.mode-card::before,.mode-card::after{content:"";position:absolute;width:9px;height:9px;transition:width .25s;border-color:#94e5e2;border-style:solid}.mode-card::before{left:-1px;top:-1px;border-width:1px 0 0 1px}.mode-card::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.mode-card:hover{transform:translateY(-4px);background:linear-gradient(120deg,#1f657347,#0b2838d9);border-color:#8ef7e9a6;box-shadow:0 4px 35px #48ddd912,inset 0 0 35px #5de7e809}.mode-card:hover::before,.mode-card:hover::after{width:30px}.mode-icon{width:30px;color:#89d9df;flex:none;margin-top:3px}.mode-icon svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.3}.mode-copy{display:flex;flex-direction:column}.mode-name{font-size:21px;letter-spacing:3px}.mode-en{font:10px monospace;color:#729eaa;letter-spacing:1.4px;margin:8px 0 17px}.mode-description{font-size:12px;color:#a0bbc3;white-space:nowrap;letter-spacing:.4px}.mode-arrow{position:absolute;top:25px;right:19px;color:#98c4cb;font-size:21px}.mode-index{position:absolute;bottom:12px;right:16px;color:#446672;font:10px monospace}.mode-hint{font-size:12px;letter-spacing:2px;color:#70949e;margin:23px 0 0;display:flex;align-items:center;justify-content:center;gap:10px}.tiny-diamond{width:4px;height:4px;transform:rotate(45deg);background:#76b9c2}.boot,.upload{max-width:600px}.loader{width:228px;height:228px;position:relative;margin:37px auto 40px}.orbit{position:absolute;inset:0;border-radius:50%}.o1{border:1px solid #6cd5de33;border-top:2px solid #b1fff0;border-right:2px solid #78f6e7;animation:rotate 2.7s linear infinite;box-shadow:0 0 25px #60dfdc14}.o2{inset:15px;border:1px dashed #8be5e850;border-left:2px solid #5aaccb;animation:rotate 7s linear infinite reverse}.o3{inset:35px;border:1px solid #7cdfdc20;border-top-color:#77e5dd99;animation:rotate 4s linear infinite;background:radial-gradient(circle,#43cbb416,transparent 70%)}.loader-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px}.number{font-family:"Segoe UI",sans-serif;font-size:62px;font-weight:200;letter-spacing:-3px;color:#c9fff5;font-variant-numeric:tabular-nums;text-shadow:0 0 24px #70e7db44}.loader-inner small{font-size:16px;color:#8ac2c7;margin-top:26px}.crosshair{position:absolute;color:#7dd1d8;font:18px monospace;top:48%}.cross-a{left:-25px}.cross-b{right:-25px}.boot h1,.upload h1{font-size:28px;letter-spacing:5px;margin:0 0 17px;line-height:1.5}.subtext{font-size:14px;color:#93b7c1;letter-spacing:1.5px;min-height:22px;line-height:1.8}.progress-track{height:2px;background:#46788740;position:relative;overflow:visible;margin:27px auto 18px;max-width:360px}.progress-track>span{display:block;width:0;height:100%;background:#9cffee;box-shadow:0 0 12px #72f6df;transition:width .12s linear}.upload .eyebrow{margin-bottom:15px}.upload-loader{margin:28px auto 35px;width:240px;height:240px}.in-ring{position:absolute;top:66%;font:10px monospace;letter-spacing:3px;color:#7cb6c1}.upload-progress{max-width:390px;margin:32px auto 0}.progress-caption{display:flex;justify-content:space-between;font-size:12px;color:#8dbcc4;letter-spacing:1px}.progress-caption span:last-child{font-family:monospace;color:#588b9b}.upload-progress .progress-track{max-width:none;margin:12px 0 20px}.steps{padding:0;display:flex;list-style:none;justify-content:space-between;font-size:12px;color:#54717f;letter-spacing:2px}.steps li{transition:color .3s}.steps li::before{content:'◇';margin-right:7px}.steps .active{color:#a7efe5}.steps .done{color:#7cadb7}.steps .done::before{content:'✓'}.back{display:block;margin:37px auto 0;border:0;background:transparent;color:#83a8b2;padding:12px 18px;font-size:14px;letter-spacing:2px;transition:color .2s}.back:hover{color:#b6fff2}.back span{margin-left:8px}.complete-note{font-size:14px;letter-spacing:2px;color:#a9e9df;margin-top:24px}.dots::after{content:'…';position:absolute;animation:breathe 1.5s infinite}footer{position:absolute;bottom:46px;left:58px;right:58px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#72949f;letter-spacing:1px;gap:25px}footer>span{display:flex;align-items:center;gap:10px}.footer-center{color:#577782;letter-spacing:3px}.footer-end{font:11px monospace}.footer-divider{color:#355564;margin:0 5px}body[data-state="upload"] .portal{opacity:0}body[data-state="complete"] .upload .o1{animation-duration:12s}body[data-state="complete"] .dots{display:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.4}}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{padding-top:160px}.hero h1{font-size:154px}.portal{width:550px;height:550px;top:-117px}.mode-section{margin-top:83px}}
@media(max-width:1000px){.top-caption{display:none}.side{display:none}header{padding:38px 42px}main{padding:120px 38px 120px}footer{left:42px;right:42px;bottom:35px}.footer-center{display:none}.hero h1{font-size:115px}.portal{top:-75px;width:440px;height:440px}}
@media(max-width:600px){.frame{inset:12px}header{padding:27px 27px}.brand{font-size:16px;gap:7px}.brand small{display:none}.brand-mark{font-size:28px}.connection{font-size:11px;gap:7px}.version{display:none}main{padding:115px 28px 110px;min-height:100svh}.hero{padding-top:10px}.hero .eyebrow{font-size:10px;letter-spacing:2px;gap:10px}.hero .eyebrow span{width:15px}.hero h1{font-size:96px}.roman{font-size:13px;margin:12px 0 20px;letter-spacing:6px}.tagline{font-size:12px;letter-spacing:3px}.portal{width:330px;height:330px;top:-44px}.portal-coordinate{display:none}.portal-inner{inset:40px}.portal-middle{inset:20px}.mode-section{margin-top:42px}.mode-grid{gap:12px;grid-template-columns:1fr}.mode-card{min-height:102px;padding:20px;align-items:center;gap:17px}.mode-name{font-size:19px}.mode-en{font-size:9px;margin:5px 0 0}.mode-description{margin-top:9px;font-size:12px}.mode-arrow{top:31px;right:24px}.mode-index{bottom:10px}.mode-hint{font-size:11px;letter-spacing:1px;margin-top:18px}.section-label{font-size:11px}.section-label .micro{font-size:9px;letter-spacing:1px}footer{left:28px;right:28px;bottom:28px;font-size:10px;gap:10px}.footer-end{font-size:9px;gap:5px}.footer-divider{margin:0}#clock{display:none}.upload h1,.boot h1{font-size:23px;letter-spacing:3px}.upload .eyebrow,.boot .eyebrow{font-size:10px;letter-spacing:2px}.loader{width:200px;height:200px}.subtext{font-size:12px;letter-spacing:.5px}.upload-progress{max-width:310px}.steps{letter-spacing:0}.upload h1{white-space:nowrap}.number{font-size:56px}.micro{font-size:10px}}
@media(max-height:760px) and (min-width:601px){main{padding-top:100px;padding-bottom:88px}.hero h1{font-size:100px}.portal{width:390px;height:390px;top:-80px}.mode-section{margin-top:36px}.hero .eyebrow{margin-bottom:18px}.roman{margin:10px 0 17px}.mode-card{min-height:122px;padding-top:21px;padding-bottom:21px}.loader{width:190px;height:190px;margin-top:22px;margin-bottom:26px}.upload-progress{margin-top:22px}.back{margin-top:23px}header{padding-top:32px}footer{bottom:30px}}
/* Keep decorative rails clear of navigation and the footer. */
.side{top:50%;transform:translateY(-50%);height:180px;gap:22px;white-space:nowrap}
.side>span:last-child{display:none}
.side .ticks{height:60px;flex-shrink:0}
header{display:grid;grid-template-columns:1fr auto 1fr}
.connection{justify-self:end}
.top-caption{grid-column:2;text-align:center}
main{padding-top:110px;padding-bottom:110px}
.screen{margin-inline:auto}
.roman{padding-left:0;letter-spacing:8px;text-indent:8px}
.boot h1,.upload h1{position:relative;width:fit-content;max-width:100%;margin-inline:auto;padding-left:5px}
.dots{display:inline-block;width:1em;margin-right:-1em;vertical-align:baseline}
.dots::after{position:static}
.loader-inner .number{position:absolute;left:50%;transform:translateX(-50%);letter-spacing:0;line-height:1}
.loader-inner small{position:absolute;left:calc(50% + 42px);margin-top:25px}
.loader-inner:has(.number:first-child:last-of-type) small{white-space:nowrap}
footer{min-height:20px;display:grid;grid-template-columns:1fr auto 1fr}
.footer-center{grid-column:2;justify-self:center;white-space:nowrap;text-indent:3px}
.footer-end{justify-self:end}
@media(max-width:1000px){footer{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){header{grid-template-columns:1fr 1fr}}
@media(max-width:600px){main{padding-top:105px;padding-bottom:105px}.boot h1,.upload h1{padding-left:3px}.roman{letter-spacing:6px;text-indent:6px}.loader-inner small{left:calc(50% + 40px)}}
@media(max-height:760px) and (min-width:601px){.side{display:none}main{padding-top:94px;padding-bottom:94px}.upload-loader{width:170px;height:170px;margin:15px auto 20px}.upload .eyebrow{margin-bottom:10px}.upload h1{margin-bottom:10px}.upload .subtext{margin:8px 0}.upload-progress{margin-top:20px}.back{margin-top:18px}.top-caption{letter-spacing:3px}.portal{top:-50px;width:350px;height:350px}}
/* Perspective hologram: separate depth planes keep the progress ring dimensional. */
.loader,.upload-loader{width:330px;height:230px;margin:30px auto 27px;perspective:850px;isolation:isolate}
.holo-plane{position:absolute;width:300px;height:300px;left:50%;top:50%;margin:-150px 0 0 -150px;transform:translateY(40px) rotateX(62deg) rotateZ(-12deg);transform-style:preserve-3d}
.holo-plane>span{position:absolute;border-radius:50%;inset:0;transform-style:preserve-3d}
.holo-base{border:14px solid #85c5d229;background:radial-gradient(circle,transparent 52%,#64cbd112 55%,transparent 70%);box-shadow:0 0 30px #62e7ec12,inset 0 0 35px #73d2e915;transform:translateZ(-24px)}
.holo-ticks{inset:-14px!important;background:repeating-conic-gradient(#99dfeb77 0deg 1deg,transparent 1deg 5deg);mask-image:radial-gradient(circle,transparent 67%,#000 67.5%,#000 70%,transparent 70.5%);transform:translateZ(-23px);animation:disc-base 45s linear infinite}
.holo-core{inset:83px!important;background:radial-gradient(circle,#a6e9eb24,#68c6d111);border:1px solid #a6f7f03b;transform:translateZ(-16px);box-shadow:0 0 38px #87ffff20}
.holo-plane .o1{inset:15px;border:0;background:conic-gradient(from 10deg,transparent 0deg 35deg,#ffe6d9 38deg,#ffa99f 85deg,#ff9fb4 240deg,#ffe6da 317deg,transparent 321deg);mask-image:radial-gradient(circle,transparent 64%,#000 64.5%,#000 70%,transparent 70.5%);filter:drop-shadow(0 0 9px #ffaeae);animation:holo-spin-top 4.5s linear infinite;box-shadow:none}
.holo-plane .o2{inset:34px;border:2px solid #b2edf544;border-left:3px solid #c3fffa;border-right:3px solid #a0faf4;animation:holo-spin-middle 8s linear infinite reverse;box-shadow:0 0 15px #67ffeb20}
.holo-plane .o3{inset:0;border:1px solid #6bdbdf60;background:transparent;border-top:2px solid #8bdbe7;animation:holo-spin-low 15s linear infinite}
.loader::after{content:'';position:absolute;left:50%;top:57%;width:220px;height:80px;transform:translateX(-50%);background:radial-gradient(ellipse,#79e8e922,transparent 68%);filter:blur(12px);z-index:-1}
.loader-inner{inset:auto;left:50%;top:36%;width:max-content;height:auto;transform:translate(-50%,-50%);display:flex;align-items:baseline;justify-content:center;gap:3px;white-space:nowrap;z-index:2}
.loader-inner .number{position:static;transform:none;font-size:64px;line-height:1;letter-spacing:-2px;font-weight:300;font-variant-numeric:tabular-nums;text-shadow:0 0 16px #7df7eb66}
.loader-inner small{position:static;left:auto;margin:0;font-size:30px;line-height:1;color:#b9fff4}
.in-ring{top:calc(100% + 10px);left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;text-indent:3px}
.loader .crosshair{top:68%;font-size:13px;color:#5798a3}.loader .cross-a{left:-5px}.loader .cross-b{right:-5px}
body[data-state="complete"] .upload .o1{animation-duration:10s}
@keyframes holo-spin-top{from{transform:translateZ(24px) rotate(0)}to{transform:translateZ(24px) rotate(360deg)}}
@keyframes holo-spin-middle{from{transform:translateZ(4px) rotate(0)}to{transform:translateZ(4px) rotate(360deg)}}
@keyframes holo-spin-low{from{transform:translateZ(-15px) rotate(0)}to{transform:translateZ(-15px) rotate(360deg)}}
@keyframes disc-base{from{transform:translateZ(-23px) rotate(0)}to{transform:translateZ(-23px) rotate(360deg)}}
@media(max-width:600px){.loader,.upload-loader{width:280px;height:220px;margin:22px auto 24px}.holo-plane{width:260px;height:260px;margin:-130px 0 0 -130px;transform:translateY(36px) rotateX(62deg) rotateZ(-12deg)}.holo-core{inset:73px!important}.loader-inner .number{font-size:58px}.loader-inner small{font-size:27px}}
@media(max-height:760px) and (min-width:601px){.loader,.upload-loader{height:185px;margin:14px auto 18px}.holo-plane{width:260px;height:260px;margin:-130px 0 0 -130px;transform:translateY(30px) rotateX(62deg) rotateZ(-12deg)}.holo-core{inset:73px!important}.loader-inner .number{font-size:58px}}
.loader,.upload-loader{margin-bottom:58px}
.loader-inner .number{font-family:Orbitron,"Bahnschrift",sans-serif;font-weight:750;font-size:58px;letter-spacing:1px;background:linear-gradient(180deg,#fff 15%,#cdfffb 46%,#62e5df 52%,#c2fffc 80%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 6px #86fff570) drop-shadow(0 0 22px #32d7e04d)}
.loader-inner small{font-family:Orbitron,"Bahnschrift",sans-serif;font-weight:650;font-size:25px;text-shadow:0 0 12px #58f6ea88}
.loader-inner{gap:7px;top:30%}
.in-ring{color:#a6e9e9;text-shadow:0 0 10px #43e6df88}
.holo-plane{filter:drop-shadow(0 0 8px #69e8e433)}
.holo-base{box-shadow:0 0 30px #62e7ec38,inset 0 0 35px #73d2e935}
.holo-plane .o2{box-shadow:0 0 14px #67ffeb77,inset 0 0 12px #67ffeb33}
.loader::after{width:290px;height:100px;background:radial-gradient(ellipse,#79e8e94a,transparent 68%)}
.vignette{background:radial-gradient(ellipse at 50% 44%,transparent 30%,rgba(2,8,15,.18) 72%,#02080ecc 100%)}
.mode-card{backdrop-filter:blur(7px);background:linear-gradient(120deg,#123b48bb,#061823dd)}
body[data-state="upload"] .progress-track>span{box-shadow:0 0 10px #72f6df,0 0 25px #72f6df70}
body[data-state="upload"] .status-light{box-shadow:0 0 14px #8bf6ec;animation:breathe 1s infinite}
@media(max-width:600px){.loader-inner .number{font-size:48px}.loader-inner small{font-size:22px}.loader,.upload-loader{margin-bottom:48px}}
@media(max-height:760px) and (min-width:601px){.loader,.upload-loader{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.holo-plane .o1{transform:translateZ(24px)}.holo-plane .o2{transform:translateZ(4px)}.holo-plane .o3{transform:translateZ(-15px)}}