.x-audio-wrap[data-v-604a66fa]{height:30px;width:110px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:1px solid #f8910b}.x-audio-wrap .x-sector[data-v-604a66fa]{height:7px;width:7px;border-radius:4px 10px;border-right:2px solid #a1a1a1;border-top:2px solid #a1a1a1;transform:rotate(45deg);position:relative;margin-left:10px}.x-audio-wrap .x-sector .x-dot[data-v-604a66fa]{height:4px;width:4px;border-radius:4px;background:#a1a1a1;position:absolute;top:4px}.x-audio-wrap .x-sector[data-v-604a66fa]:before{height:9px;width:9px;border-radius:4px 12px;right:-7px;top:-7px}.x-audio-wrap .x-sector[data-v-604a66fa]:after,.x-audio-wrap .x-sector[data-v-604a66fa]:before{content:"";border-right:2px solid #a1a1a1;border-top:2px solid #a1a1a1;transform:rotate(0deg);position:absolute}.x-audio-wrap .x-sector[data-v-604a66fa]:after{height:12px;width:12px;border-radius:4px 14px;right:-13px;top:-13px}.x-audio-wrap .x-time[data-v-604a66fa]{color:#f87e04;font-size:12px;margin-right:10px;font-weight:500}.x-audio-wrap.inline[data-v-604a66fa]{display:inline-flex}@-webkit-keyframes play-dot-data-v-604a66fa{0%{background:#a1a1a1}to{background:#f87e04}}@keyframes play-dot-data-v-604a66fa{0%{background:#a1a1a1}to{background:#f87e04}}@-webkit-keyframes play-sector-data-v-604a66fa{0%{border-color:#a1a1a1}to{border-color:#f87e04}}@keyframes play-sector-data-v-604a66fa{0%{border-color:#a1a1a1}to{border-color:#f87e04}}.x-sector.play[data-v-604a66fa]{-webkit-animation:play-sector-data-v-604a66fa .3s ease-in-out .1s;animation:play-sector-data-v-604a66fa .3s ease-in-out .1s}.x-sector.play[data-v-604a66fa]:before{-webkit-animation:play-sector-data-v-604a66fa .3s ease-in-out .2s;animation:play-sector-data-v-604a66fa .3s ease-in-out .2s}.x-sector.play[data-v-604a66fa]:after{-webkit-animation:play-sector-data-v-604a66fa .3s ease-in-out .3s;animation:play-sector-data-v-604a66fa .3s ease-in-out .3s}.x-sector.play .x-dot[data-v-604a66fa]{-webkit-animation:play-dot-data-v-604a66fa .3s ease-in-out;animation:play-dot-data-v-604a66fa .3s ease-in-out}.chat-container{padding:15px}.chat-dialog .el-dialog__header{border-bottom:1px solid #ebeef5;padding:15px 20px;background-color:#f5f7fa}.chat-dialog .el-dialog__body{padding:20px}.search-bar{margin-bottom:15px}.search-card{margin-bottom:20px;border-radius:8px}.search-card .el-card__body{padding:20px}.date-picker{width:100%}.action-buttons{display:flex;justify-content:flex-end;gap:10px}.chat-drawer .el-drawer__header{margin-bottom:0;padding:15px 20px;border-bottom:1px solid #ebeef5}.drawer-header{padding:0 20px 15px;border-bottom:1px solid #ebeef5}.drawer-title{font-size:16px;color:#303133;font-weight:500;margin:0}.drawer-footer{position:absolute;bottom:0;left:0;width:100%;padding:15px 20px;text-align:center;background-color:#fff;border-top:1px solid #ebeef5}.chatList,.chatList2{display:flex;flex-direction:column;width:100%;margin:0 auto;gap:8px;max-height:calc(100vh - 250px);overflow-y:auto;padding:10px}.chatList{padding-bottom:60px}.chat-item{border-bottom:1px solid #ebeef5;padding-bottom:10px;margin-bottom:5px}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.chat-sender{font-size:13px;font-weight:500;color:#409eff}.is-sender{color:#67c23a}.chat-time{font-size:12px;color:#909399}.chat-content{padding-left:5px}.message-text{font-size:14px;color:#303133;line-height:1.4;word-break:break-word}.audio-message,.image-message,.text-message,.video-message{width:100%}.message-image,.message-video{max-width:200px;border-radius:4px}