.message-container[data-v-53f844ea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:calc(100vh - 84px);padding:20px;background:#fff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.message-container .page-header[data-v-53f844ea]{-ms-flex-negative:0;flex-shrink:0;padding-bottom:20px;border-bottom:1px solid #ebeef5;margin-bottom:20px}.message-container .page-header .tabs-wrapper[data-v-53f844ea]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px}.message-container .page-header .tabs-wrapper .tab-item[data-v-53f844ea]{font-size:18px;font-weight:600;color:#606266;cursor:pointer;padding-bottom:8px;position:relative;-webkit-transition:color .3s;transition:color .3s}.message-container .page-header .tabs-wrapper .tab-item.active[data-v-53f844ea],.message-container .page-header .tabs-wrapper .tab-item[data-v-53f844ea]:hover{color:#303133}.message-container .page-header .tabs-wrapper .tab-item.active[data-v-53f844ea]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#303133}.message-container .message-list[data-v-53f844ea]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;overflow-y:auto}.message-container .message-list .message-item[data-v-53f844ea]{padding:16px 0;border-bottom:1px solid #ebeef5;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.message-container .message-list .message-item[data-v-53f844ea]:hover{background-color:#f5f7fa;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px}.message-container .message-list .message-item.unread .message-title[data-v-53f844ea]{font-weight:600;color:#303133}.message-container .message-list .message-item .message-title[data-v-53f844ea]{font-size:14px;color:#606266;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.message-container .message-list .message-item .message-title .unread-dot[data-v-53f844ea]{color:#f56c6c;margin-right:4px;font-weight:700}.message-container .message-list .message-item .message-preview[data-v-53f844ea]{font-size:12px;color:#909399;line-height:1.5}.message-container .message-list .message-item .message-item-body[data-v-53f844ea]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.message-container .message-list .message-item .message-main[data-v-53f844ea]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.message-container .message-list .message-item .message-time[data-v-53f844ea]{-webkit-box-flex:0;-ms-flex:none;flex:none;font-size:12px;color:#c0c4cc;white-space:nowrap;line-height:20px}.message-container .message-list .empty-state[data-v-53f844ea]{text-align:center;padding:60px 20px;color:#909399;font-size:14px}.message-container .pagination-area[data-v-53f844ea]{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:15px;margin-top:auto;border-top:1px solid #ebeef5}@media screen and (max-width:999px){.mobile-list-page__tabs .tabs-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;padding:4px 16px 8px}.mobile-list-page__tabs .tabs-wrapper .tab-item{font-size:16px;font-weight:600;color:#606266;cursor:pointer;padding-bottom:8px;position:relative}.mobile-list-page__tabs .tabs-wrapper .tab-item.active{color:#303133}.mobile-list-page__tabs .tabs-wrapper .tab-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#303133}}