.sidebar-overlay[data-v-5a3da058]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;animation:fadeIn-5a3da058 .3s ease}.sidebar[data-v-5a3da058]{position:fixed;top:0;left:0;width:280px;height:100vh;background:#fff;z-index:999;transform:translateX(-100%);transition:transform .3s ease;box-shadow:2px 0 8px rgba(0,0,0,.1)}.sidebar.sidebar-visible[data-v-5a3da058]{transform:translateX(0)}.sidebar-content[data-v-5a3da058]{height:100%;padding-top:60px}.menu-list[data-v-5a3da058]{padding:0;margin:0}.menu-item[data-v-5a3da058]{display:flex;align-items:center;padding:16px 20px;cursor:pointer;transition:background-color .2s ease}.menu-item[data-v-5a3da058]:hover{background-color:#f8f9fa}.menu-item.active[data-v-5a3da058]{background-color:#f0f2f5}.menu-item.active .menu-text[data-v-5a3da058]{font-weight:500}.menu-item[data-v-5a3da058]:last-child{border-bottom:none}.menu-icon[data-v-5a3da058]{width:24px;height:24px;margin-right:16px;color:#666;display:flex;align-items:center;justify-content:center}.menu-icon .icon[data-v-5a3da058]{width:20px;height:20px}.menu-text[data-v-5a3da058]{font-size:16px;color:#333;font-weight:400;line-height:1.5}@keyframes fadeIn-5a3da058{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.sidebar[data-v-5a3da058]{width:260px}.menu-item[data-v-5a3da058]{padding:14px 16px}.menu-text[data-v-5a3da058]{font-size:15px}}.header[data-v-88c1da8c]{height:100%;border-bottom:1px solid #e4e7ed;display:flex;align-items:center;padding:0 12px;position:relative;color:#1f2d3d;background:#2970ff}.left[data-v-88c1da8c],.right[data-v-88c1da8c]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#1f2d3d}.left[data-v-88c1da8c]{margin-right:8px}.right[data-v-88c1da8c]{margin-left:8px;position:relative}.icon[data-v-88c1da8c]{width:22px;height:22px;color:#fff}.title[data-v-88c1da8c]{flex:1;text-align:center;font-size:18px;font-weight:600;line-height:1;color:#fff}.title.no-left[data-v-88c1da8c]{text-align:left;padding-left:4px}.badge[data-v-88c1da8c]{position:absolute;right:0;top:-2px;min-width:16px;height:16px;padding:0 4px;background:#f56c6c;color:#fff;border-radius:10px;font-size:12px;line-height:16px;text-align:center}.right.hide[data-v-88c1da8c]{visibility:hidden;pointer-events:none}.bg[data-v-36166290]{background-color:#fff;min-height:100vh}.msg-header[data-v-36166290]{position:sticky;top:0;z-index:100}.msg-header[data-v-36166290] .right{opacity:0;pointer-events:none}.filter-from[data-v-36166290]{background:#fff;display:flex;overflow:hidden}.filter-from .item[data-v-36166290]{padding:6px 10px;font-size:14px}.filter-from .item.active[data-v-36166290]{position:relative;color:var(--color-primary)}.filter-from .item.active[data-v-36166290]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40%;height:3px;border-radius:10px;background-color:var(--color-primary)}.info-top[data-v-36166290]{background:#fff;align-items:center;padding-bottom:10px}.info-top .input-outer .input[data-v-36166290]{padding:10px;width:100%}.info-top .input-outer .input[data-v-36166290] .el-input__wrapper{width:100%;border-radius:20px}.info-top .info-content .info-right[data-v-36166290],.info-top .info-content[data-v-36166290]{display:flex}.info-top .info-content .info-right .item[data-v-36166290]{cursor:pointer;margin-right:20px;color:#475467}.info-top .info-content .info-right .item.active[data-v-36166290]{color:var(--color-primary)}.info-top .info-content .info-right .item i[data-v-36166290]{font-size:14px;margin-right:2px}.info-top .info-content .total[data-v-36166290]{flex:1;padding-left:10px;font-size:14px;color:#475467}.info-top .info-content .total span[data-v-36166290]{color:var(--color-primary)}.list[data-v-36166290]{padding:0 12px}.list li[data-v-36166290]{position:relative;padding:18px 0;cursor:pointer}.list li[data-v-36166290]:not(:last-child){border-bottom:1px solid #e4e7ed}.list li .title-wrapper[data-v-36166290]{display:flex;align-items:center;margin-bottom:8px}.list li .title-wrapper .dot[data-v-36166290]{margin-right:8px;width:8px;height:8px;border-radius:100%;background-color:red}.list li .title[data-v-36166290]{flex:1;font-weight:600;font-size:16px;line-height:24px;white-space:nowrap}.list li .message[data-v-36166290]{color:var(--color-text-secondary);width:100%;white-space:nowrap;padding-left:8px}.list li .message[data-v-36166290] *{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list li .message[data-v-36166290] img{display:none}.list li .info[data-v-36166290]{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.list li .info .info-left[data-v-36166290]{display:flex}.list li .info .info-left .from[data-v-36166290]{display:flex;align-items:center;font-size:12px;border:1px solid #e4e7ec;background-color:#fafafa;border-radius:6px;padding:3px 8px;line-height:18px;color:#667085}.list li .info .info-left .from img[data-v-36166290]{height:12px;margin-right:4px}.list li .info .info-left .creator-name[data-v-36166290]{font-size:14px;line-height:26px;height:26px;color:var(--color-text-secondary);padding-left:10px}.list li .info .date[data-v-36166290]{font-size:12px;line-height:18px;color:var(--color-text-secondary)}.list .bootom-text[data-v-36166290]{text-align:center;font-size:14px;margin-top:12px}