/* 标题与开场：CSS 画出远处的机柜，无需下载图片。 */
[hidden]{display:none!important}.at-title{overflow-x:hidden}.title-screen{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 55%,#23434d77,transparent 50%),linear-gradient(125deg,#080d14 15%,#10232d 70%,#090e14)}.title-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#739daf08 1px,transparent 1px),linear-gradient(90deg,#739daf08 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#000)}.title-screen:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080e12 5%,#080e12d9 35%,transparent 80%),linear-gradient(0deg,#080e12,transparent 35%)}.title-top,.title-bottom{display:flex;justify-content:space-between;gap:20px;padding:30px 5vw;color:#9db2bd;font-size:12px;letter-spacing:2px}.title-top{border-bottom:1px solid #829faf1a}.title-bottom{position:absolute;bottom:0;left:0;width:100%}.title-content{position:relative;max-width:1400px;margin:0 auto;padding:8vh 9vw 130px}.title-eyebrow{color:#9ce8c3;font-size:12px;letter-spacing:3px;margin:0 0 35px}.title-content h1{font-size:clamp(40px,6.5vw,88px);line-height:1.3;font-weight:500;letter-spacing:1px;margin:0;text-shadow:0 0 70px #c4e5dd0c}.title-content h1 span{color:#daeae5}.title-content h1 b{font-weight:400;font-size:.8em;color:var(--green)}.title-quote{font-family:"PingFang SC",sans-serif;font-size:18px;color:#9fafba;margin:32px 0 36px;letter-spacing:2px}.title-buttons{display:flex;flex-wrap:wrap;gap:14px;max-width:530px}.title-primary,.title-secondary{padding:16px 28px;border-radius:4px;font-size:16px;min-width:190px;display:flex;align-items:center;justify-content:space-between;gap:35px}.title-primary{background:#b0ebc9;color:#0c211e;border-color:#b0ebc9}.title-primary:hover{color:#092016;background:#cef5df;border-color:#cef5df;box-shadow:0 0 36px #9ce8c322}.title-secondary{background:#11212dcc;color:#cbdbe2;border-color:#4e6877}.title-help{border:0;padding:0;color:#93a7b2;font-size:13px;margin-top:24px}.title-racks{position:absolute;right:-3vw;top:17%;height:68%;width:56%;display:flex;gap:18px;align-items:end;transform:perspective(1000px) rotateY(-19deg);z-index:-2;opacity:.8}.title-racks i{display:block;width:20%;height:100%;border:1px solid #416074;background:repeating-linear-gradient(0deg,#101d29 0px,#101d29 21px,#314855 22px,#192c3b 25px);box-shadow:12px 0 0 #090f17,inset 0 0 45px #0007;position:relative}.title-racks i:after{content:"";position:absolute;top:8%;bottom:10%;right:12px;width:3px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 35px,#a3eac6 36px,#a3eac6 38px,transparent 39px);box-shadow:0 0 18px #8ceac666}.title-racks i:nth-child(2){height:95%}.title-racks i:nth-child(3){height:90%}.title-racks i:nth-child(4){height:86%}.title-racks i:nth-child(5){height:81%}.prologue-screen{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#14252b,#080d12 65%);padding:0 5vw}.prologue-top,.prologue-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8ba2af;font-size:12px;letter-spacing:2px;padding:28px 0}.prologue-top button{font-size:13px;color:#b6cece;border-color:#3c535f}.prologue-center{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 0;min-height:65vh}.prologue-card{width:min(780px,100%);text-align:center;opacity:1;transition:opacity .35s,transform .35s}.prologue-time{color:#9ce8c3;letter-spacing:4px;font-size:14px;margin:0 0 28px}.prologue-card h2{font-family:"PingFang SC",sans-serif;font-size:clamp(25px,3.5vw,42px);font-weight:400;line-height:1.6;margin:0 0 28px}.prologue-card>p:last-child{white-space:pre-line;color:#b2c3cc;line-height:2.4;font-size:clamp(16px,1.6vw,19px);margin:0}.prologue-card.arriving{animation:opening-arrive 1.2s ease both}.prologue-card.departing{opacity:0;transform:translateY(-8px)}.prologue-progress{flex:1;max-width:220px;height:1px;background:#304751;overflow:hidden}.prologue-progress i{display:block;height:100%;width:0;background:#9ce8c3}.entering-game #game-shell{animation:opening-arrive .9s ease both}@keyframes opening-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes opening-progress{from{width:0}to{width:100%}}@media(max-width:680px){.title-top,.title-bottom{padding:22px;font-size:10px;letter-spacing:1px}.title-top{flex-wrap:wrap}.title-content{padding:10vh 26px 110px}.title-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:26px}.title-content h1{font-size:clamp(35px,10vw,54px)}.title-quote{font-size:15px;letter-spacing:1px;margin:25px 0 30px}.title-racks{right:-20%;top:22%;width:85%;height:65%;opacity:.4;gap:14px}.title-buttons{flex-direction:column;width:min(290px,100%)}.title-primary,.title-secondary{width:100%;padding:14px 22px;min-height:52px}.title-bottom span:last-child{display:none}.prologue-screen{padding:0 22px}.prologue-top{font-size:10px;letter-spacing:1px}.prologue-top button{font-size:12px;padding:6px 9px}.prologue-center{padding:45px 0;min-height:65vh}.prologue-card h2{font-size:27px}.prologue-card>p:last-child{font-size:16px;line-height:2.2}.prologue-time{font-size:12px;letter-spacing:2px}.prologue-bottom{font-size:10px;letter-spacing:1px}.prologue-bottom span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.prologue-card.arriving,.entering-game #game-shell{animation:none}.prologue-card{transition:none}}

.title-content h1 br{display:initial}