.notification-bell[data-v-2b063ba4]{position:relative}.notification-bell .el-button.has-notification[data-v-2b063ba4]{animation:bell-ring-2b063ba4 1s ease-in-out infinite}@keyframes bell-ring-2b063ba4{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.notification-content[data-v-2b063ba4]{max-height:80vh;display:flex;flex-direction:column}.notification-header[data-v-2b063ba4]{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.notification-title[data-v-2b063ba4]{font-size:16px;font-weight:600;color:#303133}.notification-list[data-v-2b063ba4]{max-height:calc(80vh - 150px);overflow-y:auto}.notification-item[data-v-2b063ba4]{padding:12px;border-radius:4px;cursor:pointer;transition:all .3s;margin-bottom:8px;border:1px solid #ebeef5;position:relative}.notification-item[data-v-2b063ba4]:hover{background-color:#f5f7fa}.notification-item.unread[data-v-2b063ba4]{background-color:#ecf5ff;border-color:#b3d8ff}.notification-time[data-v-2b063ba4]{position:absolute;top:12px;right:12px;font-size:12px;color:#909399;transition:all .3s}.notification-time.unread[data-v-2b063ba4]{color:#409eff;font-weight:600}.mark-read-btn[data-v-2b063ba4]{position:absolute;top:12px;right:12px;opacity:0;visibility:hidden;transition:all .3s}.notification-item:hover .mark-read-btn[data-v-2b063ba4]{opacity:1;visibility:visible}.notification-item:hover .notification-time[data-v-2b063ba4]{opacity:0;visibility:hidden}.notification-item-header[data-v-2b063ba4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.notification-type[data-v-2b063ba4]{display:inline-block;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:500}.notification-type.type-charge[data-v-2b063ba4]{background-color:#67c23a;color:#fff}.notification-type.type-exchange[data-v-2b063ba4]{background-color:#e6a23c;color:#fff}.notification-type.type-customer[data-v-2b063ba4]{background-color:#409eff;color:#fff}.notification-type.type-member[data-v-2b063ba4]{background-color:#909399;color:#fff}.notification-type.type-system[data-v-2b063ba4]{background-color:#f56c6c;color:#fff}.notification-type.type-customer1[data-v-2b063ba4]{background-color:#b88230;color:#fff}.notification-item-message[data-v-2b063ba4]{font-size:13px;color:#606266;line-height:1.5}.notification-footer[data-v-2b063ba4]{text-align:center;padding:4px 0}.notification-popover{padding:16px!important}