.message-page[data-v-dc56e7db]{background:#f0f2f5}.page-header[data-v-dc56e7db]{margin-bottom:24px}.page-header h2[data-v-dc56e7db]{color:#262626;margin:0;font-size:24px;font-weight:600}.message-container[data-v-dc56e7db]{gap:16px;height:calc(100vh - 160px);display:flex}.message-sidebar[data-v-dc56e7db]{background:#fff;border-radius:8px;flex-direction:column;width:320px;padding:16px;display:flex;box-shadow:0 1px 2px #00000008}.search-box[data-v-dc56e7db]{margin-bottom:16px}.filter-buttons[data-v-dc56e7db]{gap:8px;margin-bottom:12px;display:flex}.filter-buttons .ant-btn[data-v-dc56e7db]{flex:1}.action-buttons[data-v-dc56e7db]{margin-bottom:16px}.message-list[data-v-dc56e7db]{flex:1;margin:0 -16px;padding:0 16px;overflow-y:auto}.message-list[data-v-dc56e7db]::-webkit-scrollbar{width:6px}.message-list[data-v-dc56e7db]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.message-item[data-v-dc56e7db]{cursor:pointer;border:1px solid #0000;border-radius:6px;margin-bottom:8px;padding:5px;transition:all .3s}.message-item[data-v-dc56e7db]:hover{background:#ebebeb}.message-item.active[data-v-dc56e7db]{background:#fff;border-color:#1890ff}.message-item.unread[data-v-dc56e7db]{background:#f5f5f5}.message-item-header[data-v-dc56e7db]{align-items:center;gap:8px;width:100%;margin-bottom:4px;display:flex}.unread-dot[data-v-dc56e7db]{background:#ff4d4f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.message-item-title[data-v-dc56e7db]{color:#262626;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.message-item-time[data-v-dc56e7db]{color:#8c8c8c;padding-left:16px;font-size:12px}.message-content[data-v-dc56e7db]{background:#fff;border-radius:8px;flex:1;padding:24px;overflow-y:auto;box-shadow:0 1px 2px #00000008}.message-detail-title[data-v-dc56e7db]{color:#262626;margin-bottom:12px;font-size:20px;font-weight:600}.message-detail-time[data-v-dc56e7db]{color:#8c8c8c;border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px;font-size:14px}.message-detail-content[data-v-dc56e7db]{color:#595959;white-space:pre-wrap;font-size:14px;line-height:1.8}.message-empty[data-v-dc56e7db]{justify-content:center;align-items:center;height:100%;display:flex}.pagination-wrapper[data-v-dc56e7db]{border-top:1px solid #f0f0f0;justify-content:center;padding:16px 0 0;display:flex}