:root{color-scheme:dark;--void: #04020c;--void-deep: #0a0418;--cyan: #67f4ff;--violet: #b95cff;--amber: #ffc95c;--paper: #ece8f5;--steel: #8b7fb0;--mist: #a99fd8;--line: rgba(200, 195, 232, .2);--edge: clamp(22px, 4vw, 68px)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--void)}body{min-width:320px;margin:0;overflow-x:hidden;color:var(--paper);background:var(--void);font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-weight:300}body::selection{color:var(--void);background:var(--cyan)}button,a{color:inherit;-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.net-scene,.atmosphere,.noise{position:fixed;inset:0;width:100%;height:100%}.net-scene{z-index:0;opacity:0;transition:opacity 1.8s .15s ease}.is-ready .net-scene{opacity:1}.atmosphere{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 0,rgba(4,2,12,.06) 40%,rgba(4,2,12,.6) 100%),linear-gradient(90deg,rgba(4,2,12,.78) 0,transparent 34%,transparent 70%,rgba(4,2,12,.4) 100%)}.noise{z-index:20;inset:-50%;width:200%;height:200%;opacity:.055;pointer-events:none;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='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}}.loading-screen{position:fixed;z-index:100;inset:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:end;padding:var(--edge);color:var(--paper);background:#05020f;transition:visibility 0s 1.15s,opacity 1.1s cubic-bezier(.76,0,.24,1)}.loading-screen:before{position:absolute;right:0;bottom:0;left:0;height:2px;content:"";background:var(--cyan);transform-origin:left;animation:loading-line .75s ease-out both}.loading-screen.is-ready{visibility:hidden;opacity:0}@keyframes loading-line{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}.loader-mark{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%)}.loader-mark i{position:absolute;inset:0;border:1px solid rgba(103,244,255,.5);border-radius:50%;animation:loader-orbit 2.4s linear infinite}.loader-mark i:nth-child(2){border-color:#b95cff80;animation-delay:-1.2s}@keyframes loader-orbit{0%{transform:rotate(0) scale(.55);opacity:1}to{transform:rotate(360deg) scale(1.1);opacity:.4}}.loading-screen p{grid-column:1;grid-row:1;align-self:start;margin:0;font-family:Barlow Condensed,Noto Sans SC,sans-serif;letter-spacing:.34em;font-size:13px;text-transform:uppercase}.loading-screen>span{grid-column:2;grid-row:1;justify-self:end;align-self:start;font-family:Space Mono,monospace;font-size:13px;color:var(--cyan)}.loading-screen small{grid-column:1 / -1;grid-row:2;font-size:10px;letter-spacing:.28em;color:var(--steel)}.site-header{position:fixed;z-index:15;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:var(--edge);pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand svg{width:34px;height:34px;color:var(--cyan)}.brand span{font-family:Barlow Condensed,Noto Sans SC,sans-serif;line-height:1.05;font-size:12px;letter-spacing:.18em;color:var(--paper)}.brand b{font-weight:600;color:var(--cyan)}.line-status{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-family:Space Mono,Noto Sans SC,monospace;font-size:11px;letter-spacing:.12em;color:var(--steel)}.line-status i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.line-status span{color:var(--cyan)}.view-control{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0a04186b;backdrop-filter:blur(8px);padding:9px 14px;font-size:11px;letter-spacing:.16em;color:var(--mist);cursor:pointer;transition:border-color .25s ease,color .25s ease}.view-control:hover{border-color:var(--cyan);color:var(--paper)}.view-control b{font-weight:500;color:var(--cyan)}.journey-nav{position:fixed;z-index:15;left:var(--edge);bottom:calc(var(--edge) + 8px);display:flex;gap:26px;align-items:center}.journey-nav a{display:flex;gap:8px;align-items:center;text-decoration:none;font-size:11px;letter-spacing:.18em;color:var(--steel);transition:color .25s ease}.journey-nav a i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;transition:background .25s ease,border-color .25s ease}.journey-nav a.is-active{color:var(--paper)}.journey-nav a.is-active i{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 8px var(--cyan)}.journey-progress{position:absolute;left:2px;bottom:18px;width:1px;height:46px;background:#c8c3e833}.journey-progress i{display:block;width:100%;height:100%;background:var(--cyan);transform-origin:top;transform:scaleY(0)}main{position:relative;z-index:5}.panel{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:22vh var(--edge) 18vh;max-width:1120px}.panel.hero{justify-content:flex-end;min-height:100vh}.kicker{display:flex;gap:14px;align-items:center;margin:0 0 28px;font-family:Barlow Condensed,Noto Sans SC,sans-serif;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--steel)}.kicker span{color:var(--cyan)}.panel-title{margin:0 0 30px;font-family:Noto Sans SC,sans-serif;font-weight:300;font-size:clamp(38px,7vw,92px);line-height:1.12;letter-spacing:.02em}.title-line{display:block;overflow:hidden}.title-line br{display:none}.panel-title .title-line{animation:line-reveal 1.1s cubic-bezier(.76,0,.24,1) both}.panel:not(.hero) .panel-title .title-line{animation:none}@keyframes line-reveal{0%{transform:translateY(115%) rotate(2deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.lead{margin:0 0 40px;max-width:420px;font-size:16px;line-height:1.9;color:var(--mist)}.hero-foot{display:flex;align-items:center;gap:34px;margin-top:8px}.scroll-cue{display:flex;gap:12px;align-items:center;margin:0;font-size:12px;letter-spacing:.2em;color:var(--steel)}.scroll-cue i{width:1px;height:38px;background:linear-gradient(to bottom,var(--cyan),transparent);animation:cue-drop 1.8s ease-in-out infinite}@keyframes cue-drop{0%{transform:scaleY(0);transform-origin:top}55%{transform:scaleY(1);transform-origin:top}56%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.explore-link{display:inline-flex;gap:14px;align-items:center;text-decoration:none;color:var(--cyan);font-size:13px;letter-spacing:.2em}.explore-link svg{width:48px;height:16px;stroke:var(--cyan);fill:none;stroke-width:1.4;transition:transform .3s ease}.explore-link:hover svg{transform:translate(8px)}.endlinks{display:flex;gap:34px;margin-top:24px}.endlinks a{display:inline-flex;gap:10px;align-items:center;text-decoration:none;padding-bottom:6px;border-bottom:1px solid var(--line);color:var(--mist);font-size:12px;letter-spacing:.18em;transition:color .25s ease,border-color .25s ease}.endlinks a:hover{color:var(--paper);border-color:var(--cyan)}.endlinks i{font-style:normal;color:var(--cyan);transition:transform .3s ease}.endlinks a:hover i{transform:translate(5px)}.site-footer{position:fixed;z-index:15;right:var(--edge);bottom:calc(var(--edge) + 8px);display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.18em;color:var(--steel)}.site-footer [data-speed]{color:var(--cyan)}@media(max-width:760px){:root{--edge: 20px}.journey-nav,.line-status{display:none}.brand span{font-size:11px}.panel{padding:24vh 20px 22vh}.panel.hero{justify-content:flex-end}.panel-title{font-size:clamp(34px,10vw,56px)}.lead{font-size:15px}.hero-foot{flex-direction:column;align-items:flex-start;gap:20px}.endlinks{flex-direction:column;gap:18px}.site-footer{display:none}}@media(prefers-reduced-motion:reduce){.noise{animation:none}.loading-screen:before,.loader-mark i,.scroll-cue i,.line-status i{animation:none}}@media print{.net-scene,.noise,.loading-screen,.journey-nav,.site-header,.site-footer{display:none}body{background:#fff;color:#111}}
