.notifications-container[data-v-58b38f9c]{padding:24px;background:#f0f2f5;min-height:calc(100vh - 64px)}.notifications-container .notifications-main-card[data-v-58b38f9c]{border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.notifications-container .notifications-main-card[data-v-58b38f9c] .ant-card-head{background:linear-gradient(135deg,#1890ff,#722ed1);border-color:transparent}.notifications-container .notifications-main-card[data-v-58b38f9c] .ant-card-head .ant-card-head-title{color:#fff;font-size:18px;font-weight:600}.notifications-container .notifications-main-card[data-v-58b38f9c] .ant-card-head .ant-btn{border-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.1);color:#fff}.notifications-container .notifications-main-card[data-v-58b38f9c] .ant-card-head .ant-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.notifications-container .notifications-main-card[data-v-58b38f9c] .ant-card-head .ant-btn:disabled{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5)}.notifications-container .notification-filters[data-v-58b38f9c]{margin-bottom:24px;padding:16px;background:#fafafa;border-radius:8px}.notifications-container .notification-filters .filter-tabs[data-v-58b38f9c] .ant-radio-button-wrapper{border-radius:6px;margin-right:8px;border:1px solid #d9d9d9}.notifications-container .notification-filters .filter-tabs[data-v-58b38f9c] .ant-radio-button-wrapper:first-child,.notifications-container .notification-filters .filter-tabs[data-v-58b38f9c] .ant-radio-button-wrapper:last-child{border-radius:6px}.notifications-container .notification-filters .filter-tabs[data-v-58b38f9c] .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{background:#1890ff;border-color:#1890ff;color:#fff;-webkit-box-shadow:0 2px 4px rgba(24,144,255,.3);box-shadow:0 2px 4px rgba(24,144,255,.3)}.notifications-container .notification-filters .text-right[data-v-58b38f9c]{text-align:right}.notifications-container .notification-list .empty-notifications[data-v-58b38f9c]{padding:80px 20px;text-align:center}.notifications-container .notification-list .notification-item[data-v-58b38f9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px;margin-bottom:12px;background:#fff;border-radius:12px;border:1px solid #f0f0f0;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.notifications-container .notification-list .notification-item[data-v-58b38f9c]:hover{border-color:#d9d9d9;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.notifications-container .notification-list .notification-item.unread[data-v-58b38f9c]{border-left:4px solid #1890ff;background:linear-gradient(135deg,#f0f9ff,#fff)}.notifications-container .notification-list .notification-item.unread[data-v-58b38f9c]:hover{background:linear-gradient(135deg,#e6f7ff,#f0f9ff)}.notifications-container .notification-list .notification-item.unread .notification-title[data-v-58b38f9c]{font-weight:600}.notifications-container .notification-list .notification-item.notification-warning.unread[data-v-58b38f9c]{border-left-color:#faad14}.notifications-container .notification-list .notification-item.notification-error.unread[data-v-58b38f9c]{border-left-color:#ff4d4f}.notifications-container .notification-list .notification-item.notification-success.unread[data-v-58b38f9c]{border-left-color:#52c41a}.notifications-container .notification-list .notification-item .notification-main[data-v-58b38f9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer}.notifications-container .notification-list .notification-item .notification-icon-wrapper[data-v-58b38f9c]{position:relative;margin-right:16px;-ms-flex-negative:0;flex-shrink:0}.notifications-container .notification-list .notification-item .notification-icon-wrapper .notification-type-icon[data-v-58b38f9c]{width:40px;height:40px;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;font-size:18px}.notifications-container .notification-list .notification-item .notification-icon-wrapper .notification-type-icon.icon-warning[data-v-58b38f9c]{background:rgba(250,173,20,.1);color:#faad14}.notifications-container .notification-list .notification-item .notification-icon-wrapper .notification-type-icon.icon-error[data-v-58b38f9c]{background:rgba(255,77,79,.1);color:#ff4d4f}.notifications-container .notification-list .notification-item .notification-icon-wrapper .notification-type-icon.icon-info[data-v-58b38f9c]{background:rgba(24,144,255,.1);color:#1890ff}.notifications-container .notification-list .notification-item .notification-icon-wrapper .notification-type-icon.icon-success[data-v-58b38f9c]{background:rgba(82,196,26,.1);color:#52c41a}.notifications-container .notification-list .notification-item .notification-icon-wrapper .notification-dot[data-v-58b38f9c]{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:linear-gradient(135deg,#ff4d4f,#ff7875);border:2px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 0 2px rgba(255,77,79,.2);box-shadow:0 0 0 2px rgba(255,77,79,.2);-webkit-animation:pulse-notification-data-v-58b38f9c 2s infinite;animation:pulse-notification-data-v-58b38f9c 2s infinite}.notifications-container .notification-list .notification-item .notification-content[data-v-58b38f9c]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.notifications-container .notification-list .notification-item .notification-content .notification-header[data-v-58b38f9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:8px}.notifications-container .notification-list .notification-item .notification-content .notification-header .notification-title[data-v-58b38f9c]{font-size:16px;color:#262626;margin:0;font-weight:500;line-height:1.4}.notifications-container .notification-list .notification-item .notification-content .notification-header .notification-meta[data-v-58b38f9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-negative:0;flex-shrink:0;margin-left:16px}.notifications-container .notification-list .notification-item .notification-content .notification-header .notification-meta .notification-time[data-v-58b38f9c]{font-size:12px;color:#999;white-space:nowrap}.notifications-container .notification-list .notification-item .notification-content .notification-desc[data-v-58b38f9c]{font-size:14px;color:#666;line-height:1.5;margin:0 0 12px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notifications-container .notification-list .notification-item .notification-content .notification-action[data-v-58b38f9c]{margin-top:8px}.notifications-container .notification-list .notification-item .notification-operations[data-v-58b38f9c]{margin-left:12px;-ms-flex-negative:0;flex-shrink:0}.notifications-container .notification-list .notification-item .notification-operations .operation-btn[data-v-58b38f9c]{width:32px;height:32px;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;-webkit-transition:all .3s;transition:all .3s}.notifications-container .notification-list .notification-item .notification-operations .operation-btn[data-v-58b38f9c]:hover{background:#f5f5f5}.notifications-container .pagination-wrapper[data-v-58b38f9c]{margin-top:24px;padding:16px;background:#fafafa;border-radius:8px;text-align:center}.notifications-container .pagination-wrapper[data-v-58b38f9c] .ant-pagination .ant-pagination-item-active{background:#1890ff;border-color:#1890ff}@-webkit-keyframes pulse-notification-data-v-58b38f9c{0%{-webkit-box-shadow:0 0 0 2px rgba(255,77,79,.2);box-shadow:0 0 0 2px rgba(255,77,79,.2)}50%{-webkit-box-shadow:0 0 0 6px rgba(255,77,79,.1);box-shadow:0 0 0 6px rgba(255,77,79,.1)}to{-webkit-box-shadow:0 0 0 2px rgba(255,77,79,.2);box-shadow:0 0 0 2px rgba(255,77,79,.2)}}@keyframes pulse-notification-data-v-58b38f9c{0%{-webkit-box-shadow:0 0 0 2px rgba(255,77,79,.2);box-shadow:0 0 0 2px rgba(255,77,79,.2)}50%{-webkit-box-shadow:0 0 0 6px rgba(255,77,79,.1);box-shadow:0 0 0 6px rgba(255,77,79,.1)}to{-webkit-box-shadow:0 0 0 2px rgba(255,77,79,.2);box-shadow:0 0 0 2px rgba(255,77,79,.2)}}[data-v-58b38f9c] .ant-dropdown-menu{border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}[data-v-58b38f9c] .ant-dropdown-menu .ant-dropdown-menu-item{padding:8px 16px;-webkit-transition:all .3s;transition:all .3s}[data-v-58b38f9c] .ant-dropdown-menu .ant-dropdown-menu-item:hover{background:#f0f9ff}[data-v-58b38f9c] .ant-dropdown-menu .ant-dropdown-menu-item.delete-item:hover{background:#fff2f0;color:#ff4d4f}@media (max-width:768px){.notifications-container[data-v-58b38f9c]{padding:12px}.notifications-container .notification-filters .filter-tabs[data-v-58b38f9c] .ant-radio-button-wrapper{margin-bottom:8px;margin-right:4px}.notifications-container .notification-item[data-v-58b38f9c]{padding:16px}.notifications-container .notification-item .notification-content .notification-header[data-v-58b38f9c]{-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}.notifications-container .notification-item .notification-content .notification-header .notification-meta[data-v-58b38f9c]{margin-left:0;margin-top:8px}.notifications-container .notification-item[data-v-58b38f9c]:hover{-webkit-transform:none;transform:none}}