.notification-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-soft);background-color:var(--bg-card);border-radius:15px;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,transform .12s ease;width:100%;max-width:600px;margin:10px auto;box-sizing:border-box;text-align:left;font:inherit;color:inherit;position:relative}.notification-card:hover{background-color:var(--bg-card-strong)}.notification-card:active{transform:scale(.995)}.notification-card[data-unread=true]{background-color:var(--bg-card-strong);border-color:rgba(9,128,209,.35);border-left:3px solid var(--accent);padding-left:9px}.notification-avatar-wrap{position:relative;width:44px;height:44px;flex:0 0 auto}.notification-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}.notification-type-badge{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#0980D1;color:#EEEFEE;border:2px solid var(--bg-card);box-shadow:0 1px 4px rgba(0,0,0,.25)}.notification-type-commented,.notification-type-followed,.notification-type-liked,.notification-type-message,.notification-type-reshared{background:#0980D1}.notification-info{display:flex;flex-direction:column;color:var(--text-main);flex:1 1 auto;min-width:0;gap:2px}.notification-title{font-weight:700;font-size:15px;line-height:1.3;word-break:break-word}.notification-group-count{color:var(--accent);font-weight:700;font-size:13px;margin-left:2px}.notification-message{font-size:14px;color:var(--text-muted);word-break:break-word;line-height:1.4}.notification-unread-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px rgba(9,128,209,.25)}@media (max-width:768px){.notification-card{max-width:100%;border-radius:14px;padding:10px 12px;gap:10px}.notification-card[data-unread=true]{padding-left:9px}.notification-avatar,.notification-avatar-wrap{width:42px;height:42px}.notification-type-badge{width:20px;height:20px}.notification-title{font-size:14px}.notification-message{font-size:14px;color:var(--text-muted)}}