.NotificationsList-module-scss-module__g8Py6a__wrapper{max-width:720px;margin:0 auto;padding:24px 16px}.NotificationsList-module-scss-module__g8Py6a__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.NotificationsList-module-scss-module__g8Py6a__title{color:var(--text-primary,#1a1a1a);font-size:24px;font-weight:800}.NotificationsList-module-scss-module__g8Py6a__refreshBtn{color:#ff6b35;cursor:pointer;background:#ff6b351f;border:1px solid #ff6b3533;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.NotificationsList-module-scss-module__g8Py6a__refreshBtn:hover{background:#ff6b3538}.NotificationsList-module-scss-module__g8Py6a__refreshBtn:disabled{opacity:.5;cursor:not-allowed}.NotificationsList-module-scss-module__g8Py6a__list{flex-direction:column;gap:10px;display:flex}.NotificationsList-module-scss-module__g8Py6a__loadMoreBtn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:12px;width:100%;margin-top:20px;padding:12px;font-size:14px;font-weight:600;transition:opacity .2s;display:block}.NotificationsList-module-scss-module__g8Py6a__loadMoreBtn:hover{opacity:.9}.NotificationsList-module-scss-module__g8Py6a__loadMoreBtn:disabled{opacity:.5;cursor:not-allowed}.NotificationsList-module-scss-module__g8Py6a__loadingMore{color:var(--text-secondary,#888);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;display:flex}.NotificationsList-module-scss-module__g8Py6a__spinner{border:2px solid #ff6b3533;border-top-color:#ff6b35;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite NotificationsList-module-scss-module__g8Py6a__spin}@keyframes NotificationsList-module-scss-module__g8Py6a__spin{to{transform:rotate(360deg)}}.NotificationsList-module-scss-module__g8Py6a__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;display:flex}.NotificationsList-module-scss-module__g8Py6a__emptyIcon{opacity:.4;font-size:64px}.NotificationsList-module-scss-module__g8Py6a__emptyTitle{color:var(--text-primary,#333);font-size:18px;font-weight:700}.NotificationsList-module-scss-module__g8Py6a__emptySubtitle{color:var(--text-secondary,#888);font-size:14px}.NotificationsList-module-scss-module__g8Py6a__error{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.NotificationsList-module-scss-module__g8Py6a__errorIcon{font-size:48px}.NotificationsList-module-scss-module__g8Py6a__errorText{color:var(--text-secondary,#666);font-size:15px}.NotificationsList-module-scss-module__g8Py6a__retryBtn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:12px;padding:10px 24px;font-size:14px;font-weight:600}.NotificationsList-module-scss-module__g8Py6a__retryBtn:hover{opacity:.9}
.NotificationItem-module-scss-module__nFbpzW__item{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,transparent);cursor:pointer;border-radius:16px;align-items:flex-start;gap:14px;padding:16px;transition:background .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000f}.NotificationItem-module-scss-module__nFbpzW__item:hover{background:var(--bg-tertiary,#f9f9f9);box-shadow:0 4px 16px #0000001f}.NotificationItem-module-scss-module__nFbpzW__item.NotificationItem-module-scss-module__nFbpzW__unread{background:#ff6b3512;border-color:#ff6b3540}.NotificationItem-module-scss-module__nFbpzW__iconWrap{background:#ff6b351f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.NotificationItem-module-scss-module__nFbpzW__content{flex:1;min-width:0}.NotificationItem-module-scss-module__nFbpzW__header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.NotificationItem-module-scss-module__nFbpzW__title{color:var(--text-primary,#1a1a1a);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.NotificationItem-module-scss-module__nFbpzW__date{color:var(--text-secondary,#888);white-space:nowrap;flex-shrink:0;font-size:11px}.NotificationItem-module-scss-module__nFbpzW__body{color:var(--text-secondary,#555);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.NotificationItem-module-scss-module__nFbpzW__unreadDot{background:#ff6b35;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.NotificationItem-module-scss-module__nFbpzW__skeleton{background:var(--bg-secondary,#fff);border-radius:16px;gap:14px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000f}.NotificationItem-module-scss-module__nFbpzW__skeletonIcon{background:var(--bg-tertiary,#f0f0f0);border-radius:50%;flex-shrink:0;width:44px;height:44px;animation:1.4s linear infinite NotificationItem-module-scss-module__nFbpzW__shimmer}.NotificationItem-module-scss-module__nFbpzW__skeletonContent{flex-direction:column;flex:1;gap:8px;display:flex}.NotificationItem-module-scss-module__nFbpzW__skeletonLine{background:var(--bg-tertiary,#f0f0f0);border-radius:6px;height:12px;animation:1.4s linear infinite NotificationItem-module-scss-module__nFbpzW__shimmer}@keyframes NotificationItem-module-scss-module__nFbpzW__shimmer{0%{opacity:1}50%{opacity:.4}to{opacity:1}}