a{font-weight:500;text-decoration:inherit}#app{width:96%;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}body{line-height:1.6;color:#333;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.modal-range[data-v-1cb9d37a]{display:flex;margin-top:10px}.number-input[data-v-1cb9d37a]{margin-left:10px;width:240px;border-radius:5px}input[type=number][data-v-1cb9d37a]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}input[type=number][data-v-1cb9d37a]::-webkit-outer-spin-button,input[type=number][data-v-1cb9d37a]::-webkit-inner-spin-button{-webkit-appearance:none}.container[data-v-1cb9d37a]{text-align:center}.open-btn[data-v-1cb9d37a]{padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.open-btn[data-v-1cb9d37a]:hover{background-color:#45a049}.modal-overlay[data-v-1cb9d37a]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-1cb9d37a]{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 16px #0003;width:430px}.modal-header[data-v-1cb9d37a]{display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-1cb9d37a]{margin:0;font-size:20px}.close-btn[data-v-1cb9d37a]{background:none;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:#999}.close-btn[data-v-1cb9d37a]:hover{color:#333}.radio-group-flex[data-v-1cb9d37a]{display:flex;flex-wrap:wrap}.radio-group[data-v-1cb9d37a]{height:300px;overflow-y:auto;margin:10px 0 20px}.radio-group[data-v-1cb9d37a]::-webkit-scrollbar{width:6px}.radio-group[data-v-1cb9d37a]::-webkit-scrollbar-track{background:transparent}.radio-group[data-v-1cb9d37a]::-webkit-scrollbar-thumb{background:#bcbcbe;border-radius:3px}.radio-option[data-v-1cb9d37a]{padding:7px 0;display:flex;align-items:center}.radio-input[data-v-1cb9d37a]{margin-right:10px;width:18px;height:18px}.modal-footer[data-v-1cb9d37a]{display:flex;justify-content:flex-end;margin-top:20px}.confirm-btn[data-v-1cb9d37a]{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.confirm-btn[data-v-1cb9d37a]:hover{background-color:#0b7dda}.audio_player[data-v-1c2a010a]{max-width:100%}.chat-image[data-v-1c2a010a]{max-width:350px;height:auto;margin:5px 0}@media (max-width: 1300px){.chat-image[data-v-1c2a010a]{max-width:100%;height:auto;margin:5px 0}}.spread_img[data-v-1c2a010a]{width:10px;margin-left:5px;animation:transform .5s linear infinite}.max_height[data-v-1c2a010a]{height:307px;overflow:hidden}.menu_image[data-v-1c2a010a]{width:100px;height:100px}.menu_image[data-v-1c2a010a]:hover{cursor:pointer;background-color:#00000010}.color_orange[data-v-1c2a010a]{color:#ff9800}.color_green[data-v-1c2a010a]{color:#2ecc71}.color_gray[data-v-1c2a010a]{color:#909399}.sound-waves[data-v-1c2a010a]{display:flex;justify-content:center;margin:40px 0}.wave[data-v-1c2a010a]{width:4px;height:10px;background:#fff;border-radius:5px;margin:0 1px;animation:wave-1c2a010a 2s infinite ease-in-out;animation-play-state:paused}.play[data-v-1c2a010a]{animation-play-state:running}.wave[data-v-1c2a010a]:nth-child(2){animation-delay:.2s}.wave[data-v-1c2a010a]:nth-child(3){animation-delay:.4s}.wave[data-v-1c2a010a]:nth-child(4){animation-delay:.6s}@keyframes wave-1c2a010a{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.generate_box[data-v-1c2a010a]{display:flex;align-items:center;justify-content:center}.generate[data-v-1c2a010a]{color:#3498db;font-size:14px;text-align:center;padding:5px;border-radius:5px}.generate[data-v-1c2a010a]:hover{background-color:#3498db50;cursor:pointer}.chat-container[data-v-1c2a010a]{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;background:#f0f4fb}.menu[data-v-1c2a010a]::-webkit-scrollbar,.chat-container[data-v-1c2a010a]::-webkit-scrollbar{width:6px}.menu[data-v-1c2a010a]::-webkit-scrollbar-track,.chat-container[data-v-1c2a010a]::-webkit-scrollbar-track{background:transparent}.menu[data-v-1c2a010a]::-webkit-scrollbar-thumb,.chat-container[data-v-1c2a010a]::-webkit-scrollbar-thumb{background:#bcbcbe;border-radius:3px}.message[data-v-1c2a010a]{display:flex;max-width:45%;box-sizing:border-box}.message-left[data-v-1c2a010a]{align-self:flex-start}.message-right[data-v-1c2a010a]{align-self:flex-end}.message-content[data-v-1c2a010a]{padding:12px 16px;border-radius:18px;box-sizing:border-box;text-align:left;margin:0 10px;position:relative;box-shadow:0 2px 5px #0000000d}.message-left .message-content[data-v-1c2a010a]{background:#fff}.message-right .message-content[data-v-1c2a010a]{background:#d6e4ff}.message-avatar[data-v-1c2a010a]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:13px}.message-left .message-avatar[data-v-1c2a010a]{background:#ff6b6b}.message-right .message-avatar[data-v-1c2a010a]{background:#4e8cff}.message-text[data-v-1c2a010a]{line-height:1.5;margin:5px 0}.message-time[data-v-1c2a010a]{font-size:11px;color:#888;text-align:left}.input-area[data-v-1c2a010a]{padding:10px 20px;background:#fff;display:flex;align-items:center;gap:12px}.message-input[data-v-1c2a010a]{border:1px solid #e0e0e0;border-radius:24px;outline:none;font-size:15px;transition:border-color .3s;flex:1;display:flex;flex-direction:column}.message-input[data-v-1c2a010a]:focus{border-color:#4e8cff}.send-button[data-v-1c2a010a]{width:46px;height:46px;border-radius:50%;background:#4e8cff;box-sizing:border-box;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.send-button_chat[data-v-1c2a010a]{width:46px;height:46px;border-radius:50%;box-sizing:border-box;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s;background-color:red}.send-button_chat[data-v-1c2a010a]:not(:disabled):hover{background-color:#ff0000c6}.send-button[data-v-1c2a010a]:not(:disabled):hover{background:#3a7bff}.send-button_chat[data-v-1c2a010a]:active,.send-button[data-v-1c2a010a]:active{transform:scale(.97)}.typing-indicator[data-v-1c2a010a]{padding:10px 15px;background:#fff;border-radius:18px;align-self:flex-start;display:flex;gap:5px;margin-bottom:10px;box-shadow:0 2px 5px #0000000d}.typing-dot[data-v-1c2a010a]{width:8px;height:8px;background:#bbb;border-radius:50%;animation:typingAnimation-1c2a010a 1.4s infinite ease-in-out}.typing-dot[data-v-1c2a010a]:nth-child(1){animation-delay:0s}.typing-dot[data-v-1c2a010a]:nth-child(2){animation-delay:.2s}.typing-dot[data-v-1c2a010a]:nth-child(3){animation-delay:.4s}@keyframes typingAnimation-1c2a010a{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.container[data-v-1c2a010a]{width:100%;height:96vh;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden;display:flex;flex-direction:column}.header[data-v-1c2a010a]{color:#fff;height:50px;text-align:center;display:flex;justify-content:space-between;align-items:center}.input-group[data-v-1c2a010a]{display:flex;margin-bottom:8px;align-items:center}.socket_input[data-v-1c2a010a]{flex:1;padding:0 15px;height:42px;border:none;border-radius:4px 0 0 4px;font-size:16px;outline:none}button[data-v-1c2a010a]{padding:0 20px;height:42px;background:#4a6bdf;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-weight:600;transition:background .3s;outline:none}button[data-v-1c2a010a]:hover{background:#3a5bd0}button[data-v-1c2a010a]:disabled{background:#a0a0a0;cursor:not-allowed}.btn-disconnect[data-v-1c2a010a]{background:#e74c3c}.btn-disconnect[data-v-1c2a010a]:hover{background:#c0392b}.status[data-v-1c2a010a]{display:flex;align-items:center}.status-indicator[data-v-1c2a010a]{width:12px;height:12px;border-radius:50%;margin-right:10px}.connected[data-v-1c2a010a]{background:#2ecc71}.disconnected[data-v-1c2a010a]{background:#e74c3c}.message-panel[data-v-1c2a010a]{display:flex;flex-direction:column;min-height:0;flex:1;height:100%;background-color:#f0f4fb;box-sizing:border-box;border-bottom:1px solid #eaeaea;overflow-y:auto}textarea[data-v-1c2a010a]{width:100%;height:150px;padding:15px}.message-content[data-v-1c2a010a]{white-space:pre-wrap;word-break:break-all}.sidebar[data-v-1c2a010a]{width:210px;height:100%;background:#fff;color:#000;position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid #3b5bdb20}.sidebar-header[data-v-1c2a010a]{padding:10px;text-align:center;border-bottom:1px solid #3b5bdb20}.menu[data-v-1c2a010a]{padding:15px 0;overflow-y:auto}.menu-item[data-v-1c2a010a]{padding:14px 20px;transition:all .2s;display:flex;align-items:center;border-right:1px solid #ffffff}.message-input[data-v-1c2a010a]::-webkit-scrollbar{display:none}.message-panel[data-v-1c2a010a]::-webkit-scrollbar{display:none}.menu-item[data-v-1c2a010a]:not(:last-child):hover{cursor:pointer;background-color:#00baff1a}.menu-item.active[data-v-1c2a010a]{background-color:#edf2ff;color:#3b5bdb;border-left:3px solid #3b5bdb}