@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Noto+Serif+SC:wght@300;400;600;900&family=Ma+Shan+Zheng&display=swap";:root{--bg-deep: #0a0a12;--bg-card: #12121f;--gold-bright: #ffd700;--gold-warm: #d4a574;--gold-dim: #8b7355;--mystic-purple: #6b4c9a;--mystic-glow: #9d7cd8;--candle-orange: #ff8c42;--candle-dim: #cc6b2e;--parchment: #f4e4bc;--parchment-dark: #d4c4a0;--text-main: #e8e0d0;--text-dim: #8a8070;--font-title: "Cinzel", serif;--font-chinese: "Noto Serif SC", "Ma Shan Zheng", serif;--font-body: "Noto Serif SC", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;width:100%;overflow-x:hidden;overflow-y:auto}body{font-family:var(--font-body);color:var(--text-main);background:var(--bg-deep);background-image:radial-gradient(ellipse at 50% 0%,rgba(107,76,154,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(255,140,66,.1) 0%,transparent 40%)}.app-container{height:100%;width:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.candle-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--candle-orange);border-radius:50%;opacity:0;animation:float-up 8s infinite;box-shadow:0 0 6px var(--candle-orange),0 0 12px var(--candle-orange)}@keyframes float-up{0%{opacity:0;transform:translateY(100vh) scale(.5)}10%{opacity:.8}90%{opacity:.3}to{opacity:0;transform:translateY(-20vh) scale(.2)}}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;z-index:1}.fade-enter{opacity:0;transform:scale(.98)}.fade-enter-active{opacity:1;transform:scale(1);transition:opacity .8s ease,transform .8s ease}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .5s ease}.title-main{font-family:var(--font-title);font-size:clamp(2rem,8vw,3.5rem);font-weight:700;color:var(--gold-bright);text-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3),0 2px 4px rgba(0,0,0,.8);letter-spacing:.15em;text-align:center}.title-sub{font-family:var(--font-chinese);font-size:clamp(1rem,4vw,1.4rem);color:var(--gold-warm);letter-spacing:.3em;margin-top:.5rem;opacity:.9}.mystic-text{font-family:var(--font-chinese);font-size:1.1rem;color:var(--text-main);line-height:2;text-align:center;opacity:.9}.mystic-text-glow{color:var(--mystic-glow);text-shadow:0 0 10px var(--mystic-purple)}.btn-mystic{background:transparent;border:1px solid var(--gold-warm);color:var(--gold-warm);padding:1rem 2.5rem;font-family:var(--font-chinese);font-size:1.1rem;letter-spacing:.2em;cursor:pointer;position:relative;overflow:hidden;transition:all .4s ease}.btn-mystic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s ease}.btn-mystic:hover{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 20px #ffd70033}.btn-mystic:hover:before{left:100%}.btn-mystic:active{transform:scale(.98)}.input-mystic{background:#ffffff08;border:none;border-bottom:1px solid var(--gold-dim);color:var(--text-main);padding:1rem;font-family:var(--font-chinese);font-size:1.2rem;text-align:center;width:100%;max-width:300px;outline:none;transition:border-color .3s ease}.input-mystic:focus{border-bottom-color:var(--gold-bright)}.input-mystic::placeholder{color:var(--text-dim);font-size:.9rem}.rune-circle{width:200px;height:200px;border:2px solid var(--gold-dim);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;animation:rotate-slow 60s linear infinite}.rune-circle:before{content:"☉ ☽ ✧ ⚝ ✦ ☿ ♃ ♄";position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--gold-warm);letter-spacing:.5em;opacity:.6}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fortune-card{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:12px;padding:2rem;max-width:400px;width:100%;box-shadow:0 0 30px #00000080,inset 0 0 30px #6b4c9a1a}.zodiac-image{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,215,0,.3))}.typewriter{overflow:hidden;white-space:pre-wrap;animation:typing .05s steps(1) forwards}.loading-dots{display:inline-flex;gap:.3em}.loading-dots span{animation:dot-pulse 1.4s infinite;opacity:.3}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,60%,to{opacity:.3}30%{opacity:1}}.scroll-area{flex:1;overflow-y:auto;width:100%;padding:1rem;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.scroll-area::-webkit-scrollbar{width:4px}.scroll-area::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.chat-bubble{max-width:85%;padding:1rem 1.2rem;margin-bottom:1rem;border-radius:12px;line-height:1.8;animation:bubble-in .4s ease}.chat-bubble.oracle{background:linear-gradient(135deg,#6b4c9a4d,#6b4c9a1a);border:1px solid rgba(157,124,216,.3);align-self:flex-start;border-bottom-left-radius:4px}.chat-bubble.user{background:#ffd7001a;border:1px solid rgba(255,215,0,.2);align-self:flex-end;border-bottom-right-radius:4px}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-scroll{background:linear-gradient(180deg,var(--parchment) 0%,var(--parchment-dark) 100%);color:#2a2a2a;padding:2rem;border-radius:8px;max-width:400px;width:100%;box-shadow:0 4px 20px #0000004d,inset 0 0 50px #8b735533;position:relative}.result-scroll:before,.result-scroll:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:90%;height:20px;background:linear-gradient(90deg,transparent,var(--gold-dim) 20%,var(--gold-warm) 50%,var(--gold-dim) 80%,transparent);border-radius:10px}.result-scroll:before{top:-10px}.result-scroll:after{bottom:-10px}@media (max-width: 480px){.screen{padding:1rem}.fortune-card{padding:1.5rem}.btn-mystic{padding:.8rem 2rem;font-size:1rem}}