.setup-card[data-v-bc01e8eb]{background:var(--color-white);width:90%;max-width:480px;box-shadow:var(--shadow-soft);text-align:center;border-radius:30px;padding:40px}.setup-icon[data-v-bc01e8eb]{margin-bottom:20px;font-size:60px}.setup-title[data-v-bc01e8eb]{color:var(--color-text);margin-bottom:10px;font-size:28px}.setup-desc[data-v-bc01e8eb]{opacity:.8;margin-bottom:30px;font-size:16px}.setup-form[data-v-bc01e8eb]{flex-direction:column;gap:20px;display:flex}.input-group[data-v-bc01e8eb]{text-align:left}.input-group label[data-v-bc01e8eb]{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.input-wrapper[data-v-bc01e8eb]{align-items:center;gap:10px;display:flex}.api-input[data-v-bc01e8eb]{border:var(--border-crayon);border-radius:15px;outline:none;flex:1;padding:14px 18px;font-size:16px;transition:all .3s}.api-input[data-v-bc01e8eb]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-pink)}.toggle-visibility[data-v-bc01e8eb]{border:var(--border-crayon);background:var(--color-white);cursor:pointer;border-radius:15px;width:50px;height:50px;font-size:20px;transition:all .2s}.toggle-visibility[data-v-bc01e8eb]:hover{background:var(--color-pink)}.save-btn[data-v-bc01e8eb]{margin-top:10px;padding:16px 40px;font-size:18px}.help-text[data-v-bc01e8eb]{text-align:left;background:var(--color-blue);border-radius:15px;padding:15px;font-size:14px}.help-text p[data-v-bc01e8eb]{margin-bottom:10px;font-weight:700}.help-text ol[data-v-bc01e8eb]{margin-left:20px}.help-text li[data-v-bc01e8eb]{margin-bottom:5px}.help-text a[data-v-bc01e8eb]{color:#1976d2;text-decoration:underline}.privacy-note[data-v-bc01e8eb]{opacity:.7;background:var(--color-green);border-radius:10px;padding:10px;font-size:13px}@media (width<=480px){.setup-card[data-v-bc01e8eb]{padding:30px 20px}.setup-title[data-v-bc01e8eb]{font-size:24px}}.global-menu[data-v-e49f4ba5]{z-index:999;position:fixed;top:20px;right:20px}.menu-btn[data-v-e49f4ba5]{background:var(--color-white);border:var(--border-crayon);cursor:pointer;width:50px;height:50px;box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .3s;display:flex}.menu-btn[data-v-e49f4ba5]:hover{background:var(--color-primary);color:#fff;transform:rotate(90deg)}.menu-dropdown[data-v-e49f4ba5]{background:var(--color-white);border:var(--border-crayon);box-shadow:var(--shadow-soft);border-radius:20px;min-width:180px;padding:10px 0;animation:.3s slideDown-e49f4ba5;display:none;position:absolute;top:60px;right:0}.menu-dropdown.active[data-v-e49f4ba5]{display:block}@keyframes slideDown-e49f4ba5{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item[data-v-e49f4ba5]{cursor:pointer;padding:12px 20px;font-size:16px;transition:all .2s}.menu-item[data-v-e49f4ba5]:hover{background:var(--color-pink)}.music-control[data-v-25bef166]{z-index:999;background:var(--color-white);border:var(--border-crayon);cursor:pointer;width:50px;height:50px;box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:flex;position:fixed;bottom:20px;left:20px}.music-control[data-v-25bef166]:hover{background:var(--color-secondary);color:#fff;transform:scale(1.1)}.music-control.playing[data-v-25bef166]{animation:3s linear infinite rotate-25bef166}@keyframes rotate-25bef166{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-title[data-v-6b4da917]{color:var(--color-text);text-align:center;text-shadow:3px 3px 0px var(--color-white);letter-spacing:8px;margin-bottom:60px;font-size:80px;font-weight:700;animation:2s ease-in-out infinite bounce-6b4da917}.welcome-subtitle[data-v-6b4da917]{color:var(--color-text);text-align:center;opacity:.8;margin-bottom:40px;font-size:22px}.start-btn[data-v-6b4da917]{border-radius:60px;padding:18px 60px;font-size:28px}@keyframes bounce-6b4da917{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=768px){.welcome-title[data-v-6b4da917]{letter-spacing:2px;font-size:48px}.start-btn[data-v-6b4da917]{padding:15px 40px;font-size:22px}}.mbti-grid[data-v-45b06393]{grid-template-columns:repeat(4,1fr);gap:15px;width:100%;max-width:800px;margin-bottom:30px;display:grid}.mbti-card[data-v-45b06393]{background:var(--color-white);border:var(--border-crayon);text-align:center;cursor:pointer;box-shadow:var(--shadow-soft);border-radius:20px;padding:20px 10px;font-size:24px;font-weight:700;transition:all .3s}.mbti-card[data-v-45b06393]:hover{background:var(--color-blue);transform:translateY(-5px)}.mbti-card.selected[data-v-45b06393]{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:scale(1.05)}@media (width<=768px){.mbti-grid[data-v-45b06393]{grid-template-columns:repeat(2,1fr)}.mbti-card[data-v-45b06393]{padding:15px 8px;font-size:20px}}.match-card[data-v-6209bdc9]{background:var(--color-white);border:var(--border-crayon);text-align:center;width:100%;max-width:600px;box-shadow:var(--shadow-soft);border-radius:30px;margin-bottom:30px;padding:40px}.match-mbti[data-v-6209bdc9]{color:var(--color-primary);margin:20px 0;font-size:60px;font-weight:700}.match-desc[data-v-6209bdc9]{margin-bottom:20px;font-size:18px;line-height:1.6}@media (width<=768px){.match-mbti[data-v-6209bdc9]{font-size:40px}}.mbti-grid[data-v-bf9f39d3]{grid-template-columns:repeat(4,1fr);gap:15px;width:100%;max-width:800px;margin-bottom:30px;display:grid}.mbti-card[data-v-bf9f39d3]{background:var(--color-white);border:var(--border-crayon);text-align:center;cursor:pointer;box-shadow:var(--shadow-soft);border-radius:20px;padding:20px 10px;font-size:24px;font-weight:700;transition:all .3s}.mbti-card[data-v-bf9f39d3]:hover{background:var(--color-blue);transform:translateY(-5px)}.mbti-card.selected[data-v-bf9f39d3]{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:scale(1.05)}.gender-title[data-v-bf9f39d3]{margin-top:30px;font-size:24px}.gender-select[data-v-bf9f39d3]{gap:20px;margin:30px 0;display:flex}.gender-card[data-v-bf9f39d3]{border:var(--border-crayon);background:var(--color-white);cursor:pointer;width:120px;height:120px;box-shadow:var(--shadow-soft);border-radius:20px;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:flex}.gender-card[data-v-bf9f39d3]:hover{background:var(--color-orange)}.gender-card.selected[data-v-bf9f39d3]{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}@media (width<=768px){.mbti-grid[data-v-bf9f39d3]{grid-template-columns:repeat(2,1fr)}.mbti-card[data-v-bf9f39d3]{padding:15px 8px;font-size:20px}}.session-sidebar[data-v-4e78d95c]{background:var(--color-white);width:280px;height:100%;box-shadow:var(--shadow-soft);border-radius:30px;flex-direction:column;flex-shrink:0;display:flex;position:relative}.sidebar-header[data-v-4e78d95c]{border-bottom:var(--border-crayon);background:var(--color-pink);padding:20px}.sidebar-header h3[data-v-4e78d95c]{color:var(--color-text);margin-bottom:15px;font-size:20px}.tab-switch[data-v-4e78d95c]{background:var(--color-white);border-radius:15px;gap:5px;margin-bottom:15px;padding:4px;display:flex}.tab-btn[data-v-4e78d95c]{cursor:pointer;color:var(--color-text);background:0 0;border:none;border-radius:12px;flex:1;padding:8px 12px;font-size:14px;transition:all .2s}.tab-btn.active[data-v-4e78d95c]{background:var(--color-primary);color:#fff}.new-session-btn[data-v-4e78d95c]{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:20px;width:100%;padding:12px;font-size:16px;transition:all .3s}.new-session-btn[data-v-4e78d95c]:hover{background:var(--color-secondary);transform:scale(1.02)}.session-list[data-v-4e78d95c]{flex:1;padding:10px;overflow-y:auto}.session-item[data-v-4e78d95c]{cursor:pointer;border-radius:15px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.session-item[data-v-4e78d95c]:hover{background:var(--color-pink)}.session-item.active[data-v-4e78d95c]{background:var(--color-blue);border:2px solid var(--color-primary)}.session-avatar[data-v-4e78d95c]{object-fit:cover;border:2px solid var(--color-white);border-radius:50%;flex-shrink:0;width:45px;height:45px;box-shadow:0 2px 6px #0000001a}.session-avatar-text[data-v-4e78d95c]{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:16px;font-weight:700;display:flex}.group-avatar-stack[data-v-4e78d95c]{flex-shrink:0;width:45px;height:45px;display:flex}.stack-avatar[data-v-4e78d95c]{object-fit:cover;border:2px solid var(--color-white);border-radius:50%;width:32px;height:32px;margin-left:-8px;box-shadow:0 2px 6px #0000001a}.stack-avatar[data-v-4e78d95c]:first-child{margin-left:0}.session-info[data-v-4e78d95c]{flex:1;min-width:0}.session-name[data-v-4e78d95c]{color:var(--color-text);margin-bottom:4px;font-size:15px;font-weight:700}.session-preview[data-v-4e78d95c]{opacity:.7;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-size:13px;overflow:hidden}.session-meta[data-v-4e78d95c]{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.session-time[data-v-4e78d95c]{opacity:.5;color:var(--color-text);font-size:11px}.delete-btn[data-v-4e78d95c]{cursor:pointer;opacity:0;width:24px;height:24px;color:var(--color-text);background:0 0;border:none;border-radius:50%;font-size:16px;transition:all .2s}.session-item:hover .delete-btn[data-v-4e78d95c]{opacity:.5}.delete-btn[data-v-4e78d95c]:hover{background:var(--color-primary);color:#fff;opacity:1!important}.empty-state[data-v-4e78d95c]{text-align:center;opacity:.6;color:var(--color-text);padding:40px 20px;line-height:1.8}.close-btn[data-v-4e78d95c]{background:var(--color-pink);cursor:pointer;width:30px;height:30px;color:var(--color-text);border:none;border-radius:50%;font-size:20px;display:none;position:absolute;top:15px;right:15px}.sidebar-overlay[data-v-4e78d95c]{display:none}@media (width<=768px){.session-sidebar[data-v-4e78d95c]{z-index:100;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px;box-shadow:2px 0 10px #0000001a}.session-sidebar.open[data-v-4e78d95c]{left:0}.close-btn[data-v-4e78d95c]{display:block}.sidebar-overlay[data-v-4e78d95c]{z-index:99;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.sidebar-overlay.show[data-v-4e78d95c]{display:block}}.chat-layout[data-v-83ac2f5b]{gap:20px;width:100%;max-width:1200px;height:85vh;margin:0 auto;display:flex}.chat-container[data-v-83ac2f5b]{background:var(--color-white);box-shadow:var(--shadow-soft);border-radius:30px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-header[data-v-83ac2f5b]{border-bottom:var(--border-crayon);background:var(--color-pink);align-items:center;gap:15px;padding:20px;display:flex}.mobile-menu-btn[data-v-83ac2f5b]{border:var(--border-crayon);background:var(--color-white);cursor:pointer;width:40px;height:40px;color:var(--color-text);border-radius:10px;font-size:20px;display:none}.chat-avatar[data-v-83ac2f5b]{object-fit:cover;border:2px solid var(--color-white);border-radius:50%;width:50px;height:50px;box-shadow:0 2px 8px #00000026}.chat-avatar-text[data-v-83ac2f5b]{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:700;display:flex}.chat-info[data-v-83ac2f5b]{flex:1}.chat-name[data-v-83ac2f5b]{font-size:20px;font-weight:700}.chat-status[data-v-83ac2f5b]{opacity:.7;font-size:14px}.chat-record-btn[data-v-83ac2f5b]{border-radius:20px;padding:8px 15px;font-size:14px}.chat-messages[data-v-83ac2f5b]{background:linear-gradient(180deg, var(--color-pink) 0%, var(--color-blue) 100%);flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.message[data-v-83ac2f5b]{flex-direction:column;gap:5px;max-width:70%;display:flex}.message.user[data-v-83ac2f5b]{align-self:flex-end}.message.ai[data-v-83ac2f5b]{align-self:flex-start}.message-bubble[data-v-83ac2f5b]{word-break:break-word;border-radius:20px;padding:12px 18px;font-size:16px;line-height:1.5}.message.user .message-bubble[data-v-83ac2f5b]{background:var(--color-primary);color:#fff;border-bottom-right-radius:5px}.message.ai .message-bubble[data-v-83ac2f5b]{border:var(--border-crayon);background:#fff;border-bottom-left-radius:5px}.message-actions[data-v-83ac2f5b]{align-items:center;gap:10px;font-size:14px;display:flex}.voice-btn[data-v-83ac2f5b]{cursor:pointer;color:var(--color-text);opacity:.7;background:0 0;border:none;font-size:14px;transition:all .2s}.voice-btn[data-v-83ac2f5b]:hover{opacity:1;color:var(--color-primary)}.chat-input-area[data-v-83ac2f5b]{border-top:var(--border-crayon);background:var(--color-white);align-items:flex-end;gap:15px;padding:20px;display:flex}.chat-input[data-v-83ac2f5b]{border:var(--border-crayon);resize:none;border-radius:20px;outline:none;flex:1;min-height:48px;max-height:150px;padding:12px 20px;font-family:inherit;font-size:16px;line-height:1.5;transition:all .3s;overflow-y:auto}.chat-input[data-v-83ac2f5b]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-pink)}.chat-input[data-v-83ac2f5b]:disabled{opacity:.6;cursor:not-allowed}.send-btn[data-v-83ac2f5b]{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;width:50px;height:50px;font-size:18px;transition:all .3s}.send-btn[data-v-83ac2f5b]:hover:not(:disabled){background:var(--color-secondary);transform:scale(1.1)}.send-btn[data-v-83ac2f5b]:disabled{cursor:not-allowed}.record-modal[data-v-83ac2f5b]{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.record-modal.active[data-v-83ac2f5b]{display:flex}.record-content[data-v-83ac2f5b]{background:#fff;border-radius:30px;flex-direction:column;width:100%;max-width:700px;max-height:80vh;padding:30px;display:flex}.record-header[data-v-83ac2f5b]{border-bottom:var(--border-crayon);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.record-close[data-v-83ac2f5b]{cursor:pointer;color:var(--color-text);font-size:24px}.record-list[data-v-83ac2f5b]{flex-direction:column;flex:1;gap:15px;display:flex;overflow-y:auto}.record-item[data-v-83ac2f5b]{background:var(--color-pink);border-radius:15px;padding:15px}.record-item.user[data-v-83ac2f5b]{background:var(--color-blue);margin-left:50px}.record-meta[data-v-83ac2f5b]{opacity:.7;margin-bottom:5px;font-size:12px}@media (width<=768px){.chat-layout[data-v-83ac2f5b]{max-width:100%;height:100vh}.chat-container[data-v-83ac2f5b]{border:none;border-radius:0}.mobile-menu-btn[data-v-83ac2f5b]{justify-content:center;align-items:center;display:flex}.message[data-v-83ac2f5b]{max-width:85%}}.mbti-grid[data-v-a606a1a5]{grid-template-columns:repeat(4,1fr);gap:15px;width:100%;max-width:800px;margin-bottom:20px;display:grid}.mbti-card[data-v-a606a1a5]{background:var(--color-white);border:var(--border-crayon);text-align:center;cursor:pointer;box-shadow:var(--shadow-soft);border-radius:20px;padding:20px 10px;font-size:24px;font-weight:700;transition:all .3s;position:relative}.mbti-card[data-v-a606a1a5]:hover{background:var(--color-blue);transform:translateY(-5px)}.mbti-card.selected[data-v-a606a1a5]{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:scale(1.05)}.check-mark[data-v-a606a1a5]{font-size:16px;position:absolute;top:5px;right:10px}.selection-info[data-v-a606a1a5]{color:var(--color-text);margin-bottom:20px;font-size:18px}.selection-info .hint[data-v-a606a1a5]{opacity:.7;font-size:14px}.subsection-title[data-v-a606a1a5]{color:var(--color-text);margin-bottom:15px;font-size:20px}.gender-select-area[data-v-a606a1a5]{background:var(--color-white);box-shadow:var(--shadow-soft);border-radius:20px;width:100%;max-width:600px;margin-bottom:20px;padding:20px}.member-list[data-v-a606a1a5]{flex-direction:column;gap:12px;display:flex}.member-item[data-v-a606a1a5]{background:var(--color-pink);border-radius:15px;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.member-mbti[data-v-a606a1a5]{color:var(--color-text);font-size:18px;font-weight:700}.gender-btns[data-v-a606a1a5]{gap:10px;display:flex}.gender-btn[data-v-a606a1a5]{border:2px solid var(--color-text);background:var(--color-white);cursor:pointer;color:var(--color-text);border-radius:20px;padding:8px 20px;font-size:14px;transition:all .2s}.gender-btn[data-v-a606a1a5]:hover{background:var(--color-blue)}.gender-btn.active[data-v-a606a1a5]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (width<=768px){.mbti-grid[data-v-a606a1a5]{grid-template-columns:repeat(2,1fr)}.mbti-card[data-v-a606a1a5]{padding:15px 8px;font-size:20px}}.chat-layout[data-v-38a7c5e1]{gap:20px;width:100%;max-width:1200px;height:85vh;margin:0 auto;display:flex}.chat-container[data-v-38a7c5e1]{background:var(--color-white);box-shadow:var(--shadow-soft);border-radius:30px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-header[data-v-38a7c5e1]{border-bottom:var(--border-crayon);background:var(--color-pink);align-items:center;gap:15px;padding:20px;display:flex}.mobile-menu-btn[data-v-38a7c5e1]{border:var(--border-crayon);background:var(--color-white);cursor:pointer;width:40px;height:40px;color:var(--color-text);border-radius:10px;font-size:20px;display:none}.group-avatars[data-v-38a7c5e1]{margin-left:-10px;display:flex}.avatar-item[data-v-38a7c5e1]{object-fit:cover;border:3px solid var(--color-white);border-radius:50%;width:45px;height:45px;margin-left:-10px;box-shadow:0 2px 8px #00000026}.chat-info[data-v-38a7c5e1]{flex:1}.chat-name[data-v-38a7c5e1]{font-size:20px;font-weight:700}.chat-status[data-v-38a7c5e1]{opacity:.7;font-size:14px}.chat-record-btn[data-v-38a7c5e1]{border-radius:20px;padding:8px 15px;font-size:14px}.chat-messages[data-v-38a7c5e1]{background:linear-gradient(180deg, var(--color-pink) 0%, var(--color-blue) 100%);flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.message[data-v-38a7c5e1]{gap:10px;max-width:70%;display:flex}.message.user[data-v-38a7c5e1]{align-self:flex-end}.message.ai[data-v-38a7c5e1]{align-self:flex-start}.message-avatar[data-v-38a7c5e1]{object-fit:cover;border:2px solid var(--color-white);border-radius:50%;flex-shrink:0;width:40px;height:40px;box-shadow:0 2px 6px #0000001a}.message-content[data-v-38a7c5e1]{flex-direction:column;gap:4px;display:flex}.message-sender[data-v-38a7c5e1]{opacity:.8;margin-left:5px;font-size:12px;font-weight:700}.message-bubble[data-v-38a7c5e1]{word-break:break-word;border-radius:20px;padding:12px 18px;font-size:16px;line-height:1.5}.message.user .message-bubble[data-v-38a7c5e1]{background:var(--color-primary);color:#fff;border-bottom-right-radius:5px}.message.ai .message-bubble[data-v-38a7c5e1]{border:var(--border-crayon);background:#fff;border-bottom-left-radius:5px}.message-actions[data-v-38a7c5e1]{align-items:center;gap:10px;font-size:14px;display:flex}.voice-btn[data-v-38a7c5e1]{cursor:pointer;color:var(--color-text);opacity:.7;background:0 0;border:none;font-size:14px;transition:all .2s}.voice-btn[data-v-38a7c5e1]:hover{opacity:1;color:var(--color-primary)}.chat-input-area[data-v-38a7c5e1]{border-top:var(--border-crayon);background:var(--color-white);align-items:flex-end;gap:15px;padding:20px;display:flex}.chat-input[data-v-38a7c5e1]{border:var(--border-crayon);resize:none;border-radius:20px;outline:none;flex:1;min-height:48px;max-height:150px;padding:12px 20px;font-family:inherit;font-size:16px;line-height:1.5;transition:all .3s;overflow-y:auto}.chat-input[data-v-38a7c5e1]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-pink)}.chat-input[data-v-38a7c5e1]:disabled{opacity:.6;cursor:not-allowed}.send-btn[data-v-38a7c5e1]{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;width:50px;height:50px;font-size:18px;transition:all .3s}.send-btn[data-v-38a7c5e1]:hover:not(:disabled){background:var(--color-secondary);transform:scale(1.1)}.send-btn[data-v-38a7c5e1]:disabled{cursor:not-allowed}.record-modal[data-v-38a7c5e1]{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.record-modal.active[data-v-38a7c5e1]{display:flex}.record-content[data-v-38a7c5e1]{background:#fff;border-radius:30px;flex-direction:column;width:100%;max-width:700px;max-height:80vh;padding:30px;display:flex}.record-header[data-v-38a7c5e1]{border-bottom:var(--border-crayon);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.record-close[data-v-38a7c5e1]{cursor:pointer;color:var(--color-text);font-size:24px}.record-list[data-v-38a7c5e1]{flex-direction:column;flex:1;gap:15px;display:flex;overflow-y:auto}.record-item[data-v-38a7c5e1]{background:var(--color-pink);border-radius:15px;padding:15px}.record-item.user[data-v-38a7c5e1]{background:var(--color-blue);margin-left:50px}.record-meta[data-v-38a7c5e1]{opacity:.7;margin-bottom:5px;font-size:12px}@media (width<=768px){.chat-layout[data-v-38a7c5e1]{max-width:100%;height:100vh}.chat-container[data-v-38a7c5e1]{border:none;border-radius:0}.mobile-menu-btn[data-v-38a7c5e1]{justify-content:center;align-items:center;display:flex}.message[data-v-38a7c5e1]{max-width:85%}}*{box-sizing:border-box;margin:0;padding:0;font-family:Comic Sans MS,Marker Felt,微软雅黑,sans-serif}:root{--color-pink:#fff0f5;--color-orange:#fff3e0;--color-blue:#e3f2fd;--color-green:#e8f5e9;--color-gold:#fffde7;--color-text:#5d4037;--color-primary:#ffb6c1;--color-secondary:#ffcc80;--color-white:#fff;--shadow-soft:0 4px 12px #00000014;--border-crayon:2px solid #d7ccc8}body{background:linear-gradient(135deg, var(--color-pink) 0%, var(--color-orange) 50%, var(--color-blue) 100%);min-height:100vh;color:var(--color-text);position:relative;overflow-x:hidden}body:before{content:"";opacity:.4;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.section{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:none;position:relative}.section.active{animation:.8s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{background:var(--color-white);border:var(--border-crayon);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-soft);border-radius:50px;margin:10px;padding:12px 30px;font-size:18px;transition:all .3s}.btn:hover{background:var(--color-primary);color:var(--color-white);transform:scale(1.05);box-shadow:0 6px 16px #0000001f}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:var(--color-white);color:var(--color-text);transform:none}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-secondary{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn-green{background:var(--color-green);border-color:#a5d6a7}.btn-blue{background:var(--color-blue);border-color:#90caf9}.btn-group{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.section-title{text-align:center;text-shadow:2px 2px 0px var(--color-white);margin-bottom:30px;font-size:36px;font-weight:700}.section-desc{text-align:center;opacity:.8;max-width:600px;margin-bottom:40px;font-size:18px}@media (width<=768px){.section-title{font-size:28px}.section-desc{padding:0 10px;font-size:16px}}