.pagination-container[data-v-52c39d8a]{background:#fff}.pagination-container.hidden[data-v-52c39d8a]{display:none}.message-center-container[data-v-4e6b77ec]{padding:20px;background-color:#f5f7fa;min-height:calc(100vh - 84px)}.content-box[data-v-4e6b77ec]{background:#fff;padding:30px;border-radius:12px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.05);box-shadow:0 2px 12px 0 rgba(0,0,0,.05);min-height:calc(100vh - 124px);border:1px solid #f0f2f5}.content-header[data-v-4e6b77ec]{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f2f5}.content-header .header-left[data-v-4e6b77ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.content-header .header-icon[data-v-4e6b77ec]{font-size:28px;color:#ff9f43;margin-right:4px}.content-header .content-title[data-v-4e6b77ec]{font-size:22px;font-weight:600;color:#1e293b;font-family:PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:.5px}.content-header .content-subtitle[data-v-4e6b77ec]{font-size:14px;margin-left:16px;padding-left:16px;border-left:1px solid #e4e7ed;color:#64748b;font-weight:400}.empty-state[data-v-4e6b77ec]{text-align:center;padding:80px 0;color:#94a3b8}.empty-state .empty-icon-wrapper[data-v-4e6b77ec]{width:80px;height:80px;background:#f8fafc;border-radius:50%;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;margin:0 auto 20px}.empty-state .empty-icon-wrapper i[data-v-4e6b77ec]{font-size:40px;color:#e2e8f0}.empty-state p[data-v-4e6b77ec]{font-size:16px}.modern-message-list[data-v-4e6b77ec]{border:none}.modern-message-list[data-v-4e6b77ec] .el-collapse-item__header{height:70px;line-height:70px;padding:0 20px;border-bottom:1px solid #f1f5f9;-webkit-transition:all .3s;transition:all .3s}.modern-message-list[data-v-4e6b77ec] .el-collapse-item__header:hover{background-color:#fffaf5}.modern-message-list[data-v-4e6b77ec] .el-collapse-item__header.is-active{background-color:#fff7e6;border-bottom-color:#ffe7ba}.modern-message-list[data-v-4e6b77ec] .el-collapse-item__wrap{border-bottom:1px solid #f1f5f9;background-color:#fcfcfd}.message-title-wrapper[data-v-4e6b77ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-right:15px}.message-dot[data-v-4e6b77ec]{width:8px;height:8px;border-radius:50%;margin-right:12px;background-color:transparent}.message-dot.is-unread[data-v-4e6b77ec]{background-color:#ff9f43;-webkit-box-shadow:0 0 0 3px rgba(255,159,67,.2);box-shadow:0 0 0 3px rgba(255,159,67,.2)}.message-title[data-v-4e6b77ec]{font-size:16px;font-weight:600;color:#1e293b;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-title.is-read[data-v-4e6b77ec]{color:#64748b;font-weight:500}.read-tag[data-v-4e6b77ec]{margin-left:15px;border-radius:4px;font-weight:600}.read-tag.el-tag--warning[data-v-4e6b77ec]{background-color:#fff7e6;border-color:#ffe7ba;color:#ff9f43}.message-detail-content[data-v-4e6b77ec]{padding:25px 30px}.meta-row[data-v-4e6b77ec]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;margin-bottom:20px;color:#94a3b8;font-size:13px}.meta-row .meta-item[data-v-4e6b77ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.meta-row .meta-item i[data-v-4e6b77ec]{font-size:16px}.message-body[data-v-4e6b77ec]{background-color:#fff;padding:20px;border-radius:8px;border:1px solid #f1f5f9}.message-body .body-label[data-v-4e6b77ec]{font-size:12px;color:#94a3b8;margin-bottom:10px;font-weight:600;text-transform:uppercase}.message-body .body-text[data-v-4e6b77ec]{font-size:15px;color:#334155;line-height:1.7;white-space:pre-wrap}[data-v-4e6b77ec] .pagination-container{background:transparent!important;padding:30px 0 0 0!important}[data-v-4e6b77ec] .pagination-container .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#ff9f43}[data-v-4e6b77ec] .pagination-container .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#ff9f43}