.message-container[data-v-2b24140e]{padding:20px;background:#fff;min-height:calc(100vh - 84px)}.page-header[data-v-2b24140e]{padding-bottom:20px;border-bottom:1px solid #ebeef5;margin-bottom:20px}.page-header .tabs-wrapper[data-v-2b24140e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px}.page-header .tabs-wrapper .tab-item[data-v-2b24140e]{font-size:18px;font-weight:600;color:#606266;cursor:pointer;padding-bottom:8px;position:relative;-webkit-transition:color .3s;transition:color .3s}.page-header .tabs-wrapper .tab-item.active[data-v-2b24140e],.page-header .tabs-wrapper .tab-item[data-v-2b24140e]:hover{color:#303133}.page-header .tabs-wrapper .tab-item.active[data-v-2b24140e]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#303133}.message-list .message-item[data-v-2b24140e]{padding:16px 0;border-bottom:1px solid #ebeef5;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.message-list .message-item[data-v-2b24140e]:hover{background-color:#f5f7fa;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px}.message-list .message-item.unread .message-title[data-v-2b24140e]{font-weight:600;color:#303133}.message-list .message-item .message-title[data-v-2b24140e]{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-list .message-item .message-title .unread-dot[data-v-2b24140e]{color:#f56c6c;margin-right:4px;font-weight:700}.message-list .message-item .message-preview[data-v-2b24140e]{font-size:12px;color:#909399;line-height:1.5}.message-list .pagination-area[data-v-2b24140e]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.message-list .empty-state[data-v-2b24140e]{text-align:center;padding:60px 20px;color:#909399;font-size:14px}