@font-face{font-family:MaShanZheng;src:url(/fonts/MaShanZheng-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-deep:#0a0612;--bg-night:#120a1e;--bg-dusk:#1a1030;--moon-glow:#fff4d6;--moon-gold:#f5d76e;--moon-amber:#e8b84b;--moon-warm:#d4943a;--lantern-red:#c0392b;--lantern-orange:#e67e22;--lantern-glow:#f39c12;--osmanthus:#f9e076;--river-lamp:#ffd27a;--text-primary:#f5ecd7;--text-secondary:#b8a88a;--text-muted:#7a6e5a;--font-brush:"MaShanZheng", "ZCOOL XiaoWei", cursive;--font-serif:"Noto Serif SC", "Songti SC", serif;--font-sans:system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--scene-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);-webkit-user-select:none;user-select:none;overflow-x:hidden}.loader{z-index:1000;background:var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:opacity 1s,visibility 1s;display:flex;position:fixed;inset:0;overflow:hidden}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-stars{pointer-events:none;position:absolute;inset:0}.loader-star{background:var(--moon-glow);opacity:0;border-radius:50%;animation:3s ease-in-out infinite starTwinkle;position:absolute}@keyframes starTwinkle{0%,to{opacity:0}50%{opacity:.8}}.loader-moon-wrap{width:120px;height:120px;position:relative}.loader-moon{background:radial-gradient(circle at 32% 30%, #fff4d680 0%, transparent 25%), radial-gradient(circle at 65% 55%, #d4943a59 0%, transparent 18%), radial-gradient(circle at 42% 72%, #d4943a40 0%, transparent 14%), radial-gradient(circle at 72% 28%, #d4943a33 0%, transparent 10%), linear-gradient(135deg, var(--moon-glow) 0%, var(--moon-gold) 45%, var(--moon-amber) 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 40px #f5d76e4d,0 0 80px #f5d76e26}.loader-moon-shadow{background:var(--bg-deep);will-change:transform;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(0)}.loader-text{color:var(--text-secondary);letter-spacing:.5em;text-indent:.5em;font-size:.85rem;font-family:var(--font-serif);transition:opacity .3s}.black-overlay{z-index:900;pointer-events:none;opacity:1;background:#000;transition:opacity 1.5s;position:fixed;inset:0}.black-overlay.fade-out{opacity:0}#app{width:100%;position:relative}#main-content{z-index:1;position:relative}.scene{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:sticky;top:0;overflow:hidden}.scene-1{background:linear-gradient(#0a0612 0%,#120a1e 60%,#1a1030 100%)}.scene-2{background:linear-gradient(#1a1030 0%,#120a1e 100%)}.scene-3{background:linear-gradient(#0d1526 0%,#0a1628 50%,#071220 100%)}.scene-4{background:linear-gradient(#1a1030 0%,#252040 50%,#1a1030 100%)}.scene-5{background:linear-gradient(#252040 0%,#1a1030 100%)}.scene-6{background:radial-gradient(at 50% 40%,#1a1030 0%,#0a0612 70%)}.scene-inner{will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.scene-spacer{z-index:0;width:100%;position:relative}.layer{will-change:transform;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scene-title{font-family:var(--font-serif);color:var(--text-muted);letter-spacing:.3em;opacity:.3;z-index:10;pointer-events:none;font-size:1rem;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.snap-marker{border:1px solid var(--lantern-red);color:var(--lantern-glow);letter-spacing:.1em;z-index:20;pointer-events:none;opacity:.6;background:#c0392b4d;border-radius:4px;padding:.4rem .8rem;font-size:.7rem;position:absolute}.snap-marker[data-snap=mooncake]{top:55%;left:50%;transform:translate(-50%,-50%)}.snap-marker[data-snap=lantern]{top:40%;left:30%}.snap-marker[data-snap=osmanthus]{top:45%;left:70%}.snap-marker[data-snap=river-lamp]{top:50%;left:50%;transform:translate(-50%,-50%)}.snap-marker[data-snap=sky-lantern]{top:45%;left:50%;transform:translate(-50%,-50%)}.scroll-hint{z-index:500;color:var(--text-secondary);opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:1rem;transition:opacity 1.2s;display:flex;position:fixed;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-hint.visible{opacity:1}.scroll-hint span{letter-spacing:.6em;text-indent:.6em;font-size:.8rem;font-family:var(--font-serif);color:var(--text-primary);opacity:.7}.scroll-hint-mouse{border:1.5px solid #f5d76e66;border-radius:12px;width:24px;height:38px;position:relative}.scroll-hint-mouse:after{content:"";background:var(--moon-gold);border-radius:2px;width:3px;height:6px;animation:1.8s ease-in-out infinite mouseWheel;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes mouseWheel{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(12px)}}.scroll-hint-line{background:linear-gradient(#f5d76e80,#0000);width:1px;height:32px;animation:2.2s ease-in-out infinite hintLine}@keyframes hintLine{0%{transform-origin:top;opacity:0;transform:scaleY(0)}30%{transform-origin:top;opacity:1;transform:scaleY(1)}70%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}@media (width<=768px) and (orientation:portrait){html{font-size:14px}.loader-moon-wrap{width:90px;height:90px}.scroll-hint{bottom:2rem}.scroll-hint span{font-size:.7rem}.scroll-hint-mouse{width:20px;height:32px}.scroll-hint-line{height:24px}.scene-title{font-size:.8rem;top:1.2rem}}@media (height<=500px) and (orientation:landscape){html{font-size:13px}.loader-moon-wrap{width:70px;height:70px}.loader{gap:1.2rem}.scroll-hint{gap:.4rem;bottom:.8rem}.scroll-hint-mouse{width:18px;height:28px}.scroll-hint-line{height:20px}}@media (width>=769px) and (width<=1024px){html{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.music-btn{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--moon-gold);font-family:var(--font-serif);cursor:pointer;letter-spacing:.1em;background:#140f28b3;border:1px solid #f5d76e4d;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;transition:all .3s;display:flex;position:fixed;top:20px;right:20px}.music-btn:hover{background:#281e3ccc;border-color:#f5d76e99;box-shadow:0 0 20px #f5d76e33}.music-btn .music-icon{font-size:1rem;transition:transform .3s}.music-btn.music-on .music-icon{animation:3s linear infinite music-spin}@keyframes music-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-btn.music-off{opacity:.7}.music-btn.music-off:hover{opacity:1}@media (width<=600px){.music-btn{padding:6px 12px;font-size:.7rem;top:12px;right:12px}.music-btn .music-label{display:none}}.autoplay-btn{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff8e1;font-family:var(--font-serif);cursor:pointer;letter-spacing:.1em;background:linear-gradient(135deg,#c8951ae6,#8a6d2fe6);border:1px solid #f5d76e80;border-radius:28px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;transition:all .3s;display:flex;position:fixed;bottom:24px;right:20px;box-shadow:0 4px 20px #8a6d2f66}.autoplay-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #f5d76e66}.autoplay-btn:active{transform:translateY(0)}.autoplay-btn.playing{background:linear-gradient(135deg,#3c3250e6,#281e3ce6)}.autoplay-btn .autoplay-icon{font-size:.9rem}.autoplay-btn.playing .autoplay-icon{animation:1.5s ease-in-out infinite autoplay-pulse}@keyframes autoplay-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=600px){.autoplay-btn{padding:8px 16px;font-size:.75rem;bottom:16px;right:12px}.autoplay-btn .autoplay-label{display:none}}