.muqu-notifications-page{min-height:100dvh;background:var(--xf-bg);color:var(--xf-text)}.muqu-notifications-header{position:sticky;top:72px;z-index:30;background:var(--xf-bg);border-bottom:1px solid var(--xf-line)}.muqu-notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:640px;margin-inline:auto;padding:12px 20px}.muqu-notifications-heading h1{font-family:var(--xf-font-display);font-size:20px;font-weight:600;color:var(--xf-text)}.muqu-notifications-back{flex-shrink:0;width:44px;height:44px;margin-left:-12px;border-radius:50%;color:var(--xf-muted)}.muqu-notifications-action,.muqu-notifications-back{display:inline-flex;justify-content:center;align-items:center}.muqu-notifications-action{gap:4px;min-height:44px;padding:8px 12px;border-radius:999px;color:var(--xf-accent);font-size:12px}.muqu-notifications-tabs{display:flex;max-width:640px;margin-inline:auto;padding-inline:20px}.muqu-notifications-tabs>button{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:48px;padding:10px 4px;color:var(--xf-muted);font-size:14px;font-weight:600}.muqu-notifications-tabs>button[aria-pressed=true]{color:var(--xf-accent)}.muqu-notifications-indicator{bottom:0;left:50%;width:28px;height:3px;transform:translateX(-50%)}.muqu-notifications-badge,.muqu-notifications-indicator{position:absolute;border-radius:999px;background:var(--xf-accent)}.muqu-notifications-badge{right:-8px;top:-8px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding-inline:3px;color:var(--xf-on-accent);font-size:10px;line-height:1}.muqu-notifications-content{max-width:640px;margin-inline:auto;overflow-wrap:anywhere}.muqu-notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;color:var(--xf-muted)}.muqu-notifications-detail{border:1px solid var(--xf-line);border-radius:16px;background:var(--xf-paper)}.muqu-notifications-item{display:flex;width:100%;min-height:44px;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--xf-line);color:var(--xf-text);text-align:left}.muqu-notifications-item.is-unread{background:var(--xf-accent-soft)}.muqu-notifications-unread-dot{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border:2px solid var(--xf-bg);border-radius:50%;background:var(--xf-accent)}.muqu-notifications-time{color:var(--xf-muted)}.muqu-notifications-link,.muqu-notifications-loading{color:var(--xf-accent)}.muqu-notifications-tip{color:var(--xf-warning)}.muqu-notifications-more{width:100%;padding-block:16px;font-size:14px}.muqu-notifications-page button{transition:background-color .14s var(--xf-ease),color .14s var(--xf-ease)}.muqu-notifications-page button:focus-visible{outline:2px solid var(--xf-focus);outline-offset:3px}.muqu-notifications-page button:disabled{opacity:.6;cursor:wait}@media (hover:hover){.muqu-notifications-action:hover,.muqu-notifications-back:hover,.muqu-notifications-item:hover{background:var(--xf-surface)}.muqu-notifications-tabs>button:hover{color:var(--xf-accent)}}@media (max-width:767px){.muqu-notifications-header{top:0}}@media (prefers-reduced-motion:reduce){.muqu-notifications-page button{transition:none}.muqu-notifications-page .animate-spin{animation:none}}