.notification-bell[data-v-f80de7ec]{background:transparent;border:none;color:#606266;font-size:18px;padding:8px;-webkit-transition:color .2s;transition:color .2s}.notification-bell[data-v-f80de7ec]:hover{color:#409eff}.notification-panel[data-v-f80de7ec]{width:100%}.panel-header[data-v-f80de7ec]{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:12px 16px;border-bottom:1px solid #ebeef5}.panel-header .title[data-v-f80de7ec]{font-size:15px;font-weight:600;color:#303133}.header-actions[data-v-f80de7ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.sound-switch[data-v-f80de7ec]{-webkit-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:right center;transform-origin:right center}.connection-status[data-v-f80de7ec]{padding:6px 16px;font-size:12px;border-bottom:1px solid #ebeef5;background:#fafafa}.status-online[data-v-f80de7ec]{color:#67c23a}.status-offline[data-v-f80de7ec]{color:#f56c6c}.message-list[data-v-f80de7ec]{max-height:400px;overflow-y:auto}.message-item[data-v-f80de7ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:12px 16px;cursor:pointer;position:relative;border-bottom:1px solid #f2f6fc;-webkit-transition:background-color .15s;transition:background-color .15s}.message-item[data-v-f80de7ec]:hover{background-color:#f5f7fa}.message-item.unread[data-v-f80de7ec]{background-color:#ecf5ff;border-left:3px solid #409eff}.message-item.unread[data-v-f80de7ec]:hover{background-color:#d9ecff}.msg-icon[data-v-f80de7ec]{-ms-flex-negative:0;flex-shrink:0;width:36px;height:36px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:10px;font-size:18px}.msg-icon.icon-blue[data-v-f80de7ec]{background:#ecf5ff;color:#409eff}.msg-icon.icon-orange[data-v-f80de7ec]{background:#fdf6ec;color:#e6a23c}.msg-icon.icon-red[data-v-f80de7ec]{background:#fef0f0;color:#f56c6c}.msg-icon.icon-green[data-v-f80de7ec]{background:#f0f9eb;color:#67c23a}.msg-icon.icon-purple[data-v-f80de7ec]{background:#f3e8ff;color:#9b59b6}.msg-icon.icon-gray[data-v-f80de7ec]{background:#f4f4f5;color:#909399}.msg-icon.icon-teal[data-v-f80de7ec]{background:#ccfbf1;color:#14b8a6}.msg-body[data-v-f80de7ec]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;overflow:hidden}.msg-title[data-v-f80de7ec]{font-size:14px;font-weight:500;color:#303133;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-content[data-v-f80de7ec]{font-size:12px;color:#606266;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-time[data-v-f80de7ec]{font-size:11px;color:#909399}.msg-action[data-v-f80de7ec]{-ms-flex-negative:0;flex-shrink:0;margin-left:8px;color:#c0c4cc;font-size:12px;-ms-flex-item-align:center;align-self:center}.unread-dot[data-v-f80de7ec]{position:absolute;top:12px;right:16px;width:8px;height:8px;background:#f56c6c;border-radius:50%}.empty-state[data-v-f80de7ec]{padding:40px 20px;text-align:center;color:#909399}.empty-state i[data-v-f80de7ec]{font-size:48px;color:#dcdfe6;display:block;margin-bottom:12px}.empty-state p[data-v-f80de7ec]{font-size:14px;margin:0}.panel-footer[data-v-f80de7ec]{padding:10px 16px;text-align:center;border-top:1px solid #ebeef5}.panel-footer .el-button[data-v-f80de7ec]{padding:0}