.message-page[data-v-3d240765]{min-height:calc(100vh - 60px);background:#f5f7fa;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.page-header[data-v-3d240765]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e4e7ed}.crumbs[data-v-3d240765],.page-header[data-v-3d240765]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.crumbs[data-v-3d240765]{font-size:14px;color:#606266}.crumb-item[data-v-3d240765]{color:#606266}.crumb-item.active[data-v-3d240765]{color:#67c23a;font-weight:500}.crumb-separator[data-v-3d240765]{margin:0 10px;color:#c0c4cc}.message-container[data-v-3d240765]{margin-top:10px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden}.message-tabs[data-v-3d240765]{margin:0}.message-tabs .el-tabs__header[data-v-3d240765]{background:#fafafa;border-bottom:1px solid #e4e7ed;margin:0!important}.message-tabs .el-tabs__item[data-v-3d240765]{font-size:14px;font-weight:500}.message-tabs .el-tabs__item.is-active[data-v-3d240765]{color:#67c23a}.message-list[data-v-3d240765]{padding:0}.message-card[data-v-3d240765]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 15px 5px;margin-bottom:10px;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #e4e7ed}.message-card[data-v-3d240765]:hover{-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.message-card[data-v-3d240765]{position:relative}.message-card.unread[data-v-3d240765]{background:#fff8f8;border-color:#fecaca}.message-card.unread .unread-dot[data-v-3d240765]{width:10px;height:10px;background-color:#f56c6c;border-radius:50%;margin-right:12px;-ms-flex-negative:0;flex-shrink:0;margin-top:-2px;-webkit-animation:pulse-3d240765 1.5s ease-in-out infinite;animation:pulse-3d240765 1.5s ease-in-out infinite;-webkit-box-shadow:0 0 0 0 rgba(245,108,108,.7);box-shadow:0 0 0 0 rgba(245,108,108,.7)}@-webkit-keyframes pulse-3d240765{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 0 rgba(245,108,108,.7);box-shadow:0 0 0 0 rgba(245,108,108,.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:0 0 0 6px rgba(245,108,108,0);box-shadow:0 0 0 6px rgba(245,108,108,0)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 0 rgba(245,108,108,0);box-shadow:0 0 0 0 rgba(245,108,108,0)}}@keyframes pulse-3d240765{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 0 rgba(245,108,108,.7);box-shadow:0 0 0 0 rgba(245,108,108,.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:0 0 0 6px rgba(245,108,108,0);box-shadow:0 0 0 6px rgba(245,108,108,0)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 0 rgba(245,108,108,0);box-shadow:0 0 0 0 rgba(245,108,108,0)}}.message-card.read[data-v-3d240765]{background:#f2faf4;border-color:#bbf7d0}.message-content[data-v-3d240765]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.message-card:hover .message-title[data-v-3d240765]{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.message-card:hover .hover-tip[data-v-3d240765]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hover-tip[data-v-3d240765]{font-size:12px;color:#67c23a;opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:all .3s ease;transition:all .3s ease;margin-top:4px}.message-meta[data-v-3d240765]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:4px;margin-left:15px;-ms-flex-negative:0;flex-shrink:0}.message-sender[data-v-3d240765]{font-size:12px;color:#909399}.message-time[data-v-3d240765]{font-size:12px;color:#c0c4cc}.message-title[data-v-3d240765]{margin-top:15px;font-size:15px;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.message-actions[data-v-3d240765]{margin-left:15px;-ms-flex-negative:0;flex-shrink:0}.empty-state[data-v-3d240765]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 20px;color:#909399}.empty-state i[data-v-3d240765]{font-size:48px;margin-bottom:15px;color:#c0c4cc}.empty-state p[data-v-3d240765]{font-size:14px}.detail-content[data-v-3d240765]{padding:10px 0}.detail-header[data-v-3d240765]{border-bottom:1px solid #ebeef5;padding-bottom:15px;margin-bottom:15px}.detail-meta[data-v-3d240765]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;font-size:13px;color:#909399}.detail-sender[data-v-3d240765],.detail-time[data-v-3d240765]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.detail-sender i[data-v-3d240765],.detail-time i[data-v-3d240765]{font-size:14px}.detail-body[data-v-3d240765]{font-size:14px;color:#606266;line-height:1.8}.detail-body img[data-v-3d240765]{max-width:100%;height:auto;border-radius:4px;margin:10px 0;display:block}.detail-body p[data-v-3d240765]{margin:8px 0}.detail-body ol[data-v-3d240765],.detail-body ul[data-v-3d240765]{margin:8px 0;padding-left:25px}.detail-body li[data-v-3d240765]{margin:5px 0}