:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:radial-gradient(circle,#2c3e50 0%,#000 100%);justify-content:center;align-items:center;width:100%;height:100%;font-family:Microsoft YaHei,sans-serif;display:flex;position:relative;overflow:hidden}.game-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.rule-card{color:#4a2e1a;z-index:99;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fff8e1,#ffecb3);border:4px solid #b88645;border-radius:16px;width:180px;padding:22px 16px;font-size:16px;font-weight:700;line-height:1.6;animation:4s ease-in-out infinite float;position:absolute;top:375px;left:966px;transform:rotate(-3deg);box-shadow:0 10px 25px #0006}@keyframes float{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-10px)}}.level-indicator{color:#fff;z-index:100;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#b88645e6;border:2px solid #deb887;border-radius:30px;padding:8px 22px;font-size:20px;font-weight:700;animation:5s ease-in-out infinite floatButton;position:absolute;top:685px;left:1152px;box-shadow:0 4px 15px #0000004d}@keyframes floatButton{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.level-indicator.clickable{cursor:pointer;transition:all .2s}.level-indicator.clickable:hover{background:#8b4513e6;transform:scale(1.05)}.music-toggle{color:#fff;z-index:100;-webkit-user-select:none;user-select:none;background:#b88645cc;border:2px solid #deb887;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 15px #0000004d}.music-toggle:hover{background:#8b4513e6;transform:scale(1.1);box-shadow:0 6px 20px #0006}.level-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;display:grid}.level-item{cursor:pointer;color:#8b4513;background:#fdf5e6;border:3px solid #deb887;border-radius:12px;padding:15px;font-size:18px;font-weight:700;transition:all .2s}.level-item:hover{color:#fff;background:#deb887;transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.level-item.active{color:#fff;background:#b88645;border-color:#8b4513}.game-wrap{width:1365px;height:768px;transform:scale(calc(min(100vw / 1365, 100vh / 768)));transform-origin:50%;background:url(/assets/bg-D4FML-w_.png) 0 0/1365px 768px no-repeat;border-radius:4px;transition:box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 0 50px #000c,0 0 30px #8b45134d}.game-wrap.open{box-shadow:0 0 80px #ffdf0066,0 0 30px #fff3}.game-wrap.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.door-jiggle{animation:.5s ease-in-out infinite doorJiggle}@keyframes doorJiggle{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-.5deg)}20%,40%,60%,80%{transform:rotate(.5deg)}}@keyframes shake{10%,90%{transform:scale(calc(min(100vw / 1365, 100vh / 768))) translate3d(-1px, 0, 0)}20%,80%{transform:scale(calc(min(100vw / 1365, 100vh / 768))) translate3d(2px, 0, 0)}30%,50%,70%{transform:scale(calc(min(100vw / 1365, 100vh / 768))) translate3d(-4px, 0, 0)}40%,60%{transform:scale(calc(min(100vw / 1365, 100vh / 768))) translate3d(4px, 0, 0)}}.celebration-container{pointer-events:none;z-index:20;position:absolute;top:600px;left:743px;transform:translate(-50%,-50%)}.particle{background:gold;border-radius:50%;width:10px;height:10px;animation:1s ease-out forwards explode;position:absolute}@keyframes explode{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(0);opacity:0}}.stars-container{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.star{opacity:0;animation:twinkle var(--duration) ease-in-out infinite;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 5px #fff}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1)}}.s1{--duration:3s;width:3px;height:3px;top:20%;left:10%}.s2{--duration:4s;width:2px;height:2px;top:15%;left:25%}.s3{--duration:5s;width:4px;height:4px;top:25%;left:40%}.s4{--duration:3.5s;width:2px;height:2px;top:10%;left:60%}.s5{--duration:4.5s;width:3px;height:3px;top:20%;left:80%}.s6{--duration:3.2s;width:2px;height:2px;top:70%;left:15%}.s7{--duration:5.5s;width:4px;height:4px;top:80%;left:35%}.s8{--duration:4.2s;width:3px;height:3px;top:75%;left:55%}.s9{--duration:3.8s;width:2px;height:2px;top:85%;left:75%}.s10{--duration:4.7s;width:3px;height:3px;top:60%;left:90%}.door-left{transform-origin:0;z-index:10;background:url(/assets/door-left-DbUv3Jrb.png) 0 0/100% 100% no-repeat;width:78px;height:178px;transition:transform 3.5s cubic-bezier(.4,0,.2,1);position:absolute;top:518.74px;left:664.91px;transform:perspective(900px)rotateY(0)}.door-right{transform-origin:100%;z-index:10;background:url(/assets/door-right-HVacgca1.png) 0 0/100% 100% no-repeat;width:78px;height:178px;transition:transform 3.5s cubic-bezier(.4,0,.2,1);position:absolute;top:518.74px;left:743.03px;transform:perspective(900px)rotateY(0)}.game-wrap.open .door-left{transform:perspective(900px)rotateY(-88deg)}.game-wrap.open .door-right{transform:perspective(900px)rotateY(88deg)}.top-formula{color:#8b0000;z-index:5;justify-content:center;align-items:center;width:207px;height:81px;font-size:28px;font-weight:700;display:flex;position:absolute;top:406px;left:640px}.pwd-btn{color:#fff;cursor:pointer;z-index:5;text-shadow:1px 1px 2px #000;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:112px;height:45px;font-size:20px;font-weight:700;transition:all .3s;animation:3s ease-in-out infinite breath;display:flex}@keyframes breath{0%,to{background:#0000004d;transform:scale(1);box-shadow:inset 0 0 10px #ffffff0d}50%{background:#b886451a;transform:scale(1.05);box-shadow:inset 0 0 20px #ffffff26,0 0 10px #b886454d}}.pwd-btn:hover{background:#ffd7008c;transform:scale(1.05)}.pwd-btns-container{z-index:5;flex-direction:column;gap:17px;display:flex;position:absolute;top:523px;left:370px}.result-tip{z-index:20;white-space:nowrap;border-radius:30px;padding:12px 30px;font-size:20px;font-weight:700;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.result-tip.success{color:#fff;background:#2ecc71e6}.result-tip.error{color:#fff;background:#e74c3ce6}