.chat-box{position:relative;width:100%;height:100%;background:#fff}.chat-box .el-header{display:flex;justify-content:space-between;padding:0 12px;line-height:50px;font-size:var(--im-font-size-larger);border-bottom:var(--im-border)}.chat-box .content-box{position:relative}.chat-box .content-box .im-chat-main{padding:0 10px;background-color:#fff}.chat-box .content-box .im-chat-main .im-chat-box{min-height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:20px 0}.chat-box .content-box .im-chat-main .empty-chat-tip{display:flex;align-items:center;justify-content:center;height:200px;color:var(--im-text-color-light);font-size:16px}.chat-box .content-box .locate-tip{text-align:right;position:absolute;right:20px;bottom:230px;color:var(--im-color-primary);font-size:var(--im-font-size);font-weight:600;background:#ddd;padding:5px 20px;border-radius:15px;cursor:pointer;z-index:99;box-shadow:var(--im-box-shadow-light);opacity:.85}.chat-box .content-box .im-chat-footer{display:flex;flex-direction:column;padding:0}.chat-box .content-box .im-chat-footer .chat-tool-bar{display:flex;position:relative;width:100%;height:36px;text-align:left;box-sizing:border-box;border-top:var(--im-border);padding:4px 2px 2px 8px;align-items:center}.chat-box .content-box .im-chat-footer .chat-tool-bar>div{font-size:22px;cursor:pointer;line-height:30px;margin-left:15px;height:30px;text-align:center;border-radius:2px;color:#999;transition:.3s}.chat-box .content-box .im-chat-footer .chat-tool-bar>div:hover{color:#333}.chat-box .content-box .im-chat-footer .send-content-area{position:relative;display:flex;flex-direction:column;height:100%;background-color:#fff!important}.chat-box .content-box .im-chat-footer .send-content-area .quote-message{position:absolute;bottom:10px;left:10px;font-size:14px;max-width:80%;border-radius:5px}.chat-box .content-box .im-chat-footer .send-content-area .quote-message:hover .quote-remove{display:block}.chat-box .content-box .im-chat-footer .send-content-area .quote-message .quote-remove{display:none;position:absolute;top:-8px;right:-8px;width:20px;height:20px;line-height:20px;font-size:14px;color:#fff;border-radius:50%;background:#aaa;cursor:pointer}.chat-box .content-box .im-chat-footer .send-content-area .quote-message .quote-remove:hover{background:#888}.chat-box .content-box .im-chat-footer .send-content-area .send-btn-area{padding:10px;position:absolute;bottom:4px;right:6px}.guest-chat-page[data-v-e8debb18]{height:100vh;width:100vw;display:flex;flex-direction:column;background:var(--im-color-primary-light-9)}.guest-header[data-v-e8debb18]{height:60px;background:var(--im-color-primary);color:#fff;display:flex;align-items:center;padding:0 20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.guest-header .guest-header-content[data-v-e8debb18]{display:flex;align-items:center;gap:15px}.guest-header .guest-header-content .service-name[data-v-e8debb18]{font-size:18px;font-weight:600}.guest-header .guest-header-content .guest-tip[data-v-e8debb18]{font-size:14px;background:hsla(0,0%,100%,.2);padding:4px 12px;border-radius:12px}.guest-chat-container[data-v-e8debb18]{flex:1;display:flex;flex-direction:column;background:#fff;position:relative;height:calc(100vh - 60px);overflow:hidden}.guest-loading[data-v-e8debb18]{height:200px;display:flex;align-items:center;justify-content:center}.guest-error[data-v-e8debb18]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--im-text-color-light)}.guest-error p[data-v-e8debb18]{margin-bottom:20px;font-size:16px}@media(max-width:768px){.guest-header[data-v-e8debb18]{height:50px;padding:0 15px}.guest-header .guest-header-content .service-name[data-v-e8debb18]{font-size:16px}.guest-header .guest-header-content .guest-tip[data-v-e8debb18]{font-size:12px;padding:2px 8px}}