.notifications-page[data-v-7eb7446f]{display:flex;gap:20px;margin:0 auto;max-width:1400px;min-height:calc(100vh - 64px);padding:20px}.notifications-sidebar[data-v-7eb7446f]{background:var(--card-bg);border-radius:8px;box-shadow:0 1px 3px #0000000d;flex-shrink:0;width:240px}.sidebar-header[data-v-7eb7446f]{border-bottom:1px solid var(--border-color);padding:16px}.sidebar-header h2[data-v-7eb7446f]{color:var(--text-primary);font-size:1.1em;font-weight:500;margin:0}.category-list[data-v-7eb7446f]{display:flex;flex-direction:column}.category-item[data-v-7eb7446f]{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;padding:12px 20px;text-align:left;transition:background-color .2s ease;width:100%}.category-item i[data-v-7eb7446f]{font-size:1.1em;margin-right:12px;width:24px}.category-item i.fa-bell[data-v-7eb7446f]{color:#1677ff}.category-item i.fa-cog[data-v-7eb7446f]{color:#52c41a}.category-item i.fa-comment[data-v-7eb7446f]{color:#722ed1}.category-item i.fa-heart[data-v-7eb7446f]{color:#eb2f96}.category-item i.fa-star[data-v-7eb7446f]{color:#f59e0b}.category-item i.fa-user-plus[data-v-7eb7446f]{color:#13c2c2}.category-item span[data-v-7eb7446f]{flex:1;font-size:.9em}.category-item[data-v-7eb7446f]:hover{background:#409eff0a}.category-item.active[data-v-7eb7446f]{background:#409eff14;color:#409eff}.category-item.active i[data-v-7eb7446f]{color:#409eff}.category-badge[data-v-7eb7446f]{margin-left:auto}.category-badge[data-v-7eb7446f] .el-badge__content{background-color:#409eff;border:none;border-radius:8px;font-size:12px;font-weight:400;height:16px;line-height:16px;padding:0 6px}.notifications-main[data-v-7eb7446f]{flex:1;min-width:0}.notifications-header[data-v-7eb7446f]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.notifications-header h1[data-v-7eb7446f]{color:var(--text-primary);font-size:1.2em;font-weight:500;margin:0}.header-actions[data-v-7eb7446f] .el-button{color:#409eff}.header-actions i[data-v-7eb7446f]{margin-right:4px}.notifications-content[data-v-7eb7446f]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.notification-item[data-v-7eb7446f]{align-items:flex-start;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;padding:16px;transition:background-color .2s ease}.notification-item[data-v-7eb7446f]:hover{background:#409eff05}.notification-item.unread[data-v-7eb7446f]{background:#409eff0a}.notification-item.unread[data-v-7eb7446f]:hover{background:#409eff0f}.notification-icon[data-v-7eb7446f]{align-items:center;background:#409eff1a;border-radius:4px;display:flex;height:36px;justify-content:center;margin-right:16px;width:36px}.notification-icon i[data-v-7eb7446f]{font-size:1.1em}.notification-icon .fa-bell[data-v-7eb7446f]{color:#1677ff}.notification-icon .fa-cog[data-v-7eb7446f]{color:#52c41a}.notification-icon .fa-comment[data-v-7eb7446f]{color:#722ed1}.notification-icon .fa-heart[data-v-7eb7446f]{color:#eb2f96}.notification-icon .fa-star[data-v-7eb7446f]{color:#f59e0b}.notification-icon .fa-user-plus[data-v-7eb7446f]{color:#13c2c2}.notification-body[data-v-7eb7446f]{flex:1;min-width:0}.notification-title[data-v-7eb7446f]{color:var(--text-primary);font-size:1em;font-weight:500;margin-bottom:6px}.notification-message[data-v-7eb7446f]{color:var(--text-secondary);font-size:.95em;line-height:1.5;margin-bottom:6px}.notification-message[data-v-7eb7446f] p{margin:8px 0 0}.article-title[data-v-7eb7446f]{color:#409eff;cursor:pointer}.article-title[data-v-7eb7446f]:hover{text-decoration:underline}.notification-time[data-v-7eb7446f]{color:var(--text-secondary);font-size:.85em;margin-top:8px}.notification-actions[data-v-7eb7446f]{margin-left:12px;visibility:hidden}.notification-actions[data-v-7eb7446f] .el-button{padding:4px}.notification-actions i[data-v-7eb7446f]{color:var(--text-secondary);font-size:.9em}.notification-actions[data-v-7eb7446f] .el-button:hover i{color:#ff4d4f}.notification-item:hover .notification-actions[data-v-7eb7446f]{visibility:visible}.pagination-box[data-v-7eb7446f]{display:flex;justify-content:center;padding:20px}.empty-state[data-v-7eb7446f]{background:var(--card-bg);border-radius:8px;color:var(--text-secondary);padding:40px;text-align:center}.empty-state i[data-v-7eb7446f]{font-size:2em;margin-bottom:12px}.empty-state p[data-v-7eb7446f]{font-size:.95em;margin:0}@media screen and (max-width:768px){.notifications-page[data-v-7eb7446f]{flex-direction:column;padding:16px}.notifications-sidebar[data-v-7eb7446f]{width:100%}.category-item[data-v-7eb7446f]{padding:10px 16px}.category-item i[data-v-7eb7446f]{margin-right:8px}}