*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft JhengHei,Noto Sans CJK TC,Heiti TC,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;touch-action:manipulation}body{background-color:#fff}#root{width:100%;height:100%;padding:0;max-width:430px;margin:0 auto;position:relative}button{font-family:inherit;border:none;outline:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}button:active{outline:none}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(orientation:landscape){body:before{content:"請將裝置轉為直式以獲得最佳體驗 📱";position:fixed;inset:0;background:#000000e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;text-align:center;z-index:99999;padding:20px}}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom,0px) + 20px);background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.home-title{font-size:48px;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.3);margin-bottom:20px;text-align:center;animation:bounce 2s ease-in-out infinite}.home-subtitle{font-size:24px;color:#fff;margin-bottom:40px;text-align:center}.start-button{font-size:32px;padding:20px 60px;background:gold;color:#c41e3a;border:4px solid #ff8c00;border-radius:50px;cursor:pointer;font-weight:700;box-shadow:0 8px 20px #0000004d;transition:all .3s ease;min-width:200px}.start-button:hover{transform:scale(1.1);box-shadow:0 10px 30px #0006}.start-button:active{transform:scale(1.05)}.home-instructions{margin-top:40px;text-align:center}.home-instructions p{font-size:20px;color:#fff;margin:10px 0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.god-of-wealth-container{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,#ffd7004d,#ffd70000);z-index:5;pointer-events:none}.god-of-wealth{position:absolute;top:10px;transform:translate(-50%);pointer-events:none;will-change:left}.god-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.red-envelope{position:absolute;cursor:pointer;z-index:10;transition:none;transform-origin:center center}.red-envelope.collected{z-index:100;cursor:default}.envelope-hitbox{position:relative;width:100%;height:100%;padding:20%;margin:-20%}.red-envelope:hover .envelope-image{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,215,0,.6))}.red-envelope:active .envelope-image{filter:brightness(.9) drop-shadow(0 4px 10px rgba(0,0,0,.4))}.gold-ingot .envelope-image{filter:drop-shadow(0 0 15px rgba(255,215,0,.8)) drop-shadow(0 4px 10px rgba(0,0,0,.3));animation:goldGlow 1.5s ease-in-out infinite}.gold-ingot:hover .envelope-image{filter:brightness(1.3) drop-shadow(0 0 20px rgba(255,215,0,1)) drop-shadow(0 4px 10px rgba(0,0,0,.3))}@keyframes goldGlow{0%,to{filter:drop-shadow(0 0 15px rgba(255,215,0,.8)) drop-shadow(0 4px 10px rgba(0,0,0,.3))}50%{filter:drop-shadow(0 0 25px rgba(255,215,0,1)) drop-shadow(0 4px 10px rgba(0,0,0,.3))}}.envelope-image{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));transition:filter .2s ease;pointer-events:none}.game{position:relative;height:100dvh;width:100%;background-image:url(/BG.png);background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden}.info-card{background:#fffffff2;padding:15px 25px;border-radius:20px;box-shadow:0 6px 20px #00000040;display:flex;align-items:center;gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,215,0,.3)}.info-icon{font-size:40px;line-height:1}.info-content{display:flex;flex-direction:column;gap:2px}.info-label{font-size:14px;color:#666;font-weight:600}.info-value{font-size:32px;font-weight:700;color:#c41e3a;line-height:1}.game-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.timer-card{animation:pulse 2s ease-in-out infinite}.score-info{position:absolute;bottom:max(20px,env(safe-area-inset-bottom,0px) + 10px);left:50%;transform:translate(-50%);z-index:100}.score-card{min-width:260px;background:linear-gradient(135deg,#ffd700f2,#ff8c00f2);border:2px solid rgba(255,215,0,.8)}.score-card .info-label{color:#8b4513}.score-card .info-value{color:#c41e3a;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.envelope-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.envelope-container>*{pointer-events:auto}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:480px){.info-card{padding:12px 20px}.info-icon{font-size:32px}.info-label{font-size:12px}.info-value{font-size:26px}.score-card{min-width:220px}.game-info{top:45%}.score-info{bottom:max(15px,env(safe-area-inset-bottom,0px) + 10px)}}.result{display:flex;align-items:center;justify-content:center;height:100dvh;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom,0px) + 20px);background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.result-content{display:flex;flex-direction:column;align-items:center;background:#fffffff2;padding:40px;border-radius:30px;box-shadow:0 10px 40px #0000004d;max-width:400px;width:100%}.result-title{font-size:36px;color:#c41e3a;margin-bottom:30px;text-align:center}.score-display{text-align:center;margin-bottom:30px}.score-label{font-size:20px;color:#666;margin-bottom:10px}.score-value{font-size:56px;color:gold;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.blessing{background:linear-gradient(135deg,gold,#ff8c00);padding:20px 30px;border-radius:20px;margin-bottom:30px;box-shadow:0 4px 15px #0003}.blessing-text{font-size:24px;color:#c41e3a;font-weight:700;text-align:center;margin:0}.restart-button{font-size:28px;padding:15px 50px;background:#c41e3a;color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:700;box-shadow:0 6px 20px #0000004d;transition:all .3s ease}.restart-button:hover{transform:scale(1.1);box-shadow:0 8px 25px #0006}.restart-button:active{transform:scale(1.05)}.app{width:100%;height:100vh;margin:0;padding:0}
