[data-v-c0733e86] .el-dialog__body{overflow-y:hidden;padding:0!important}.chat-container[data-v-c0733e86]{background-color:#f0f2f5;display:grid;font-family:Arial,sans-serif;grid-template-areas:"header header" "messages sidebar" "input sidebar";grid-template-columns:1fr 300px;grid-template-rows:0 1fr 160px;height:64vh;margin:0 auto;width:100%}.chat-embedded[data-v-c0733e86]{height:100%}.chat-container.embedded[data-v-c0733e86]{grid-template-areas:"header" "messages" "input";grid-template-columns:1fr;height:100%}.chat-messages[data-v-c0733e86]{background-color:#fff;border-left:1px solid #eee;display:flex;flex-direction:column;gap:15px;grid-area:messages;overflow-y:auto;padding:20px}.message-item[data-v-c0733e86]{align-items:flex-start;display:flex;margin-bottom:15px;width:100%}.message-left[data-v-c0733e86]{justify-content:flex-start}.message-right[data-v-c0733e86]{justify-content:flex-end}.avatar[data-v-c0733e86]{align-items:center;background-color:#eee;border-radius:50%;color:#666;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.message-content[data-v-c0733e86]{margin:0 10px;max-width:60%;padding:10px;position:relative}.message-content.left[data-v-c0733e86]{background-color:#fff;border-radius:12px;box-shadow:0 1px 2px #0000001a}.message-content.right[data-v-c0733e86]{background-color:#1a65ff;border-radius:12px;color:#fff}.nickname[data-v-c0733e86]{align-items:center;color:#999;display:flex;font-size:12px;gap:4px;margin-bottom:5px}.role-badge[data-v-c0733e86]{border-radius:3px;color:#fff;font-size:10px;line-height:15px;padding:0 4px}.role-admin[data-v-c0733e86]{background-color:#1a65ff}.role-moderator[data-v-c0733e86]{background-color:#67c23a}.history-tip[data-v-c0733e86]{color:#999;font-size:12px;padding:6px 0;text-align:center}.connection-tip[data-v-c0733e86]{background:#fdf6ec;color:#e6a23c;font-size:12px;padding:6px 0;position:sticky;text-align:center;top:0;z-index:2}.history-tip.divider[data-v-c0733e86]{align-items:center;display:flex;gap:8px}.history-tip.divider[data-v-c0733e86]:after,.history-tip.divider[data-v-c0733e86]:before{background-color:#eee;content:"";flex:1;height:1px}.text[data-v-c0733e86]{font-size:14px;line-height:1.4;word-break:break-word}.time[data-v-c0733e86]{color:#999;font-size:12px;margin-top:5px;text-align:right}.chat-sidebar[data-v-c0733e86]{background-color:#f8fafc;border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;grid-area:sidebar;overflow-y:auto;padding:20px}.info-section[data-v-c0733e86]{margin-bottom:20px}.info-section h3[data-v-c0733e86]{color:#666;font-size:16px;margin-bottom:10px}.participants-section[data-v-c0733e86]{margin-top:30px}.emoji-grid[data-v-c0733e86]{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.emoji-item[data-v-c0733e86]{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:transform .2s}.emoji-item[data-v-c0733e86]:hover{transform:scale(1.1)}.emoji-avatar[data-v-c0733e86]{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;transition:opacity .2s;width:40px}.emoji-item:hover .emoji-avatar[data-v-c0733e86]{opacity:.8}.emoji-item span[data-v-c0733e86]{color:#888;font-size:12px;margin-top:5px}.view-more[data-v-c0733e86]{color:#1976d2;cursor:pointer;margin-top:10px;text-align:right;transition:color .2s}.view-more[data-v-c0733e86]:hover{color:#1565c0;text-decoration:underline}.input-container[data-v-c0733e86]{background-color:#fff;border-bottom:1px solid #eee;border-left:1px solid #eee;border-top:1px solid #eee;display:flex;flex-direction:column;grid-area:input}.toolbar[data-v-c0733e86]{display:flex;gap:10px;padding:10px}.input-wrapper[data-v-c0733e86]{display:flex;flex:1;padding:0 10px}textarea[data-v-c0733e86]{border:none;flex:1;font-size:14px;outline:none;padding:10px;resize:none}.send-button[data-v-c0733e86]{align-self:flex-end;background-color:#1a65ff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:10px;padding:5px 20px}.emoji-button-container[data-v-c0733e86]{position:relative}.emoji-panel[data-v-c0733e86]{background:#fff;border:1px solid #eee;border-radius:8px;bottom:100%;box-shadow:0 2px 10px #0000001a;left:0;margin-bottom:5px;padding:10px;position:absolute;z-index:1000}.emoji-grid-popup[data-v-c0733e86]{display:grid;gap:5px;grid-template-columns:repeat(8,1fr);width:320px}.emoji-item-popup[data-v-c0733e86]{align-items:center;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;transition:transform .2s;width:30px}.emoji-item-popup[data-v-c0733e86]:hover{background-color:#f5f5f5;border-radius:4px;transform:scale(1.2)}.toolbar button[data-v-c0733e86]{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:20px;padding:5px 10px;transition:background-color .2s}.toolbar button[data-v-c0733e86]:hover{background-color:#f5f5f5}.message-content.file[data-v-c0733e86]{background-color:#f8f9fa;border:1px solid #e9ecef;padding:12px}.message-image[data-v-c0733e86]{border-radius:8px;cursor:pointer;max-height:300px;max-width:100%}.image-container[data-v-c0733e86]{display:flex;flex-direction:column;gap:5px}