*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh;overflow:hidden}.midnight-bento-house[data-v-29d84524]{width:100%;height:100vh;background:linear-gradient(180deg,#1a1c2c,#2d1b3d);position:relative;overflow:hidden}.star-background[data-v-29d84524]{position:absolute;width:100%;height:100%;overflow:hidden}.star[data-v-29d84524]{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle-29d84524 linear infinite}@keyframes twinkle-29d84524{0%,to{opacity:.3}50%{opacity:1}}.main-container[data-v-29d84524]{position:relative;max-width:1200px;height:100vh;margin:0 auto;padding:20px;display:flex;flex-direction:column;z-index:1}.header[data-v-29d84524]{text-align:center;margin-bottom:20px;padding:20px}.title[data-v-29d84524]{color:#fdf5e6;font-size:36px;font-weight:700;margin-bottom:10px;text-shadow:0 0 10px rgba(253,245,230,.3)}.subtitle[data-v-29d84524]{color:#c9b8a0;font-size:16px;font-style:italic}.chat-container[data-v-29d84524]{flex:1;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(253,245,230,.1);padding:20px;display:flex;flex-direction:column;overflow:hidden}.messages-wrapper[data-v-29d84524]{flex:1;overflow-y:auto;padding:10px;margin-bottom:20px;scroll-behavior:smooth}.messages-wrapper[data-v-29d84524]::-webkit-scrollbar{width:6px}.messages-wrapper[data-v-29d84524]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.messages-wrapper[data-v-29d84524]::-webkit-scrollbar-thumb{background:#fdf5e64d;border-radius:3px}.message[data-v-29d84524]{margin-bottom:20px;display:flex}.message.user[data-v-29d84524]{justify-content:flex-end}.message.assistant[data-v-29d84524]{justify-content:flex-start}.message-content[data-v-29d84524]{max-width:70%;position:relative}.message-bubble[data-v-29d84524]{padding:15px 20px;border-radius:18px;position:relative;word-wrap:break-word}.message.user .message-bubble[data-v-29d84524]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-bubble[data-v-29d84524]{background:#fdf5e6;color:#333;border-bottom-left-radius:4px;box-shadow:0 2px 10px #0000001a}.cursor-blink[data-v-29d84524]{animation:blink-29d84524 1s infinite}@keyframes blink-29d84524{0%,50%{opacity:1}51%,to{opacity:0}}.steam[data-v-29d84524]{position:absolute;top:-30px;left:20px;width:50px;height:30px;pointer-events:none}.steam-particle[data-v-29d84524]{position:absolute;width:6px;height:6px;background:#fdf5e666;border-radius:50%;animation:steam-rise-29d84524 3s ease-in infinite}.steam-particle[data-v-29d84524]:nth-child(1){left:10px;animation-delay:0s}.steam-particle[data-v-29d84524]:nth-child(2){left:20px;animation-delay:1s}.steam-particle[data-v-29d84524]:nth-child(3){left:30px;animation-delay:2s}@keyframes steam-rise-29d84524{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:.6}to{transform:translateY(-30px) scale(.3);opacity:0}}.typing-indicator[data-v-29d84524]{display:inline-flex;gap:4px}.typing-indicator span[data-v-29d84524]{width:8px;height:8px;background:#999;border-radius:50%;animation:typing-29d84524 1.4s infinite}.typing-indicator span[data-v-29d84524]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-29d84524]:nth-child(3){animation-delay:.4s}@keyframes typing-29d84524{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.input-area[data-v-29d84524]{display:flex;gap:10px}.message-input[data-v-29d84524]{flex:1;padding:15px 20px;border:2px solid rgba(253,245,230,.3);border-radius:25px;background:#ffffff1a;color:#fdf5e6;font-size:16px;outline:none;transition:all .3s ease}.message-input[data-v-29d84524]::placeholder{color:#fdf5e680}.message-input[data-v-29d84524]:focus{border-color:#fdf5e6;background:#ffffff26}.message-input[data-v-29d84524]:disabled{opacity:.5;cursor:not-allowed}.send-button[data-v-29d84524]{padding:15px 30px;border:none;border-radius:25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.send-button[data-v-29d84524]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.send-button[data-v-29d84524]:disabled{opacity:.5;cursor:not-allowed}.panda-container[data-v-29d84524]{position:fixed;right:20px;bottom:160px;z-index:101}.panda-sprite[data-v-29d84524]{width:160px;height:120px;background-image:url(/panda-chef.png);background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));transition:opacity .15s ease-in-out}.panda-sprite.cooking[data-v-29d84524]{animation:cooking-frames-29d84524 .6s steps(1) infinite,cooking-float-29d84524 .6s ease-in-out infinite}@keyframes cooking-frames-29d84524{0%{background-position:0% 0%;opacity:1}30%{background-position:0% 0%;opacity:.85}33.33%{background-position:100% 0%;opacity:1}63.33%{background-position:100% 0%;opacity:.85}66.66%{background-position:0% 100%;opacity:1}96.66%{background-position:0% 100%;opacity:.85}to{background-position:0% 0%;opacity:1}}@keyframes cooking-float-29d84524{0%,to{transform:translateY(0)}33.33%{transform:translateY(-3px)}66.66%{transform:translateY(3px)}}.panda-sprite.ready[data-v-29d84524]{background-position:100% 100%;animation:ready-breathe-29d84524 2s ease-in-out infinite}@keyframes ready-breathe-29d84524{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.bento-button-container[data-v-29d84524]{position:fixed;right:40px;bottom:40px;z-index:100}.bento-button[data-v-29d84524]{padding:15px 30px;border:none;border-radius:30px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #f5576c66;transition:all .3s ease;animation:pulse-29d84524 2s infinite}.bento-button[data-v-29d84524]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #f5576c80}@keyframes pulse-29d84524{0%,to{box-shadow:0 8px 25px #f5576c66}50%{box-shadow:0 8px 35px #f5576c99}}.modal-overlay[data-v-29d84524]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bento-modal[data-v-29d84524]{position:relative;max-width:500px;width:90%;animation:modalSlideIn-29d84524 .4s ease}@keyframes modalSlideIn-29d84524{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.close-button[data-v-29d84524]{position:absolute;top:-15px;right:-15px;width:40px;height:40px;border:none;border-radius:50%;background:#fff;color:#333;font-size:24px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;z-index:1}.close-button[data-v-29d84524]:hover{transform:rotate(90deg);background:#f5576c;color:#fff}.bento-card[data-v-29d84524]{background:linear-gradient(135deg,#fdf5e6,#fff8e8);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;position:relative;overflow:hidden}.mood-color-bar[data-v-29d84524]{position:absolute;top:0;left:0;right:0;height:8px;opacity:.6;animation:colorGlow-29d84524 3s ease-in-out infinite}@keyframes colorGlow-29d84524{0%,to{opacity:.6}50%{opacity:.8}}.bento-header h2[data-v-29d84524]{color:#8b4513;font-size:28px;text-align:center;margin-bottom:25px;text-shadow:2px 2px 4px rgba(139,69,19,.1)}.bento-ingredients[data-v-29d84524]{margin-bottom:25px}.bento-ingredients h3[data-v-29d84524]{color:#d2691e;font-size:20px;margin-bottom:15px}.bento-ingredients ul[data-v-29d84524]{list-style:none;padding-left:0}.bento-ingredients li[data-v-29d84524]{color:#5d4037;font-size:16px;padding:8px 15px;margin-bottom:8px;background:#d2691e1a;border-radius:10px;border-left:3px solid #d2691e}.bento-message[data-v-29d84524]{text-align:center;padding:20px;background:#fff9;border-radius:15px;margin-bottom:20px}.bento-message p[data-v-29d84524]{color:#8b4513;font-size:18px;font-style:italic;line-height:1.6}.bento-decoration[data-v-29d84524]{text-align:center;font-size:24px;animation:float-29d84524 3s ease-in-out infinite}@keyframes float-29d84524{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.slide-in-enter-active[data-v-29d84524],.slide-in-leave-active[data-v-29d84524]{transition:all .4s ease}.slide-in-enter-from[data-v-29d84524],.slide-in-leave-to[data-v-29d84524]{transform:translate(100px);opacity:0}.fade-enter-active[data-v-29d84524],.fade-leave-active[data-v-29d84524]{transition:opacity .3s ease}.fade-enter-from[data-v-29d84524],.fade-leave-to[data-v-29d84524]{opacity:0}@media (max-width: 768px){.main-container[data-v-29d84524]{padding:10px}.title[data-v-29d84524]{font-size:28px}.subtitle[data-v-29d84524]{font-size:14px}.message-content[data-v-29d84524]{max-width:85%}.bento-button-container[data-v-29d84524]{right:20px;bottom:20px}.bento-card[data-v-29d84524]{padding:25px}}