@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&family=Geist+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#0b0e11;--gold:#f0b90b;--white:#eaecef;--mono:"Geist Mono",Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Geist,"Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid var(--gold);outline-offset:6px}
.scene{position:relative;width:100%;height:100svh;min-height:580px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;perspective:1200px;background:radial-gradient(ellipse at 50% 43%,#2b240f 0%,#16160f 25%,#0b0e11 62%)}
.atmosphere{pointer-events:none;position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 12% 14%,#9c71001b,transparent 39%),radial-gradient(ellipse at 100% 70%,#684d182e,transparent 35%),radial-gradient(ellipse at 50% 94%,#b282091a,transparent 42%)}
.space-grid{pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#f0b90b07 1px,transparent 1px),linear-gradient(90deg,#f0b90b07 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at center,#000,transparent 76%);z-index:-2}
.floor-grid{position:absolute;pointer-events:none;bottom:-35%;left:-30%;width:160%;height:80%;background-image:linear-gradient(#f0b90b15 1px,transparent 1px),linear-gradient(90deg,#f0b90b15 1px,transparent 1px);background-size:80px 80px;transform:rotateX(64deg);mask-image:radial-gradient(ellipse,#000 0%,transparent 65%);z-index:-1}
.horizon{pointer-events:none;position:absolute;left:50%;top:72%;width:145%;height:65%;transform:translateX(-50%);border-top:1px solid #f0b90b39;border-radius:50%;box-shadow:0 -25px 80px -45px #f0b90b69;z-index:-1}
.lightshaft{position:absolute;pointer-events:none;top:-25%;width:16%;height:130%;transform:rotate(24deg);filter:blur(18px);background:linear-gradient(90deg,transparent,#fcd53509,transparent);z-index:-1}.shaft-left{left:15%;animation:shaft-breathe 9s ease-in-out infinite}.shaft-right{right:5%;width:8%;transform:rotate(-25deg);opacity:.6;animation:shaft-breathe 11s ease-in-out -5s infinite}
.orbital-lines{position:absolute;inset:0;pointer-events:none;z-index:-1}.orbital-lines i{position:absolute;left:50%;top:43%;width:80%;height:36%;border:1px solid #f0b90b12;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.orbital-lines i:nth-child(2){width:100%;height:44%;transform:translate(-50%,-50%) rotate(22deg);border-color:#f0b90b0b}
.scene-frame{pointer-events:none;position:absolute;inset:24px}.scene-frame i{position:absolute;width:48px;height:48px;border-color:#f0b90b38;border-style:solid;border-width:0}.scene-frame i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.scene-frame i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.scene-frame i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.scene-frame i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
.scene-header{position:absolute;inset:40px 58px auto;display:flex;justify-content:space-between;align-items:center;z-index:4;pointer-events:none}.small-logo{pointer-events:auto;font-size:48px;font-weight:800;line-height:1;letter-spacing:-4px;color:#fcd535}.header-mark{font:24px var(--mono);color:#f0b90b88}
.centerpiece{display:flex;flex-direction:column;align-items:center;position:relative;transform:translateY(-8px);width:100%;z-index:1}.core-stage{border:0;background:transparent;padding:0;position:relative;display:block;width:min(1180px,94vw);height:min(760px,71svh);cursor:crosshair;touch-action:pan-y;isolation:isolate}.core-stage:focus-visible{outline-offset:-25px;border-radius:50%}#neural-core{display:block;width:100%;height:100%}

.core-scan{position:absolute;left:50%;top:45%;width:55%;height:38%;transform:translate(-50%,-50%) rotate(-18deg);border:1px solid #f0b90b1c;border-radius:50%;box-shadow:0 0 28px #f0b90b06;pointer-events:none;z-index:-1}.launch-disc{position:absolute;left:50%;bottom:10%;width:49%;height:10%;transform:translateX(-50%);border:1px solid #f0b90b4a;border-radius:50%;background:radial-gradient(ellipse,#fcd5350f,transparent 68%);box-shadow:0 0 45px #f0b90b0c,inset 0 0 20px #f0b90b08;pointer-events:none;z-index:-1}.launch-disc:before,.launch-disc:after{content:"";position:absolute;inset:14% 7%;border:1px solid #f0b90b2b;border-radius:50%}.launch-disc:after{inset:35% 24%;border-color:#fcd53536;box-shadow:0 0 15px #f0b90b1a}
.release{display:flex;align-items:center;justify-content:center;gap:24px;margin:-6px 0 0;pointer-events:none;font:400 13px var(--mono);letter-spacing:7px;color:#d8c58b;white-space:nowrap}.release>span{display:block;width:54px;height:1px;background:linear-gradient(90deg,transparent,#f0b90b88)}.release>span:last-child{transform:rotate(180deg)}
.actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 24px 0}.action-chip{min-height:50px;min-width:158px;border:1px solid #f0b90b57;border-radius:11px;background:linear-gradient(135deg,#1b1a12e6,#0b0e11e6);backdrop-filter:blur(12px);display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;cursor:pointer;font-size:12px;box-shadow:inset 0 1px #fff5b90b,0 7px 20px #0002;transition:border-color .2s,box-shadow .2s,transform .2s}.action-chip:hover{border-color:#fcd535b0;box-shadow:0 0 32px #f0b90b1a,inset 0 1px #f0b90b22;transform:translateY(-3px);background:#222014}.chip-label{color:#b5b2a2;white-space:nowrap}.action-chip strong{font-weight:500;color:var(--gold);font-size:13px;white-space:nowrap}.action-chip:first-child strong{color:#eaecef;font-family:var(--mono)}.action-chip svg{width:14px;height:14px;fill:none;stroke:#ac9d6a;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.scene-footer{position:absolute;bottom:32px;left:0;right:0;text-align:center;font:10px var(--mono);letter-spacing:3px;color:#82775b}.notice{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);padding:10px 17px;background:#201d12;border:1px solid #f0b90b3b;border-radius:8px;font-size:12px;color:#d7c98b;max-width:calc(100% - 48px);text-align:center;z-index:8}.notice[hidden]{display:none}
.satellite{position:absolute;pointer-events:none;z-index:2;width:var(--size);height:var(--size);perspective:700px;animation:float-module 8s ease-in-out infinite;filter:drop-shadow(0 0 26px #f0b90b10)}.cube{position:absolute;inset:0;transform-style:preserve-3d;animation:turn-module 32s linear infinite;animation-delay:inherit}.cube i{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #f0b90b73;border-radius:12%;background:linear-gradient(135deg,#575027 0%,#292719 24%,#0e1213 65%,#191c15 100%);box-shadow:inset 0 0 16px #f0b90b10;font-size:calc(var(--size) * .58);font-weight:800;font-style:normal;letter-spacing:-.08em;color:#fcd535;text-shadow:0 0 16px #f0b90b40;backface-visibility:hidden}.cube-front{transform:translateZ(calc(var(--size) / 2))}.cube-back{transform:rotateY(180deg) translateZ(calc(var(--size) / 2))}.cube-right{transform:rotateY(90deg) translateZ(calc(var(--size) / 2))}.cube-left{transform:rotateY(-90deg) translateZ(calc(var(--size) / 2))}.cube-top{transform:rotateX(90deg) translateZ(calc(var(--size) / 2));background:linear-gradient(135deg,#a38b33,#33301d)!important}.cube-bottom{transform:rotateX(-90deg) translateZ(calc(var(--size) / 2))}
.satellite-a{--size:72px;left:13%;top:26%;animation-delay:-3s;opacity:.7}.satellite-b{--size:106px;right:11%;top:24%;animation-delay:-11s}.satellite-c{--size:132px;left:4%;bottom:19%;animation-delay:-7s;filter:blur(2px);opacity:.34}.satellite-d{--size:58px;right:20%;bottom:24%;animation-delay:-15s;opacity:.55}
@keyframes float-module{0%,100%{translate:0 0}50%{translate:0 -21px}}@keyframes turn-module{from{transform:rotateX(-19deg) rotateY(25deg) rotateZ(12deg)}to{transform:rotateX(-19deg) rotateY(385deg) rotateZ(12deg)}}@keyframes shaft-breathe{0%,100%{opacity:.4}50%{opacity:1}}
@media(min-width:1700px){.core-stage{width:1380px;height:min(920px,74svh)}.actions{margin-top:27px}.action-chip{min-height:54px;font-size:13px}.action-chip strong{font-size:14px}.release{font-size:14px}.satellite-a{--size:94px;left:15%}.satellite-b{--size:136px;right:13%}.satellite-c{--size:174px}.satellite-d{--size:72px}}
@media(max-width:1050px){.core-stage{height:min(670px,69svh)}.satellite-a{--size:54px;left:9%;top:24%}.satellite-b{--size:72px;right:7%;top:27%}.satellite-c{--size:85px;bottom:22%;left:3%}.satellite-d{--size:40px;right:12%;bottom:29%}.release{font-size:11px;letter-spacing:5px}.action-chip{min-width:140px;min-height:47px;font-size:11px;padding:0 16px}.action-chip strong{font-size:12px}}
@media(max-width:600px){.scene{min-height:540px}.scene-header{inset:29px 30px auto}.small-logo{font-size:39px;letter-spacing:-3px}.scene-frame{inset:14px}.scene-frame i{width:27px;height:27px}.header-mark{font-size:19px}.core-stage{width:110vw;height:min(470px,57svh)}.centerpiece{transform:translateY(5px)}.release{margin-top:9px;gap:17px;font-size:11px;letter-spacing:4px}.release>span{width:28px}.actions{gap:9px;margin-top:25px;max-width:calc(100% - 40px);margin-left:20px;margin-right:20px}.action-chip{min-width:0;min-height:44px;padding:0 12px;gap:8px;font-size:11px;border-radius:10px}.action-chip strong{font-size:11px}.action-chip svg{width:12px;height:12px}.scene-footer{font-size:9px;bottom:25px;letter-spacing:2px}.satellite-a{--size:36px;left:9%;top:20%;opacity:.5}.satellite-b{--size:51px;right:10%;top:24%;opacity:.8}.satellite-c{display:none}.satellite-d{--size:30px;right:9%;bottom:31%;opacity:.45}.launch-disc{width:59%;bottom:7%}.core-scan{width:78%}.horizon{top:68%;width:220%}.floor-grid{height:75%;bottom:-25%;background-size:55px 55px}.orbital-lines i{width:150%;top:43%;height:24%}.orbital-lines i:nth-child(2){width:165%;height:30%}.shaft-left{width:28%;left:0}.shaft-right{right:-5%;width:18%}}
@media(max-width:360px){.actions{gap:8px;max-width:calc(100% - 34px)}.action-chip{padding:0 10px;gap:7px;font-size:10px}.action-chip strong{font-size:10px}.release{font-size:10px;letter-spacing:3px}.satellite-b{right:8%;--size:42px}}
@media(max-height:700px) and (min-width:601px){.scene{min-height:480px}.scene-header{inset:26px 36px auto}.small-logo{font-size:36px}.core-stage{height:66svh;max-height:450px}.release{font-size:10px;margin-top:-2px}.actions{margin-top:19px}.action-chip{min-height:43px}.scene-footer{bottom:20px;font-size:8px}.satellite-a{top:22%;--size:48px}.satellite-b{top:26%;--size:70px}.satellite-c{--size:80px}}
@media(max-height:520px) and (min-width:601px){.scene{min-height:320px}.core-stage{height:64svh;width:600px}.release{margin-top:-10px;font-size:8px;letter-spacing:3px}.actions{margin-top:15px}.action-chip{min-height:36px;min-width:130px;font-size:10px}.action-chip strong{font-size:10px}.scene-header{inset:20px 30px auto}.small-logo{font-size:30px}.scene-footer{bottom:15px;font-size:7px}.satellite-a{--size:35px}.satellite-b{--size:50px}.satellite-c,.satellite-d{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.cube{transform:rotateX(-19deg) rotateY(25deg) rotateZ(12deg)}}

.community-actions{margin-top:12px}.community-actions .action-chip{min-width:174px}.community-actions .chip-label{color:#d4cda9}@media(max-width:600px){.community-actions{margin-top:12px}.community-actions .action-chip{min-width:137px}}@media(max-width:600px) and (max-height:700px){.core-stage{height:45svh;max-height:315px}.actions{margin-top:20px}.community-actions{margin-top:10px}}@media(max-height:520px) and (min-width:601px){.core-stage{height:48svh}.community-actions{margin-top:10px}.community-actions .action-chip{min-width:145px}}