.message-center[data-v-c5fd7792]{max-width:1440px;margin:0 auto;color:#303133;padding:24px;background:#f5f7fa;min-height:calc(100vh - 104px)}.message-heading[data-v-c5fd7792]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:22px}.message-heading>div[data-v-c5fd7792],.message-heading[data-v-c5fd7792]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.message-heading>div[data-v-c5fd7792]{gap:16px}.message-heading h2[data-v-c5fd7792]{font-size:24px;font-weight:600;margin:0}.unread-total[data-v-c5fd7792]{font-size:13px;color:#4480f3;background:#eaf1ff;padding:5px 10px;border-radius:20px}.message-panel[data-v-c5fd7792]{background:#fff;border:1px solid #e7ebf1;border-radius:10px;padding:0 24px 20px}.message-filters[data-v-c5fd7792]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0f5}.message-filters[data-v-c5fd7792] .el-tabs__header{margin:0}.message-filters[data-v-c5fd7792] .el-tabs__nav-wrap:after{display:none}.message-filters[data-v-c5fd7792] .el-tabs__item{height:74px;line-height:74px;font-size:15px}.message-cards[data-v-c5fd7792]{min-height:260px}.message-row[data-v-c5fd7792]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:22px 12px;border-bottom:1px solid #edf0f5;-webkit-transition:background .15s;transition:background .15s}.message-row[data-v-c5fd7792]:hover{background:#fafbfd}.message-row.unread[data-v-c5fd7792]{background:#f7faff}.message-row.unread[data-v-c5fd7792]:hover{background:#f0f5ff}.message-main[data-v-c5fd7792]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;text-align:left;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.message-main[data-v-c5fd7792]:focus-visible{outline:2px solid #4480f3;outline-offset:6px;border-radius:4px}.message-main[data-v-c5fd7792]:disabled{cursor:wait}.message-icon[data-v-c5fd7792]{position:relative;width:42px;height:42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:none;flex:none;background:#edf2f8;color:#8190a5;border-radius:10px;font-size:22px}.unread .message-icon[data-v-c5fd7792]{background:#e8efff;color:#4480f3}.unread-dot[data-v-c5fd7792]{position:absolute;width:8px;height:8px;border-radius:50%;background:#4480f3;right:-2px;top:-2px;border:2px solid #fff;-webkit-box-sizing:content-box;box-sizing:content-box}.message-body[data-v-c5fd7792]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:block}.message-card-head[data-v-c5fd7792]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.message-card-head strong[data-v-c5fd7792]{font-weight:500;line-height:1.5;overflow-wrap:anywhere}.unread .message-card-head strong[data-v-c5fd7792]{font-weight:600}.message-time[data-v-c5fd7792]{color:#909399;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.message-content[data-v-c5fd7792]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:14px;color:#606266;margin:7px 0}.message-meta[data-v-c5fd7792]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#909399;line-height:1.7;overflow-wrap:anywhere}.message-actions[data-v-c5fd7792]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:92px;-webkit-box-flex:0;-ms-flex:none;flex:none;gap:8px}.message-actions .el-button[data-v-c5fd7792]{margin:0;padding:4px 0;font-size:13px}.message-actions .el-icon-arrow-right[data-v-c5fd7792]{margin-left:4px}.read-status[data-v-c5fd7792]{font-size:12px;color:#b0b7c2;padding:4px 0}.message-empty[data-v-c5fd7792]{min-height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:18px;color:#909399;font-size:14px}.message-empty>i[data-v-c5fd7792]{font-size:36px;color:#c3ccd8}.message-context[data-v-c5fd7792]{padding:16px;background:#f5f8ff;border-radius:8px}.message-context p[data-v-c5fd7792]{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#606266}.message-context-head[data-v-c5fd7792]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px}.message-panel[data-v-c5fd7792] .pagination-container{padding-right:0}@media(max-width:760px){.message-center[data-v-c5fd7792]{padding:16px}.message-panel[data-v-c5fd7792]{padding:0 12px 16px}.message-filters[data-v-c5fd7792]{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0;padding-bottom:12px}.message-filters[data-v-c5fd7792] .el-tabs__item{height:60px;line-height:60px}.message-row[data-v-c5fd7792]{gap:12px;padding:18px 4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.message-icon[data-v-c5fd7792]{width:34px;height:36px;font-size:19px}.message-main[data-v-c5fd7792]{gap:10px;-ms-flex-preferred-size:100%;flex-basis:100%}.message-card-head[data-v-c5fd7792]{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.message-time[data-v-c5fd7792]{width:100%}.message-actions[data-v-c5fd7792]{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:20px}.message-heading>div[data-v-c5fd7792]{gap:8px}.message-heading h2[data-v-c5fd7792]{font-size:22px}}