.notifications-page{max-width:980px;margin:0 auto;padding:34px 20px 70px}
.notifications-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.notifications-head h1{font-size:40px;margin:5px 0 7px}
.notifications-head p{margin:0;color:var(--muted)}
.notice-tabs{display:flex;gap:8px;margin:24px 0 14px}
.notice-tab{border:1px solid #583044;background:#190e14;color:#dbc8cf;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}
.notice-tab.active{background:linear-gradient(135deg,#ff315f,#dd4679);color:#fff;border-color:transparent}
.notice-list{display:grid;gap:10px}
.notice-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:13px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#180e13}
.notice-card.unread{border-color:#7a3754;background:#211019}
.notice-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#351724;color:#ff7698;font-size:22px;overflow:hidden}
.notice-icon img{width:100%;height:100%;object-fit:cover}
.notice-copy{min-width:0}
.notice-topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.notice-topline h2{margin:0;font-size:16px}
.notice-topline span,.notice-copy small{font-size:10px;color:var(--muted)}
.notice-copy p{margin:5px 0 6px;color:#e1d0d7}
.notice-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.notice-dot{position:absolute;right:13px;top:50%;width:9px;height:9px;border-radius:50%;background:#ff4d7b;box-shadow:0 0 0 4px #3a1a26}
.notice-empty{text-align:center;padding:70px 20px;color:var(--muted)}
.notice-empty>div{font-size:45px;color:#ff668c}
.nav-badge{min-width:17px;height:17px;padding:0 4px;border-radius:999px;place-items:center;background:#ff315f;color:white;font-size:9px;font-style:normal}
@media(max-width:650px){.notifications-page{padding:20px 12px 55px}.notifications-head{align-items:flex-start;flex-direction:column}.notifications-head h1{font-size:31px}.notice-topline{display:grid}.notice-card{grid-template-columns:44px 1fr}.notice-icon{width:44px;height:44px}}