:root{--bg:#05070d;--bg-elevated:#0f172a8c;--border:#94a3b824;--border-strong:#38bdf873;--text:#e2e8f0;--text-muted:#94a3b8;--text-dim:#64748b;--cyan:#38bdf8;--violet:#a78bfa;--pink:#f472b6;--gradient:linear-gradient(120deg, var(--cyan), var(--violet) 55%, var(--pink));--radius:16px;--font-sans:"Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, "SFMono-Regular", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);min-height:100vh;margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:#38bdf84d}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.particle-field{z-index:-1;pointer-events:none;position:fixed;inset:0}.grid-overlay{z-index:-2;pointer-events:none;background-image:linear-gradient(#38bdf80d 1px,#0000 1px),linear-gradient(90deg,#38bdf80d 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%)}.glow{z-index:-3;filter:blur(120px);opacity:.35;pointer-events:none;border-radius:50%;width:560px;height:560px;animation:18s ease-in-out infinite alternate float;position:fixed}.glow-a{background:var(--cyan);top:-160px;left:-120px}.glow-b{background:var(--violet);animation-delay:-9s;bottom:-200px;right:-160px}@keyframes float{to{transform:translate(80px,60px)scale(1.1)}}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:24px}.gradient-text{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#05070d99;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:10px;font-weight:600;display:flex}.logo-mark{background:var(--gradient);color:#05070d;border-radius:9px;place-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:grid}.status{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;display:inline-flex}.status-dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #34d399}@keyframes pulse{50%{opacity:.4}}.hero{flex:1;grid-template-columns:1fr auto;align-items:center;gap:48px;padding-top:112px;padding-bottom:64px;display:grid}.hero-eyebrow{min-height:1.6em;font-family:var(--font-mono);letter-spacing:.04em;margin:0 0 8px;font-size:16px}.typewriter:before{content:"> ";color:var(--cyan)}.caret{vertical-align:-.2em;background:var(--cyan);width:.55em;height:1.15em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block;box-shadow:0 0 10px #38bdf899}@keyframes blink{50%{opacity:0}}.hero h1{font-family:"Inter", "Segoe UI", -apple-system, system-ui, var(--font-sans);letter-spacing:-.035em;filter:drop-shadow(0 0 28px #38bdf859);margin:0 0 0 -.04em;font-size:clamp(3.5rem,15vw,5.5rem);font-weight:700;line-height:1.05}.hero h1 .gradient-text{padding-right:.08em}.hero-description{color:var(--text-muted);letter-spacing:.02em;margin:20px 0 0;padding-top:20px;font-size:1.1rem;position:relative}.hero-description:before,.hero-description:after{content:"";position:absolute;left:0}.hero-description:before{background:linear-gradient(90deg, var(--cyan), #a78bfa66 55%, transparent);width:min(100%,300px);height:1px;top:0}.hero-description:after{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 10px var(--cyan);top:-2px}.scene-window{--cycle:5s;border:1px solid var(--border);border-radius:var(--radius);background:#0a0f1cbf;justify-self:center;max-width:100%;overflow:hidden;box-shadow:0 30px 80px -30px #38bdf866}.scene-bar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:11px 16px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot-red{background:#f87171}.dot-yellow{background:#fbbf24}.dot-green{background:#34d399}.scene-title{font-family:var(--font-mono);color:var(--text-dim);margin-left:8px;font-size:12px}.scene{background:linear-gradient(#070b1f 0 14em,#0a1230 0 26em,#0f1a42 0);width:80em;height:64em;font-size:6px;position:relative;overflow:hidden}.pixel-sprite{display:block;position:relative}.pixel-sprite-dots{width:1em;height:1em;position:absolute;top:-1em;left:-1em}.star{background:#e0f2fe;width:1em;height:1em;animation:3s step-end infinite twinkle;position:absolute}.star:first-child{top:5em;left:6em}.star:nth-child(2){animation-delay:-1s;top:11em;left:17em}.star:nth-child(3){animation-delay:-2s;top:3em;left:27em}.star:nth-child(4){animation-delay:-.5s;top:9em;left:36em}.star:nth-child(5){animation-delay:-1.5s;top:4em;left:47em}.star:nth-child(6){animation-delay:-2.5s;top:14em;left:55em}.star:nth-child(7){animation-delay:-.8s;top:16em;left:74em}.star:nth-child(8){animation-delay:-1.8s;top:19em;left:10em}.star:nth-child(9){animation-delay:-2.2s;top:18em;left:42em}.star:nth-child(10){animation-delay:-1.2s;top:3em;left:76em}@keyframes twinkle{50%{opacity:.2}}.moon{filter:drop-shadow(0 0 2em #fde68a73);position:absolute;top:5em;left:62em}.cloud{animation:40s steps(100,end) infinite cloud-drift;position:absolute;left:0}.cloud-a{top:10em}.cloud-b{animation-duration:56s;animation-delay:-30s;top:20em}@keyframes cloud-drift{0%{transform:translate(84em)}to{transform:translate(-16em)}}.wave{width:calc(100% + 8em);animation:1.6s steps(8,end) infinite wave-drift;position:absolute;left:0}.wave-back{z-index:2;background:linear-gradient(90deg,#1d4d7a 0 25%,#0000 0) 6.5em 0/8em 1em repeat-x,linear-gradient(90deg,#1d4d7a 0 62.5%,#0000 0) 5em 1em/8em 1em repeat-x,linear-gradient(#1d4d7a 0 0) 0 2em/100% 1em no-repeat;height:3em;animation-duration:2.4s;animation-direction:reverse;top:37em}.wave-front{z-index:4;background:linear-gradient(90deg,#7dd3fc 0 25%,#0000 0) 2.5em 0/8em 1em repeat-x,linear-gradient(90deg,#0e7490 0 62.5%,#0000 0) 1em 1em/8em 1em repeat-x;height:2em;top:38em}@keyframes wave-drift{to{transform:translate(-8em)}}.water{z-index:4;background:linear-gradient(#0e7490 0 2em,#0b5f7d 0 7em,#0a4a6a 0 14em,#083553 0);position:absolute;inset:40em 0 0}.glint{opacity:.55;background:#67e8f9;width:3em;height:1em;animation:2.4s step-end infinite twinkle;position:absolute}.glint:first-child{top:4em;left:9em}.glint:nth-child(2){animation-delay:-.8s;top:8em;left:60em}.glint:nth-child(3){width:2em;animation-delay:-1.6s;top:15em;left:34em}.whale{z-index:3;width:28em;height:13em;animation:whale-jump var(--cycle) linear infinite;position:absolute;top:48em;left:26em}@keyframes whale-jump{0%{transform:translate(-14em)rotate(-35deg)}8%{transform:translate(-11em,-12em)rotate(-30deg)}20%{transform:translate(-7em,-24em)rotate(-18deg)}30%{transform:translate(-3.5em,-29em)rotate(-8deg)}40%{transform:translateY(-31em)rotate(0)}50%{transform:translate(3.5em,-29em)rotate(8deg)}60%{transform:translate(7em,-24em)rotate(18deg)}72%{transform:translate(11em,-12em)rotate(30deg)}80%,to{transform:translate(14em)rotate(35deg)}}.spout{width:1em;height:1em;position:absolute;top:0;left:16em}.spout-column{transform-origin:bottom;width:1em;height:7em;animation:spout-column var(--cycle) linear infinite;background:linear-gradient(#e0f2fe 0 2em,#bae6fd 0);position:absolute;bottom:0;left:0}@keyframes spout-column{0%,33%{opacity:0;transform:scaleY(0)}38%,50%{opacity:1;transform:scaleY(1)}56%,to{opacity:0;transform:scaleY(0)}}.spout .drop,.splash .drop{opacity:0;background:#bae6fd;width:1em;height:1em;position:absolute;top:0;left:0}.spout .drop{animation:spout-drop var(--cycle) linear infinite}.spout .drop:nth-child(2){--dx:0em;--dy:-12em}.spout .drop:nth-child(3){--dx:-3em;--dy:-10em}.spout .drop:nth-child(4){--dx:3em;--dy:-10em}.spout .drop:nth-child(5){--dx:-5em;--dy:-7em}.spout .drop:nth-child(6){--dx:5em;--dy:-7em}.spout .drop:nth-child(7){--dx:-1.5em;--dy:-11em}.spout .drop:nth-child(8){--dx:1.5em;--dy:-11em}@keyframes spout-drop{0%,36%{opacity:0;transform:translate(0)}40%{opacity:1;transform:translateY(-7em)}50%{opacity:1;transform:translate(var(--dx), var(--dy))}60%,to{opacity:0;transform:translate(calc(var(--dx) * 1.6), calc(var(--dy) + 6em))}}.splash{z-index:5;width:1em;height:1em;position:absolute;top:38em}.splash-out{left:29em}.splash-in{left:51em}.splash.splash-in .drop,.splash.splash-in .ripple{animation-delay:calc(var(--cycle) * .64)}.splash .drop{animation:splash-drop var(--cycle) linear infinite;background:#e0f2fe}.splash .drop:nth-child(2){--dx:-5em;--dy:-5em}.splash .drop:nth-child(3){--dx:-2.5em;--dy:-8em}.splash .drop:nth-child(4){--dx:0em;--dy:-10em}.splash .drop:nth-child(5){--dx:2.5em;--dy:-8em}.splash .drop:nth-child(6){--dx:5em;--dy:-5em}@keyframes splash-drop{0%,6%{opacity:0;transform:translate(0)}8%{opacity:1;transform:translateY(-1em)}16%{opacity:1;transform:translate(var(--dx), var(--dy))}24%,to{opacity:0;transform:translate(calc(var(--dx) * 1.5), 1em)}}.ripple{opacity:0;width:5em;height:1em;animation:ripple var(--cycle) steps(1) infinite;background:#e0f2fe;position:absolute;top:1em;left:-2em}@keyframes ripple{0%,6%{opacity:0;transform:scaleX(.6)}8%{opacity:.9;transform:scaleX(1)}14%{opacity:.7;transform:scaleX(2)}20%{opacity:.4;transform:scaleX(3)}26%,to{opacity:0;transform:scaleX(3)}}@media (prefers-reduced-motion:reduce){.whale{animation:none;transform:translateY(-9em)}}.footer{border-top:1px solid var(--border);background:#05070db3}.footer-inner{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-block:24px;font-size:13px;display:flex}.footer-inner p{margin:0}.beian{flex-wrap:wrap;gap:8px 20px;display:flex}.beian a{align-items:center;gap:6px;transition:color .2s;display:inline-flex}.beian img{width:auto;height:16px}.beian a:hover{color:var(--cyan)}@media (width<=1080px){.scene{font-size:5px}}@media (width<=900px){.hero{grid-template-columns:1fr;gap:40px;padding-top:104px}}@media (width<=600px){.container{padding-inline:16px}.scene{font-size:4px}.footer-inner{text-align:center;flex-direction:column;justify-content:center}.beian{justify-content:center}}