.page-message-center[data-v-6bb54bc1]{display:flex;flex-direction:column;overflow:auto;background-size:contain;background-repeat:no-repeat;width:100%;min-width:1200px;margin:0 auto;padding:0 24px;padding-top:24px;padding-bottom:48px}@media(min-width:1200px){.page-message-center[data-v-6bb54bc1]{padding:0 48px;padding-top:24px;padding-bottom:48px}}.scrollbar-wrapper[data-v-6bb54bc1]{height:100%}.page-header[data-v-6bb54bc1]{margin-bottom:24px;display:flex;align-items:center}.page-header .label[data-v-6bb54bc1]{color:var(--color-primary);font-size:18px;font-weight:600;flex:1}.page-header .button[data-v-6bb54bc1]{display:flex;height:32px;min-height:24px;max-height:40px;padding:4px 16px;justify-content:center;align-items:center;gap:4px;border-radius:6px}.page-content[data-v-6bb54bc1]{flex:1;margin-bottom:40px;display:flex;background-color:#f5f7fa;border-radius:8px}.page-content .content[data-v-6bb54bc1]{flex:1;width:0;background-color:#fff;padding-bottom:36px}.filter-from[data-v-6bb54bc1]{width:120px;border-top-left-radius:8px;overflow:hidden}.filter-from .item[data-v-6bb54bc1]{white-space:nowrap;padding:20px 24px;font-size:18px;line-height:28px;border-left:2px solid transparent;cursor:pointer}.filter-from .item[data-v-6bb54bc1]:hover{color:var(--color-primary)}.filter-from .item.active[data-v-6bb54bc1]{background-color:#fff;color:var(--color-primary);font-weight:600;border-color:var(--color-primary)}.info-top[data-v-6bb54bc1]{display:flex;align-items:center;padding:18px 24px 0}.info-top .item[data-v-6bb54bc1]{cursor:pointer;margin-right:20px}.info-top .item.active[data-v-6bb54bc1]{color:var(--color-primary)}.info-top .item i[data-v-6bb54bc1]{font-size:14px;margin-right:2px}.info-top .read-only[data-v-6bb54bc1]:hover{color:var(--color-primary)}.info-top .total[data-v-6bb54bc1]{flex:1;font-size:16px}.info-top .total span[data-v-6bb54bc1]{color:var(--color-primary)}.info-top .el-input[data-v-6bb54bc1]{width:240px}.list[data-v-6bb54bc1]{padding:0 24px}.list li[data-v-6bb54bc1]{position:relative;padding:18px 0;cursor:pointer}.list li[data-v-6bb54bc1]:not(:last-child){border-bottom:1px solid #e4e7ed}.list li:hover .title[data-v-6bb54bc1]{color:var(--color-primary)}.list li .title-wrapper[data-v-6bb54bc1]{display:flex;align-items:center;margin-bottom:8px}.list li .title-wrapper .dot[data-v-6bb54bc1]{margin-right:8px;width:8px;height:8px;border-radius:100%;background-color:red}.list li .title[data-v-6bb54bc1]{flex:1;font-weight:600;font-size:16px;line-height:24px}.list li .message-html[data-v-6bb54bc1]{color:var(--color-text-secondary);width:100%;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.list li .message-html[data-v-6bb54bc1] p{margin:0}.list li .message-html[data-v-6bb54bc1] img{display:none}.list li .info[data-v-6bb54bc1]{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.list li .info .info-left[data-v-6bb54bc1]{display:flex}.list li .info .info-left .from[data-v-6bb54bc1]{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-6bb54bc1]{height:12px;margin-right:4px}.list li .info .info-left .creator-name[data-v-6bb54bc1]{font-size:14px;line-height:26px;height:26px;color:var(--color-text-secondary);padding-left:10px}.list li .info .date[data-v-6bb54bc1]{font-size:12px;line-height:18px;color:var(--color-text-secondary)}.pagination-wrapper[data-v-6bb54bc1]{display:flex;justify-content:center;padding:0 20px}