[data-v-2c2f641c]:export{menutext:#bfcbd9;menuactivetext:var(--el-color-primary-light-3);submenuactivetext:"transparent";menubg:"transparent";menuhover:"transparent";submenubg:"transparent";submenuhover:"transparent";sidebarwidth:270px}.chat-item[data-v-2c2f641c]{display:flex;flex-direction:column;width:100%;padding:10px;align-items:flex-start}.chat-item .chat-item-header[data-v-2c2f641c]{display:flex;align-items:center;justify-content:space-between;width:100%}.chat-item .chat-item-header .chat-item-header-left[data-v-2c2f641c]{display:flex;align-items:center}.chat-item .chat-item-header .chat-item-header-left>[data-v-2c2f641c]{margin-right:5px}.chat-item .chat-item-header .chat-item-header-left img[data-v-2c2f641c]{height:30px;width:30px;border-radius:6px;background-color:#999}.chat-item .chat-item-header .chat-item-header-left .chat-item-name[data-v-2c2f641c]{font-size:12px;max-width:60px;color:#603674}.chat-item .chat-item-header .chat-item-header-left .chat-item-time[data-v-2c2f641c]{margin-left:10px;color:#999;font-size:12px}.chat-item .chat-item-header .chat-item-header-right[data-v-2c2f641c]{opacity:0;transition:opacity .3s}.chat-item .chat-item-content[data-v-2c2f641c]{background-color:var(--el-color-primary-light-6);padding:10px;border-radius:6px;font-size:14px;margin-top:10px;color:#333;max-width:400px;overflow:hidden}.chat-item[data-v-2c2f641c]:hover{cursor:pointer}.chat-item:hover .chat-item-header-left .chat-item-name[data-v-2c2f641c],.chat-item:hover .chat-item-header-left .chat-item-time[data-v-2c2f641c]{color:var(--el-color-primary)}.chat-item:hover .chat-item-header-right[data-v-2c2f641c]{opacity:1}.chat-item:hover .chat-item-content[data-v-2c2f641c]{color:var(--el-color-primary-dark-6)}.chat-item-un-play .chat-item-header-left[data-v-2c2f641c]{opacity:.7}.chat-item-un-play .chat-item-content[data-v-2c2f641c]{opacity:.7;background-color:#ccc}