div[data-v-2c7be322]{display:flex;justify-content:center;align-items:center}.real-time-chat-sidebar[data-v-f2d6227e]{position:fixed;top:0;left:-700px;width:700px;height:100vh;background-color:#2b2b2b;color:#fff;transition:left .3s ease;z-index:1050;display:flex;flex-direction:column;box-shadow:2px 0 5px #0000004d}.real-time-chat-sidebar.show[data-v-f2d6227e]{left:0}.chat-header[data-v-f2d6227e]{padding:15px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center;background-color:#333}.chat-messages[data-v-f2d6227e]{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:15px}.message[data-v-f2d6227e]{display:flex;margin-bottom:10px}.message.user[data-v-f2d6227e]{justify-content:flex-end}.message-content[data-v-f2d6227e]{max-width:85%;display:flex;flex-direction:column}.message.user .message-content[data-v-f2d6227e]{align-items:flex-end}.avatar[data-v-f2d6227e]{font-size:12px;margin-bottom:4px;color:#888}.message-wrapper[data-v-f2d6227e]{position:relative;display:flex;flex-direction:column}.copy-btn[data-v-f2d6227e]{position:absolute;top:5px;right:5px;background:transparent;border:none;color:#888;cursor:pointer;padding:4px;font-size:12px;opacity:0;transition:opacity .2s}.message-wrapper:hover .copy-btn[data-v-f2d6227e]{opacity:1}.copy-btn[data-v-f2d6227e]:hover{color:#fff}.text[data-v-f2d6227e]{background-color:#3a3a3a;padding:10px;border-radius:8px;font-size:14px;word-wrap:break-word;text-align:left}.text[data-v-f2d6227e] p{margin-bottom:.5em}.text[data-v-f2d6227e] pre{background-color:#d1c8a8;padding:10px;border-radius:4px;overflow-x:auto;margin:.5em 0}.text[data-v-f2d6227e] code{font-family:monospace;background-color:#ffffff1a;padding:2px 4px;border-radius:3px}.text[data-v-f2d6227e] pre code{background-color:transparent;padding:0}.text[data-v-f2d6227e] ul,.text[data-v-f2d6227e] ol{padding-left:20px;margin-bottom:.5em}.text[data-v-f2d6227e] a{color:#58a6ff;text-decoration:none}.text[data-v-f2d6227e] a:hover{text-decoration:underline}.text[data-v-f2d6227e] .vip-link{color:gold;font-weight:700;cursor:pointer;text-decoration:underline}.message.user .text[data-v-f2d6227e]{background-color:#0d6efd;color:#fff}.chat-input-area[data-v-f2d6227e]{padding:15px;border-top:1px solid #444;background-color:#333}.input-actions[data-v-f2d6227e]{display:flex}.d-none[data-v-f2d6227e]{display:none}.image-preview-area[data-v-f2d6227e]{padding:5px;background:#ffffff0d;border-radius:6px}.preview-container[data-v-f2d6227e]{position:relative;display:inline-block}.preview-container img[data-v-f2d6227e]{max-height:80px;border-radius:4px;border:1px solid #555}.remove-image-btn[data-v-f2d6227e]{position:absolute;top:-5px;right:-5px;background:#dc3545;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.typing-indicator[data-v-f2d6227e]{animation:blink-f2d6227e 1s infinite}@keyframes blink-f2d6227e{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.dialogue-list-sidebar[data-v-f2d6227e]{position:fixed;top:0;left:-300px;width:300px;height:100vh;background-color:#252525;color:#fff;transition:left .3s ease;z-index:1049;display:flex;flex-direction:column;border-right:1px solid #444}.dialogue-list-sidebar.show[data-v-f2d6227e]{left:0}.dialogue-list-header[data-v-f2d6227e]{padding:15px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center;background-color:#2a2a2a}.dialogue-list-header h6[data-v-f2d6227e]{margin:0;font-size:14px;font-weight:700}.dialogue-list[data-v-f2d6227e]{flex:1;overflow-y:auto;padding:10px}.dialogue-item[data-v-f2d6227e]{padding:12px;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:background-color .2s;background-color:#333;border:1px solid transparent;position:relative}.dialogue-item[data-v-f2d6227e]:hover{background-color:#3a3a3a}.dialogue-item.active[data-v-f2d6227e]{background-color:#0d6efd;border-color:#0d6efd}.dialogue-title[data-v-f2d6227e]{font-size:14px;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialogue-time[data-v-f2d6227e]{font-size:12px;color:#888}.delete-dialogue-btn[data-v-f2d6227e]{position:absolute;top:8px;right:8px;background:transparent;border:none;color:#888;cursor:pointer;padding:4px;font-size:12px;opacity:0;transition:opacity .2s}.dialogue-item:hover .delete-dialogue-btn[data-v-f2d6227e]{opacity:1}.delete-dialogue-btn[data-v-f2d6227e]:hover{color:#dc3545}.real-time-chat-sidebar.show.with-dialogue-list[data-v-f2d6227e]{left:300px}