:root{--color-bg:#f7f3ee;--color-wood:#b8a48c;--color-wood-dark:#8c7860;--color-warm-gray:#a89f94;--color-gold:#f0c060;--color-candle:#f5a623;--color-text:#3d3326;--color-text-light:#7a6652;--color-panel-bg:hsla(38,45%,81%,.96);--color-overlay:rgba(0,0,0,.15);--font-zh:"KaiTi","STKaiti","AR PL UKai CN","Noto Serif SC",serif;--font-ui:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC",system-ui,sans-serif;--radius-sm:6px;--radius-md:12px;--radius-full:9999px;--transition-slow:1.5s ease;--transition-normal:0.3s ease;--shadow-soft:0 2px 16px rgba(0,0,0,.06);--shadow-float:0 4px 24px rgba(0,0,0,.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;font-family:var(--font-ui);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}@keyframes float-up{0%{opacity:1;top:0;scale:1}60%{opacity:.8}to{opacity:0;top:-80px;scale:1.2}}.animate-float-up{animation:float-up 1.2s ease-out forwards;position:relative;pointer-events:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .4s ease-out forwards}@keyframes crossfade{0%{opacity:0}to{opacity:1}}.animate-crossfade{animation:crossfade 1.5s ease}@keyframes soft-pulse{0%,to{opacity:.7}50%{opacity:1}}.animate-soft-pulse{animation:soft-pulse 2s ease-in-out infinite}.reset-view-btn{position:fixed;bottom:28px;right:28px;z-index:100;width:40px;height:40px;border-radius:50%;border:none;background:rgba(0,0,0,.35);color:rgba(200,168,96,.7);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all var(--transition-normal)}.reset-view-btn:hover{background:rgba(0,0,0,.6);color:#c8a860}.floating-nav{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:100}.nav-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);background:rgba(0,0,0,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.05);box-shadow:0 4px 16px rgba(0,0,0,.1)}.nav-btn:hover{background:rgba(0,0,0,.4);border-color:rgba(240,192,96,.3)}.nav-btn:hover .nav-icon{color:var(--color-gold);text-shadow:0 0 8px rgba(240,192,96,.5)}.nav-btn[aria-pressed=true]{background:rgba(240,192,96,.85);box-shadow:0 0 20px rgba(240,192,96,.3);border-color:#f0c060}.nav-icon{font-size:16px;font-family:var(--font-zh);color:hsla(40,67%,82%,.9);letter-spacing:.05em;transition:all var(--transition-normal)}.nav-btn[aria-pressed=true] .nav-icon{color:var(--color-text);text-shadow:none}.panel-shell.panel-center{left:50%;right:auto;transform:translate(-50%,-50%)}.panel-shell.panel-left{left:max(40px,12%);right:auto;transform:translateY(-50%)}.panel-shell.panel-right{left:auto;right:110px;transform:translateY(-50%)}@media (max-width:640px){.panel-shell{top:auto!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;width:min(96vw,360px)!important;max-height:85vh;border-radius:var(--radius-md) var(--radius-md) 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))}.floating-nav{right:0;left:0;top:auto;bottom:24px;transform:none;flex-direction:row;justify-content:center;gap:8px;padding:0 8px env(safe-area-inset-bottom,0)}.nav-btn{width:48px;height:48px}.nav-icon{font-size:14px}}@media (orientation:landscape) and (max-height:600px){.floating-nav{right:16px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;padding:0;gap:8px}.nav-btn{width:44px;height:44px}.nav-icon{font-size:14px}.panel-shell{top:50%!important;bottom:auto!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(90vw,420px)!important;max-height:94vh;padding:16px!important;border-radius:var(--radius-md)!important}.reset-view-btn{bottom:24px!important;right:24px!important}}@media (prefers-reduced-motion:reduce){.animate-crossfade,.animate-fade-in,.animate-float-up,.animate-soft-pulse{animation:none}}@keyframes cylinder-shake{0%,to{transform:translateX(0) rotate(0deg)}15%{transform:translateX(-6px) rotate(-5deg)}35%{transform:translateX(8px) rotate(6deg)}55%{transform:translateX(-4px) rotate(-3deg)}75%{transform:translateX(6px) rotate(4deg)}90%{transform:translateX(-2px) rotate(-1deg)}}.stick-falling{animation:stick-fall 1s linear forwards;transform-origin:top center}@keyframes stick-fall{0%{transform:translateX(-50%) translateY(0) rotate(0deg);opacity:1}10%{transform:translateX(20px) translateY(-44px) rotate(12deg);opacity:1}20%{transform:translateX(50px) translateY(-76px) rotate(22deg);opacity:1}32%{transform:translateX(85px) translateY(-88px) rotate(32deg);opacity:1}45%{transform:translateX(120px) translateY(-68px) rotate(45deg);opacity:1}55%{transform:translateX(155px) translateY(-28px) rotate(58deg);opacity:1}68%{transform:translateX(200px) translateY(24px) rotate(72deg);opacity:1}82%{transform:translateX(260px) translateY(56px) rotate(85deg);opacity:1}to{transform:translateX(330px) translateY(80px) rotate(90deg);opacity:1}}