.message-container[data-v-f28d6e6a]{padding:20px;background:#fff;min-height:calc(100vh - 84px)}.message-container .page-header[data-v-f28d6e6a]{padding-bottom:20px;border-bottom:1px solid #ebeef5;margin-bottom:20px}.message-container .page-header .tabs-wrapper[data-v-f28d6e6a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px}.message-container .page-header .tabs-wrapper .tab-item[data-v-f28d6e6a]{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-f28d6e6a],.message-container .page-header .tabs-wrapper .tab-item[data-v-f28d6e6a]:hover{color:#303133}.message-container .page-header .tabs-wrapper .tab-item.active[data-v-f28d6e6a]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#303133}.message-container .message-list .message-item[data-v-f28d6e6a]{padding:16px 0;border-bottom:1px solid #ebeef5;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.message-container .message-list .message-item[data-v-f28d6e6a]: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-f28d6e6a]{font-weight:600;color:#303133}.message-container .message-list .message-item .message-title[data-v-f28d6e6a]{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-f28d6e6a]{color:#f56c6c;margin-right:4px;font-weight:700}.message-container .message-list .message-item .message-preview[data-v-f28d6e6a]{font-size:12px;color:#909399;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-container .message-list .message-item .message-content-wrap[data-v-f28d6e6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-right:12px}.message-container .message-list .message-item .message-time[data-v-f28d6e6a]{-ms-flex-negative:0;flex-shrink:0;font-size:12px;color:#909399;white-space:nowrap;line-height:21px}.message-container .message-list .empty-state[data-v-f28d6e6a]{text-align:center;padding:60px 20px;color:#909399;font-size:14px}.pagination-area[data-v-f28d6e6a]{position:fixed;bottom:10px;right:20px;z-index:10;background:#fff;padding:6px 12px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.12);box-shadow:0 2px 8px rgba(0,0,0,.12)}@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}.mobile-message-list .message-item{padding:12px 16px;border-bottom:1px solid #ebeef5;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mobile-message-list .message-item .message-content-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-right:12px}.mobile-message-list .message-item .message-title{font-size:14px;color:#606266;margin-bottom:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-message-list .message-item .message-title .unread-dot{color:#f56c6c;margin-right:4px;font-weight:700}.mobile-message-list .message-item .message-preview{font-size:12px;color:#909399;line-height:1.5;white-space:pre-wrap;word-break:break-word}.mobile-message-list .message-item .message-time{-ms-flex-negative:0;flex-shrink:0;font-size:12px;color:#909399;white-space:nowrap;line-height:21px}.mobile-message-list .message-item.unread .message-title{font-weight:600;color:#303133}}