.notification-list-page[data-v-2e41b626]{min-height:calc(100vh - 64px);padding:24px}@media(max-width:768px){.notification-list-page[data-v-2e41b626]{padding:0}}.page-header[data-v-2e41b626]{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:24px;gap:12px}.page-header h1[data-v-2e41b626]{margin:0;font-size:28px;font-weight:600;color:#262626}@media(max-width:768px){.page-header[data-v-2e41b626]{flex-direction:column;align-items:flex-start;gap:12px}.page-header h1[data-v-2e41b626]{font-size:24px}}.notification-content[data-v-2e41b626]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:0}.notification-content[data-v-2e41b626] .ant-tabs .ant-tabs-nav{padding:0 24px;margin:0}.notification-content[data-v-2e41b626] .ant-tabs .ant-tabs-tab{padding:16px 0;font-weight:600}.notification-tab-content[data-v-2e41b626]{min-height:calc(100vh - 192px);padding:0}.notifications-list[data-v-2e41b626]{border-top:1px solid #f0f0f0}.notification-item[data-v-2e41b626]{display:flex;padding:16px 24px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f5f5f5}.notification-item[data-v-2e41b626]:hover{background:#fafafa}.notification-item.unread[data-v-2e41b626]{background:#efefff}.notification-item.unread[data-v-2e41b626]:hover{background:#e6e6ff}.notif-content[data-v-2e41b626]{flex:1;min-width:0}.notif-header[data-v-2e41b626]{display:flex;gap:12px;margin-bottom:6px}.notif-title[data-v-2e41b626]{font-weight:600;font-size:15px;color:#444294;align-items:center}.notif-desc[data-v-2e41b626]{font-size:14px;color:#595959;margin-bottom:6px;line-height:1.5}.notif-time[data-v-2e41b626]{display:flex;align-items:center;font-size:13px;color:#8c8c8c}.empty-state[data-v-2e41b626]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#999;gap:12px}.empty-state p[data-v-2e41b626]{margin:0;font-size:14px}.pagination-wrapper[data-v-2e41b626]{display:flex;justify-content:center;padding:24px;border-top:1px solid #f0f0f0}.read-button[data-v-2e41b626]{width:auto;cursor:pointer;color:#444294;display:flex;align-items:center;gap:6px;transition:color .2s;font-size:14px}.read-button[data-v-2e41b626]:hover{color:#444294}.read-button svg[data-v-2e41b626]{font-size:14px}[data-v-2e41b626] .ant-badge .ant-badge-count{background:#e10f28}[data-v-2e41b626] .ant-tabs-bar{margin:0!important}[data-v-2e41b626] .ant-tabs-ink-bar{background-color:#e10f28!important}[data-v-2e41b626] .ant-tabs-nav .ant-tabs-tab{margin:0 36px 0 0!important;font-weight:400!important}[data-v-2e41b626] .ant-tabs-nav .ant-tabs-tab-active{color:#e10f28!important;font-weight:700!important}[data-v-2e41b626] .ant-tabs-nav .ant-tabs-tab:hover{color:#e10f28!important}