[data-v-d78b5349] .el-dialog__body{overflow-y:hidden;padding:0!important}.chat-container[data-v-d78b5349]{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-messages[data-v-d78b5349]{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-d78b5349]{align-items:flex-start;display:flex;margin-bottom:15px;width:100%}.message-left[data-v-d78b5349]{justify-content:flex-start}.message-right[data-v-d78b5349]{justify-content:flex-end}.avatar[data-v-d78b5349]{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-d78b5349]{margin:0 10px;max-width:60%;padding:10px;position:relative}.message-content.left[data-v-d78b5349]{background-color:#fff;border-radius:12px;box-shadow:0 1px 2px #0000001a}.message-content.right[data-v-d78b5349]{background-color:#1a65ff;border-radius:12px;color:#fff}.nickname[data-v-d78b5349]{color:#999;font-size:12px;margin-bottom:5px}.text[data-v-d78b5349]{font-size:14px;line-height:1.4;word-break:break-word}.time[data-v-d78b5349]{color:#999;font-size:12px;margin-top:5px;text-align:right}.chat-sidebar[data-v-d78b5349]{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-d78b5349]{margin-bottom:20px}.info-section h3[data-v-d78b5349]{color:#666;font-size:16px;margin-bottom:10px}.participants-section[data-v-d78b5349]{margin-top:30px}.emoji-grid[data-v-d78b5349]{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.emoji-item[data-v-d78b5349]{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:transform .2s}.emoji-item[data-v-d78b5349]:hover{transform:scale(1.1)}.emoji-avatar[data-v-d78b5349]{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-d78b5349]{opacity:.8}.emoji-item span[data-v-d78b5349]{color:#888;font-size:12px;margin-top:5px}.view-more[data-v-d78b5349]{color:#1976d2;cursor:pointer;margin-top:10px;text-align:right;transition:color .2s}.view-more[data-v-d78b5349]:hover{color:#1565c0;text-decoration:underline}.input-container[data-v-d78b5349]{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-d78b5349]{display:flex;gap:10px;padding:10px}.input-wrapper[data-v-d78b5349]{display:flex;flex:1;padding:0 10px}textarea[data-v-d78b5349]{border:none;flex:1;font-size:14px;outline:none;padding:10px;resize:none}.send-button[data-v-d78b5349]{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-d78b5349]{position:relative}.emoji-panel[data-v-d78b5349]{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-d78b5349]{display:grid;gap:5px;grid-template-columns:repeat(8,1fr);width:320px}.emoji-item-popup[data-v-d78b5349]{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-d78b5349]:hover{background-color:#f5f5f5;border-radius:4px;transform:scale(1.2)}.toolbar button[data-v-d78b5349]{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-d78b5349]:hover{background-color:#f5f5f5}.message-content.file[data-v-d78b5349]{background-color:#f8f9fa;border:1px solid #e9ecef;padding:12px}.message-image[data-v-d78b5349]{border-radius:8px;cursor:pointer;max-height:300px;max-width:100%}.image-container[data-v-d78b5349]{display:flex;flex-direction:column;gap:5px}