html,body{margin:0;padding:0}:root{--bg-image: url(/assets/bg-r-DnIs8QLH.jpg)}body{background-color:#00003c}.page{background-image:var(--bg-image);background-size:cover;background-position:center;min-height:100vh;max-width:800px;margin:0 auto;padding:0}button{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background:#0056b3}.top-right-buttons[data-v-2cd218b6]{position:absolute;right:20px;top:20px;display:flex;gap:0;z-index:3}.top-right-btn[data-v-2cd218b6]{background:none;border:none;padding:8px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.music-btn[data-v-2cd218b6]:hover,.share-btn[data-v-2cd218b6]:hover,.home-btn[data-v-2cd218b6]:hover{transform:scale(1.1);opacity:.9}.music-btn[data-v-2cd218b6]:active,.share-btn[data-v-2cd218b6]:active,.home-btn[data-v-2cd218b6]:active{transform:scale(.95)}.top-right-btn svg[data-v-2cd218b6]{fill:#fff;transition:opacity .3s ease}.home-page[data-v-1534efe9]{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.header[data-v-1534efe9]{text-align:center;margin-bottom:40px}.header h1[data-v-1534efe9]{font-size:48px;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.header p[data-v-1534efe9]{font-size:18px;color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.start-btn[data-v-1534efe9]{padding:16px 32px;font-size:20px;background:#8b0000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000004d}.start-btn[data-v-1534efe9]:hover{background:#a30000;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.start-btn .icon[data-v-1534efe9]{font-size:24px}.host-image[data-v-1534efe9]{position:relative;left:auto;top:auto;transform:none;width:100px;height:100px;margin-bottom:20px;border-radius:50%;background-color:#e6f0ff33;padding:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a;z-index:2}.header[data-v-1534efe9]{margin-top:0}.game-page[data-v-af167e99]{height:100vh;display:flex;flex-direction:column;position:relative}.chat-area[data-v-af167e99]{flex:1 1 auto;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;position:relative;min-height:100px;transition:height .2s ease}.title-area[data-v-af167e99]{padding:20px;text-align:left}.title-area h2[data-v-af167e99]{font-size:28px;color:#ff6b6b;text-shadow:0 0 8px rgba(255,107,107,.6);font-family:楷体,cursive;letter-spacing:2px;margin:0}.typing-indicator[data-v-af167e99]{position:fixed;left:20px;bottom:62px;color:#666;font-size:12px;background:#000000b3;padding:4px 8px;border-radius:4px;z-index:2}.chat-bubble[data-v-af167e99]{max-width:70%;padding:10px 15px;border-radius:15px;position:relative}.chat-bubble.left[data-v-af167e99]{align-self:flex-start;background:#8b0000;color:#fff;border-radius:0 15px 15px}.chat-bubble.right[data-v-af167e99]{align-self:flex-end;background:#333;color:#fff;border-radius:15px 0 15px 15px}.chat-bubble p[data-v-af167e99]{margin:0;white-space:pre-wrap}.input-area[data-v-af167e99]{padding:10px;display:flex;gap:8px;position:sticky;bottom:0;z-index:1;border-top:1px solid #444}.input-area input[data-v-af167e99]{flex:1;padding:8px;border:1px solid #444;border-radius:4px;background:#333;color:#fff;font-size:16px}.input-area input[data-v-af167e99]::placeholder{font-size:16px;color:#888;opacity:1}.voice-input-btn[data-v-af167e99],.send-btn[data-v-af167e99]{padding:8px;background:#333;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.voice-input-btn svg[data-v-af167e99],.send-btn svg[data-v-af167e99]{fill:#fff}.voice-input-btn[data-v-af167e99]:hover,.send-btn[data-v-af167e99]:hover{background:#444}.typing-indicator[data-v-af167e99]{align-self:flex-start;color:#666;font-size:12px;margin-top:8px}.message-container[data-v-af167e99]{display:flex;align-items:flex-start;gap:8px;width:100%;margin-bottom:12px}.message-container.left[data-v-af167e99]{justify-content:flex-start}.message-container.right[data-v-af167e99]{justify-content:flex-end}.chat-bubble[data-v-af167e99]{max-width:calc(100% - 40px);padding:10px 15px;border-radius:15px}.avatar[data-v-af167e99]{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-host[data-v-af167e99]{background-color:#e6f0ff66}.answer-page[data-v-bf3f1f41]{height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 20px}.host-image[data-v-bf3f1f41]{width:60px;height:60px;margin-top:80px;border-radius:50%;background-color:#e6f0ff66;padding:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a}.story-area[data-v-bf3f1f41]{background:#0000004d;padding:20px;border-radius:10px;max-width:600px;margin-bottom:20px;margin-top:10px;border:1px solid rgba(255,107,107,.3);box-shadow:0 0 15px #ff6b6b33}.title-area h2[data-v-bf3f1f41]{font-size:28px;color:#ff6b6b;text-shadow:0 0 8px rgba(255,107,107,.6);font-family:楷体,cursive;letter-spacing:2px}.story-area[data-v-bf3f1f41]{background:#0000004d;padding:20px;border-radius:10px;max-width:600px;margin-bottom:20px;border:1px solid rgba(255,107,107,.3);box-shadow:0 0 15px #ff6b6b33}.story-area p[data-v-bf3f1f41]{font-size:16px;line-height:1.8;color:#e0e0e0;text-shadow:0 0 5px rgba(255,255,255,.1);margin:0}.continue-area[data-v-bf3f1f41]{margin-top:20px}.continue-btn[data-v-bf3f1f41]{padding:12px 24px;font-size:18px;background:#8b0000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.continue-btn[data-v-bf3f1f41]:hover{background:#a30000;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.success-page[data-v-e0b771a2]{height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 20px}.host-image[data-v-e0b771a2]{width:60px;height:60px;margin-top:80px;border-radius:50%;background-color:#e6f0ff66;padding:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a}.congrats-area[data-v-e0b771a2]{text-align:center;margin:20px 0}.congrats-area h2[data-v-e0b771a2]{font-size:28px;color:#ff6b6b;text-shadow:0 0 8px rgba(255,107,107,.6);margin-bottom:10px}.congrats-area p[data-v-e0b771a2]{font-size:18px;color:#e0e0e0}.stats-area[data-v-e0b771a2]{background:#0000004d;padding:20px;border-radius:10px;max-width:600px;margin-bottom:20px;border:1px solid rgba(255,107,107,.3);box-shadow:0 0 15px #ff6b6b33}.stat-item[data-v-e0b771a2]{margin:10px 0;font-size:16px;color:#e0e0e0}.stat-label[data-v-e0b771a2]{color:#ff6b6b}.share-area[data-v-e0b771a2]{margin-top:20px}.share-btn[data-v-e0b771a2]{padding:12px 24px;font-size:18px;background:#8b0000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.share-btn[data-v-e0b771a2]:hover{background:#a30000;transform:translateY(-2px);box-shadow:0 4px 15px #0003}