.online-notification{position:fixed;right:0;bottom:12px;z-index:120;min-width:194px;max-width:calc(100vw - 16px);transition:opacity .2s ease,transform .2s ease}.online-notification-card{position:relative;padding:4px 38px 4px 4px;border-radius:32px 0 0 32px;color:#fff;background:rgba(255,51,102,.6509803922);box-shadow:0 8px 20px rgba(0,0,0,.14);backdrop-filter:blur(12px)}.online-notification-close{position:absolute;top:6px;right:8px;padding:0;border:none;background:rgba(0,0,0,0);color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:color .2s}.online-notification-link{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.online-notification-body{min-width:0}.online-notification-text{display:-webkit-box;overflow:hidden;height:100%;font-size:12px;font-weight:600;text-align:center;word-break:break-word;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.online-notification-ranking{position:absolute;left:30px;bottom:7px;z-index:1000;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:18px;padding:0 8px;border-radius:3px;background:linear-gradient(180deg,rgba(255,107,127,.4705882353),#ff2f55);box-shadow:0 2px 8px rgba(255,47,85,.35);color:#fff;font-size:10px;font-weight:700;line-height:1;transform:skewX(-16deg);transform-origin:center}.online-notification-ranking span{font-size:12px}.online-notification-content a *{pointer-events:none}.online-notification-avatar-wrap{--ring-base-1:#2d5fb6;--ring-base-2:#2d5fb6;--ring-base-3:#2d5fb6;--ring-glow:rgba(45,95,182,0.45);--ring-shine:rgba(255,255,255,0.95);position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%}.online-notification-avatar-wrap:after,.online-notification-avatar-wrap:before{content:"";position:absolute;border-radius:50%;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.online-notification-avatar-wrap:before{inset:0;padding:4px;background:conic-gradient(from 0deg,var(--ring-base-1),var(--ring-base-2),var(--ring-base-1),var(--ring-base-3),var(--ring-base-1));box-shadow:0 0 6px var(--ring-glow),0 0 14px var(--ring-glow)}.online-notification-avatar-wrap:after{inset:-2px;padding:6px;background:conic-gradient(from 0deg,transparent 0deg,transparent 280deg,rgba(255,255,255,.05) 300deg,var(--ring-shine) 326deg,rgba(255,245,210,.95) 338deg,rgba(255,255,255,.15) 350deg,transparent 1turn);filter:blur(4px);opacity:.95;animation:avatar-ring-rotate 2.2s linear infinite}.online-notification-avatar-wrap.ranking-1st{--ring-base-1:#c89f37;--ring-base-2:#f7e48a;--ring-base-3:#d09b2d;--ring-glow:rgba(255,211,77,0.55);--ring-shine:rgba(255,250,210,1)}.online-notification-avatar-wrap.ranking-2nd{--ring-base-1:#9aa4b2;--ring-base-2:#f1f4f8;--ring-base-3:#7b8491;--ring-glow:rgba(214,221,230,0.5);--ring-shine:rgba(255,255,255,1)}.online-notification-avatar-wrap.ranking-3rd{--ring-base-1:#a85a2a;--ring-base-2:#d99a63;--ring-base-3:#7e3f18;--ring-glow:rgba(216,140,76,0.45);--ring-shine:rgba(255,233,214,0.95)}.online-notification-avatar-wrap.freechat{--ring-base-1:#7f45ff;--ring-base-2:#c2a8ff;--ring-base-3:#5d24da;--ring-glow:rgba(137,80,255,0.5);--ring-shine:rgba(255,255,255,0.95)}.online-notification-avatar{position:relative;z-index:2;display:block;width:48px;height:48px;border-radius:50%;background:#111;-o-object-fit:cover;object-fit:cover}@keyframes avatar-ring-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}