.page-module__8WbxAG__page{max-width:var(--page-max-width);padding:var(--space-4) var(--space-6);background:#fff;margin:0 auto}.page-module__8WbxAG__mobileHeader{display:none}.page-module__8WbxAG__mobileTitle{color:var(--color-text);margin:0;font-size:20px;font-weight:900}.page-module__8WbxAG__menuWrap{position:relative}.page-module__8WbxAG__menuBtn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.page-module__8WbxAG__menuBtn:hover{background:var(--color-bg-input)}.page-module__8WbxAG__menuDropdown{border-radius:var(--radius-lg);border:1px solid var(--color-border);min-width:200px;padding:var(--space-1) 0;z-index:50;background:#fff;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001f}.page-module__8WbxAG__menuItem{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;font-family:inherit;font-weight:500;display:flex}.page-module__8WbxAG__menuItem:hover{background:var(--color-bg-input)}.page-module__8WbxAG__menuItemActive{font-weight:800}.page-module__8WbxAG__menuItemAccent{color:#3b82f6;font-weight:600}.page-module__8WbxAG__menuItemAccent:hover{color:#2563eb}.page-module__8WbxAG__menuDivider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.page-module__8WbxAG__empty{text-align:center;padding:var(--space-10);color:var(--color-text-muted);font-size:var(--text-sm)}.page-module__8WbxAG__list{flex-direction:column;display:flex}.page-module__8WbxAG__row{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 8px;font-family:inherit;transition:background .15s;display:flex}.page-module__8WbxAG__row:not(:last-child){border-bottom:1px solid #e5e7eb}.page-module__8WbxAG__row:first-child{border-top:1px solid #e5e7eb}.page-module__8WbxAG__row:hover{background:#f3f4f6}.page-module__8WbxAG__rowUnread .page-module__8WbxAG__text,.page-module__8WbxAG__rowUnread .page-module__8WbxAG__notifTitle,.page-module__8WbxAG__rowUnread .page-module__8WbxAG__preview{color:#111827}.page-module__8WbxAG__avatarWrap{flex-shrink:0;position:relative}.page-module__8WbxAG__avatar,.page-module__8WbxAG__avatarPlaceholder{object-fit:cover;opacity:.45;border-radius:9999px;width:48px;height:48px}.page-module__8WbxAG__rowUnread .page-module__8WbxAG__avatar,.page-module__8WbxAG__rowUnread .page-module__8WbxAG__avatarPlaceholder{opacity:1}.page-module__8WbxAG__avatarPlaceholder{color:#7c5ce0;background:#7c5ce01a;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.page-module__8WbxAG__info{flex:1;min-width:0}.page-module__8WbxAG__topLine{align-items:baseline;gap:6px;display:flex}.page-module__8WbxAG__text{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.page-module__8WbxAG__text strong{font-weight:700}.page-module__8WbxAG__typeLabel{color:#9ca3af;font-weight:500}.page-module__8WbxAG__time{color:#9ca3af;white-space:nowrap;flex-shrink:0;font-size:13px}.page-module__8WbxAG__notifTitle{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;font-weight:600;overflow:hidden}.page-module__8WbxAG__preview{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;line-height:1.3;overflow:hidden}.page-module__8WbxAG__dotBtn{cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.page-module__8WbxAG__dotBtn:hover{background:#e5e7eb}.page-module__8WbxAG__dotInner{border-radius:9999px;width:12px;height:12px;transition:all .15s}.page-module__8WbxAG__dotBtnUnread .page-module__8WbxAG__dotInner{background:#3b82f6}.page-module__8WbxAG__dotBtnRead .page-module__8WbxAG__dotInner{opacity:0}.page-module__8WbxAG__dotBtnRead:hover .page-module__8WbxAG__dotInner{opacity:1;background:0 0;border:2px solid #9ca3af}@media (max-width:768px){.page-module__8WbxAG__page{padding:56px 0 0}.page-module__8WbxAG__mobileHeader{height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border);z-index:50;background:#fff;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.page-module__8WbxAG__list{padding:0}.page-module__8WbxAG__row{padding:12px var(--space-4)}.page-module__8WbxAG__row:first-child{border-top:none}.page-module__8WbxAG__empty{padding:var(--space-8) var(--space-4)}}