*{margin:0;padding:0;box-sizing:border-box}:root{--primary-red:#ff3a5e;--primary-gold:#f5b43c;--primary-pink:#ffaec9;--primary-orange:#ffa94d;--text-dark:#333;--text-light:#fff;--glass-bg:hsla(0,0%,100%,0.8);--glass-border:hsla(0,0%,100%,0.5);--glass-shadow:rgba(0,0,0,0.1)}body{font-family:"Noto Sans TC",sans-serif;background-color:#f5f5f5;color:var(--text-dark);line-height:1.6;overflow-x:hidden}.app-container{width:100%;min-height:100vh;position:relative;padding-bottom:40px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px 0 var(--glass-shadow)}.temple-background{background-image:url(/assets/images/temple.png);background-position:50%;opacity:.2;z-index:-2}.red-lines,.temple-background{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover}.red-lines{background-image:url(/assets/images/redline.png);opacity:.1;z-index:-1}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;z-index:1;pointer-events:none}.content-container{position:relative;z-index:5;max-width:600px;padding:2rem}.button{padding:12px 24px;background:linear-gradient(135deg,var(--primary-red),#ff6b6b);color:var(--text-light);border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px hsla(0,100%,71%,.4);transition:all .3s ease}.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,100%,71%,.5)}.button:active{transform:translateY(1px)}.button:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.start-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(hsla(0,0%,100%,.7),rgba(255,58,94,.1));overflow:hidden}.main-title{font-size:2.5rem;color:#fff;margin-bottom:1rem;text-shadow:0 2px 10px rgba(255,141,160,.3);position:relative}.main-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#ff8da0,transparent)}.subtitle{font-size:1.2rem;color:#e7e7e7;margin-bottom:2rem}.start-button{padding:14px 40px;background:linear-gradient(135deg,var(--primary-red),#ff6b6b);color:var(--text-light);border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px hsla(0,100%,71%,.4);transition:all .3s ease}.start-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px hsla(0,100%,71%,.5)}.title-container{position:relative;display:inline-block;margin-bottom:1rem}.title-glow{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:150%;height:60px;background:radial-gradient(ellipse at center,rgba(255,250,240,.9) 0,rgba(255,250,240,0) 70%);border-radius:50%;z-index:-1;filter:blur(12px)}.question-page{min-height:100vh;justify-content:center;padding:2rem 1rem;background:linear-gradient(hsla(0,0%,100%,.7),rgba(255,165,79,.1))}.question-container,.question-page{width:100%;display:flex;align-items:center}.question-container{max-width:700px;flex-direction:column;z-index:10;margin-bottom:40px;margin-top:40px}.question-card{width:100%;padding:2rem;margin-bottom:2rem;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px 0 var(--glass-shadow)}.question-text{font-size:1.4rem;margin-bottom:1.5rem;text-align:center;color:var(--text-dark)}.options-container{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.option{padding:1.2rem;border-radius:15px;background-color:hsla(0,0%,100%,.7);box-shadow:0 4px 15px rgba(0,0,0,.05);transition:none;cursor:pointer;display:flex;align-items:center;min-height:70px;border:2px solid transparent;will-change:transform;position:relative;overflow:hidden}.option:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08);background-color:hsla(0,0%,100%,.85)}.option:active:after{animation:ripple .6s ease-out}.option.selected{background-color:hsla(0,0%,100%,.95);border:2px solid var(--primary-red);box-shadow:0 6px 20px rgba(255,58,94,.15);transform:translateY(-2px)}.option-letter{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-red),#ff6b6b);color:var(--text-light);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;margin-right:15px;flex-shrink:0}.option-text{flex-grow:1;font-size:1.1rem}.progress-container{width:100%;margin-bottom:1.5rem;display:flex;justify-content:center}.progress-bar-background{width:90%;height:12px;background-color:hsla(0,0%,100%,.3);border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 5px rgba(0,0,0,.1)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-red),#ff6b6b);border-radius:10px;transition:width .5s ease-in-out}.progress-text{font-size:.9rem;color:#666;font-weight:500}.progress-indicator{font-size:1rem;color:#666;margin-bottom:1rem;font-weight:500}.navigation-buttons{display:flex;justify-content:center;width:100%;margin-top:1.5rem}.nav-button{padding:12px 30px;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.prev-button{background-color:#f0f0f0;color:#666;border:1px solid #ddd}.prev-button:hover:not(:disabled){background-color:#e5e5e5;transform:translateX(-2px)}.next-button{background:linear-gradient(135deg,var(--primary-red),#ff6b6b);color:var(--text-light);border:none;box-shadow:0 4px 15px hsla(0,100%,71%,.3)}.next-button:hover:not(:disabled){transform:translateX(2px);box-shadow:0 6px 20px hsla(0,100%,71%,.4)}.nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ripple{position:absolute;width:5px;height:5px;background:rgba(255,58,94,.3);border-radius:100%;animation:ripple .6s ease-out;opacity:0}@keyframes ripple{0%{transform:scale(0);opacity:.5}20%{transform:scale(25);opacity:.5}to{transform:scale(40);opacity:0}}.zonghan-explosion{position:relative;width:100%;height:300px;display:flex;justify-content:center;align-items:center}.zonghan-character{width:150px;height:150px;background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;z-index:12}.zonghan-0,.zonghan-character{background-image:url(/assets/images/zonghan.png)}.zonghan-1{background-image:url(/assets/images/zonghan2.png)}.zonghan-2{background-image:url(/assets/images/zonghan3.png)}.explosion-effect{width:250px;height:250px;background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;z-index:11}.explosion-0,.explosion-effect{background-image:url(/assets/images/explosion.png)}.explosion-1{background-image:url(/assets/images/explosion2.png)}.explosion-2{background-image:url(/assets/images/explosion3.png)}.explosion-effect.身體{filter:hue-rotate(320deg)}.explosion-effect.時間{filter:hue-rotate(30deg)}.explosion-effect.禮物{filter:hue-rotate(270deg)}.explosion-effect.服務{filter:hue-rotate(120deg)}.explosion-effect.讚美{filter:hue-rotate(50deg)}.name-input-page{min-height:100vh;justify-content:center;padding:2rem 1rem;background:linear-gradient(hsla(0,0%,100%,.7),rgba(255,58,94,.1))}.name-input-content,.name-input-page{width:100%;display:flex;align-items:center;position:relative}.name-input-content{max-width:800px;flex-direction:column;z-index:10;grid-gap:0;gap:0}.yuelao-container{position:relative;margin-bottom:-20px}.yuelao-character{width:180px;height:280px;background-image:url(/assets/images/yuelao.png);background-size:contain;background-repeat:no-repeat;background-position:bottom;position:relative;z-index:2}.yuelao-glow{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:1500px;height:500px;background:radial-gradient(ellipse at center,rgba(255,250,240,.9) 0,rgba(255,250,240,0) 70%);border-radius:50%;z-index:1;filter:blur(12px)}.speech-bubble{position:absolute;top:-60px;right:-80px;width:200px;padding:15px;background:#fff;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.1);text-align:center;font-weight:500;color:var(--text-dark);z-index:3}.speech-bubble:after{content:"";position:absolute;left:30px;bottom:-15px;border-color:#fff transparent;border-style:solid;border-width:15px 15px 0}.name-input-form{width:350px;max-width:90%;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;z-index:2;margin-top:0;display:flex;flex-direction:column;align-items:center}.input-wrapper{width:100%;margin-bottom:1rem}.name-input{width:100%;padding:15px 20px;font-size:1.1rem;border:2px solid var(--primary-pink);border-radius:15px;outline:none;transition:all .3s ease;background-color:hsla(0,0%,100%,.8);box-shadow:0 0 20px hsla(0,0%,100%,.3)}.name-input:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(255,58,94,.2)}.name-input-container{width:100%;max-width:500px;padding:2.5rem;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px 0 var(--glass-shadow);z-index:2}.submit-button{width:200px;padding:14px 0;background:linear-gradient(135deg,var(--primary-red),#ff6b6b);color:var(--text-light);border:none;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px hsla(0,100%,71%,.3);transition:all .3s ease}.submit-button:hover{box-shadow:0 6px 20px hsla(0,100%,71%,.4);transform:translateY(-2px)}.loading-page{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;transition:background-color 1s ease}.flying-lanterns,.loading-page{position:fixed;top:0;left:0;width:100%}.flying-lanterns{height:100%;pointer-events:none;z-index:5}.loading-container{display:flex;flex-direction:column;align-items:center;z-index:10}.loading-circle{width:200px;height:200px;border:4px dashed var(--primary-gold);border-radius:50%;position:relative;margin-bottom:2rem}.loading-zonghan{width:60px;height:60px;background-image:url(/assets/images/zonghan.png);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-text{font-size:1.3rem;color:var(--text-dark);font-weight:500}.result-page{min-height:100vh;overflow-y:auto;background-color:#000;flex-direction:column}.explosion-container,.result-page{width:100%;position:relative;display:flex;align-items:center}.explosion-container{height:100vh;justify-content:center}.fortune-slip-background{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;z-index:1}.result-content-container{position:relative;max-width:600px;z-index:2;padding:3rem 1rem 5rem;text-align:center;margin:0 auto}.capture-area,.result-content-container{width:100%;display:flex;flex-direction:column;align-items:center}.result-header{text-align:center;margin-bottom:1.5rem;width:100%}.result-title{font-size:1.8rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-weight:700}.result-animal{display:flex;justify-content:center;margin-bottom:1.5rem;width:100%}.animal-image{width:120px;height:120px;background-size:contain;background-repeat:no-repeat;background-position:50%;filter:drop-shadow(0 0 10px rgba(255,255,255,.7))}.animal-image.身體{background-image:url(/assets/images/koala.png)}.animal-image.時間{background-image:url(/assets/images/dog.png)}.animal-image.禮物{background-image:url(/assets/images/cat.png)}.animal-image.服務{background-image:url(/assets/images/bull.png)}.animal-image.讚美{background-image:url(/assets/images/fox.png)}.result-content{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;width:100%;align-items:center}.result-explanation,.result-keywords,.result-poem,.result-reminder,.result-sentence{margin-bottom:.8rem;background-color:hsla(0,0%,100%,.85);padding:1rem;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px rgba(0,0,0,.1);width:100%;max-width:550px}.reminder-container h2,.result-explanation h2,.result-keywords h2,.result-poem h2,.result-sentence h2,.zonghan-example h2{font-size:1.1rem;color:var(--primary-red);margin-bottom:.3rem;text-align:center}.reminder-container p,.result-explanation p,.result-keywords p,.result-poem p,.result-sentence p,.zonghan-example p{font-size:.95rem;line-height:1.5;text-align:center}.result-poem{text-align:center;background-color:rgba(245,180,60,.1);border:1px dashed var(--primary-gold)}.result-poem h2{font-size:1.3rem;color:#d4860f;margin-bottom:.5rem;text-align:center}.result-poem p{text-align:center;font-weight:500;font-size:1.1rem}.zonghan-example{margin-top:.8rem;padding-top:1rem;border-top:1px dashed #ddd}.social-buttons{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:10px;gap:10px;margin:2rem 0 1rem;width:100%}.social-button{padding:12px 20px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2)}.social-button.instagram{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)}.social-button.threads{background-color:#000}.social-button.form{background-color:#a62c00}.social-button:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.25)}.social-icon{width:20px;height:20px;margin-right:8px;background-size:contain;background-repeat:no-repeat;background-position:50%}.instagram-icon{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>')}.youtube-icon{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0C.488 3.45.029 5.804 0 12c.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0C23.512 20.55 23.971 18.196 24 12c-.029-6.185-.484-8.549-4.385-8.816zM9 16V8l8 3.993L9 16z"/></svg>')}.threads-icon{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.77 14.022c-.097 2.091-1.533 3.728-3.962 3.924-1.254.102-2.191-.208-2.979-.752.157.032.313.047.468.047 1.134 0 2.6-.914 2.6-2.042v-.101a1.002 1.002 0 00-1.688-.739c.392-.694 1.09-1.176 1.903-1.176 1.208 0 2.188.979 2.188 2.186a2.183 2.183 0 01-2.188 2.176 2.19 2.19 0 01-2.042-1.406 1.002 1.002 0 00-.313.726v.101c0 1.128 1.466 2.042 2.6 2.042.155 0 .31-.015.466-.047-.645.446-1.44.7-2.443.752-2.418-.196-3.854-1.833-3.951-3.924-.044-.992.306-1.736.816-2.304a1.376 1.376 0 00-.257.806c0 1.25 1.63 2.266 2.8 2.266.168 0 .336-.02.493-.051a.357.357 0 01-.063-.201v-.101c0-.555.447-1.009 1.002-1.009.217 0 .418.07.581.187-.124-.815-.638-1.449-1.307-1.705.13-.059.274-.091.425-.091a2.187 2.187 0 110 4.372 2.17 2.17 0 01-1.471-.572.618.618 0 00.501.262c.555 0 1.003-.454 1.003-1.009v-.101c0-.555-.447-1.009-1.003-1.009a.995.995 0 00-.721.309 2.916 2.916 0 01-.05-.537c0-1.25 1.63-2.266 2.8-2.266.168 0 .336.02.493.052a.615.615 0 00-.501-.262c-.555 0-1.002.454-1.002 1.009v.101c0 .555.447 1.009 1.002 1.009a.987.987 0 00.581-.187c-.013.104-.02.209-.02.317a2.186 2.186 0 003.339 1.857.542.542 0 01-.207-.427v-.101c0-.555.447-1.009 1.002-1.009.441 0 .815.285.95.681.01-.118.016-.236.016-.358 0-1.128-.933-2.056-2.096-2.086.513-.568 1.172-.992 2.022-.952 2.429.196 3.865 1.833 3.962 3.924a3.104 3.104 0 01-.817 2.303c.168-.232.257-.516.257-.806 0-1.25-1.63-2.266-2.8-2.266-.168 0-.336.02-.493.051.041.06.063.13.063.201v.101c0 .555-.447 1.009-1.002 1.009a.996.996 0 01-.581-.186c.028-.21.042-.424.042-.642a2.184 2.184 0 00-3.337-1.858.545.545 0 01.207.427v.101a1.003 1.003 0 01-1.952.328c-.01.116-.016.234-.016.355 0 1.25 1.63 2.266 2.8 2.266.168 0 .336-.02.494-.052a.616.616 0 01-.501.262 1.007 1.007 0 01-1.003-1.009v-.101c0-.555.448-1.009 1.003-1.009.284 0 .537.119.72.308a2.88 2.88 0 00.05-.524c0-1.25-1.63-2.266-2.8-2.266-.168 0-.336.02-.494.051.116.16.296.262.501.262.555 0 1.003-.454 1.003-1.009v-.101a1.006 1.006 0 00-1.864-.526 2.847 2.847 0 012.175-1.013c1.563 0 2.854 1.252 2.936 2.797.1.242.15.486.15.736a2.186 2.186 0 01-3.784 1.492.391.391 0 00-.076.233v.101a1.004 1.004 0 001.837.565c-.2.845-.778 1.532-1.54 1.776-.069.022-.139.04-.21.054.209.136.444.212.692.212.81 0 1.477-.74 1.477-1.65s-.667-1.651-1.478-1.651c-.21 0-.41.05-.586.139a1.495 1.495 0 00-.373.269v.002c.055-.778.696-1.401 1.484-1.459a.938.938 0 01.362.05c.117.04.225.099.324.17-.001.021-.003.041-.003.063v.101a1.002 1.002 0 002.001.078c.413.637 1.152 1.04 1.976 1.04a2.187 2.187 0 002.188-2.186 2.183 2.183 0 00-2.188-2.176 2.19 2.19 0 00-2.042 1.406c.196-.186.313-.447.313-.726v-.101c0-1.128-1.466-2.042-2.6-2.042-.155 0-.31.015-.466.047.787-.544 1.724-.854 2.979-.752 2.429.196 3.865 1.833 3.962 3.924.044.992-.306 1.736-.816 2.304.168-.232.257-.516.257-.806 0-1.25-1.63-2.266-2.8-2.266-.168 0-.336.02-.493.051.041.06.063.13.063.201v.101c0 .555-.447 1.009-1.002 1.009a.994.994 0 01-.581-.186c.124.815.638 1.449 1.307 1.705-.13.059-.274.091-.424.091a2.186 2.186 0 111.471-3.8.618.618 0 00-.501-.262c-.555 0-1.003.454-1.003 1.009v.101c0 .555.447 1.009 1.003 1.009a.998.998 0 00.721-.308c.033.175.051.354.051.534 0 1.25-1.63 2.266-2.8 2.266-.168 0-.336-.02-.494-.051a.618.618 0 00.501.262c.555 0 1.003-.454 1.003-1.009v-.101c0-.555-.447-1.009-1.003-1.009a.994.994 0 00-.581.186c.013-.103.02-.208.02-.315a2.186 2.186 0 00-3.339-1.858.542.542 0 01.207.427v.101a1.003 1.003 0 01-1.952.328 3.705 3.705 0 00-.017.352c0 1.128.933 2.056 2.096 2.086-.513.568-1.172.992-2.022.952l-.104-.01a.616.616 0 00.53.316.628.628 0 00.492-1.02 4.26 4.26 0 002.789 1.184c2.429-.196 3.865-1.833 3.962-3.924a3.104 3.104 0 00-.817-2.303z"/></svg>')}.capture-buttons{margin:1rem 0;width:100%;display:flex;justify-content:center}.capture-button{padding:12px 25px;background-color:#4caf50;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:all .3s ease}.capture-button:hover{background-color:#45a049;transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.25)}.capture-button:disabled{background-color:#aaa;cursor:not-allowed;transform:none;box-shadow:0 2px 5px rgba(0,0,0,.1)}.ig-button{padding:12px 30px;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(220,39,67,.3);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.ig-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,39,67,.4)}.ig-icon{display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z' fill='%23FFF'/%3E%3C/svg%3E");background-size:cover;margin-right:8px}.restart-container{margin-top:1rem;text-align:center;width:100%}.restart-button{padding:12px 30px;background:linear-gradient(135deg,var(--primary-red),#ff6b6b);color:var(--text-light);border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px hsla(0,100%,71%,.3);transition:all .3s ease;width:max-content}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,100%,71%,.4)}.buttons-container{display:flex;flex-direction:column;align-items:center;width:100%;grid-gap:1rem;gap:1rem;margin-top:1.5rem}.ig-button-container{width:100%;display:flex;justify-content:center}.share-buttons{margin-top:2rem;text-align:center}.share-buttons h2{font-size:1.2rem;margin-bottom:1rem}.share-button{padding:10px 20px;border-radius:30px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;color:#fff}.share-button.facebook{background-color:#3b5998}.share-button.line{background-color:#00c300}.share-button.twitter{background-color:#1da1f2}.share-button.copy{background-color:#666}.share-button:hover{transform:translateY(-2px);opacity:.9}.lanterns-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.lantern{position:absolute;top:0;width:120px;height:210px;background-image:url(/assets/images/lantern.png);background-size:contain;background-repeat:no-repeat;background-position:50%;filter:drop-shadow(0 0 10px rgba(255,220,180,.5));transform-origin:top center}.site-footer{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.8);color:#fff;padding:10px 0;text-align:center;font-size:.8rem;z-index:100}.marquee-container{width:100%;overflow:hidden;position:relative;height:20px}.marquee-text{white-space:nowrap;position:absolute;padding:0 20px;display:inline-block;will-change:transform}.preload-audio{display:none}.music-player{position:fixed;top:20px;right:20px;z-index:1000}.music-toggle{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.7);border:2px solid var(--primary-red);color:var(--primary-red);display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 15px hsla(0,100%,71%,.3);transition:all .3s ease;padding:0}.music-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px hsla(0,100%,71%,.4)}.music-toggle.playing{background:var(--primary-red);color:#fff}.music-toggle.paused{color:var(--primary-red)}@media (max-width:768px){.main-title{font-size:2rem}.subtitle{font-size:1rem}.name-input-content{flex-direction:column;align-items:center}.yuelao-character{width:150px;height:200px;margin-bottom:50px}.speech-bubble{width:150px;right:-30px;font-size:.9rem}.question-text{font-size:1.2rem}.option{padding:1rem}.option-letter{width:35px;height:35px;font-size:.9rem}.option-text{font-size:1rem}.result-title{font-size:1.6rem}.result-card{padding:1.5rem}.share-button{padding:8px 15px;font-size:.8rem}.lantern{width:90px;height:155px}.title-glow{height:40px;bottom:-20px;width:140%}.yuelao-glow{width:120px;height:40px;bottom:-10px}.yuelao-container{margin-bottom:-30px}.name-input-form{padding:0 1rem;width:300px;max-width:90%}.submit-button{width:180px}.question-container{margin-top:30px;padding:0 1rem}.progress-bar-background{width:95%;height:10px}.result-content-wrapper{padding:2rem 1rem}.animal-image{width:100px;height:100px}.reminder-container h2,.result-explanation h2,.result-keywords h2,.result-poem h2,.result-sentence h2,.zonghan-example h2{font-size:1rem}.reminder-container p,.result-explanation p,.result-keywords p,.result-poem p,.result-sentence p,.zonghan-example p{font-size:.9rem}.social-buttons{flex-direction:column;align-items:center}.social-button{width:100%;max-width:250px;padding:10px 15px;font-size:.9rem}.capture-button{padding:10px 20px;font-size:.9rem}}@media (max-width:480px){.main-title{font-size:1.8rem}.start-button{padding:12px 30px;font-size:1rem}.question-card{padding:1.5rem}.nav-button{padding:10px 20px;font-size:.9rem}.yuelao-character{width:150px;height:230px}.speech-bubble{width:150px;top:-50px;right:-60px;font-size:.9rem}.name-input-container{padding:1.5rem}.buttons-container{flex-direction:row;flex-wrap:wrap}.share-button{width:45%;margin-bottom:10px}.result-title{font-size:1.3rem}.reminder-container h2,.result-explanation h2,.result-keywords h2,.result-poem h2,.result-sentence h2,.zonghan-example h2{font-size:1.1rem}.lantern{width:80px;height:135px}.site-footer{font-size:.7rem;padding:8px 0}.marquee-container{height:16px}.question-container{margin-top:20px}.progress-bar-background{height:8px}.name-input-form{width:280px}.submit-button{width:150px}.result-content-wrapper{padding:1.5rem .8rem}.animal-image{width:80px;height:80px}.result-explanation,.result-keywords,.result-poem,.result-reminder,.result-sentence{padding:.8rem}.reminder-container h2,.result-explanation h2,.result-keywords h2,.result-poem h2,.result-sentence h2,.zonghan-example h2{font-size:.9rem}.reminder-container p,.result-explanation p,.result-keywords p,.result-poem p,.result-sentence p,.zonghan-example p{font-size:.8rem}.restart-button{padding:10px 25px;font-size:.9rem}.social-button{padding:10px 15px;font-size:.9rem;min-width:160px;width:80%;text-align:center}.capture-button{width:80%}.social-buttons{flex-direction:column;align-items:center}}#fixed-character{position:fixed;bottom:30px;right:10px;width:60px;height:80px;z-index:10000}#fixed-character img{position:absolute;bottom:0;right:0;width:90px;height:auto;cursor:pointer;z-index:10001}.character-bubble{position:absolute;bottom:20px;right:90px;background-color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 2px 8px rgba(0,0,0,.15);max-width:280px;width:max-content;min-width:180px;z-index:10002;white-space:normal;animation:bubble-fade-in .3s ease;left:max(20px,auto)}.character-bubble:after{content:"";position:absolute;bottom:15px;right:-10px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #fff}.character-bubble p{margin:0;padding:0;font-size:14px;line-height:1.5}.character-jump{animation:jump .3s ease}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bubble-fade-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.bubble-fade-out{animation:bubble-fade-out .3s ease forwards}@keyframes bubble-fade-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}@media (max-width:500px){.character-bubble{max-width:calc(100vw - 150px);min-width:150px;padding:10px 14px}}.video-prompt-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:80%;max-width:600px;z-index:10}.video-prompt-text{font-size:24px;margin-bottom:30px;color:#333;font-weight:700}.play-button{background-color:#ff4d4f;border:none;border-radius:50%;width:64px;height:64px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0 auto;box-shadow:0 4px 12px rgba(255,77,79,.5);transition:transform .3s}.play-button:hover{transform:scale(1.1)}.play-button:active{transform:scale(.95)}.video-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;aspect-ratio:16/9;box-shadow:0 8px 24px rgba(0,0,0,.2);border-radius:8px;overflow:hidden}.preview-video{width:100%;height:100%;object-fit:cover}.device-warning{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10000}.device-warning-content{background-color:#fff;padding:2rem;border-radius:15px;max-width:80%;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.3)}.device-warning-content p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6;color:var(--text-dark)}.device-warning-content button{padding:10px 20px;background:linear-gradient(135deg,var(--primary-red),#ff6b6b);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.device-warning-content button:hover{transform:translateY(-2px);box-shadow:0 4px 10px hsla(0,100%,71%,.3)}
/*# sourceMappingURL=main.7f848497.chunk.css.map */