.csg-live-avatar,.csg-online-avatar{position:relative!important;display:inline-flex!important;flex:none;isolation:isolate;overflow:visible!important;border-radius:50%;--csg-live-primary:#ff2442;--csg-live-accent:#ff727d;--csg-live-breathe-duration:2.8s;--csg-live-pulse-duration:2.8s;--csg-live-main-width:2px;--csg-live-outer-width:1px}
.csg-live-avatar-ring,.csg-live-avatar-pulse{position:absolute;z-index:-1;border-radius:50%;overflow:visible;pointer-events:none;transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.csg-live-avatar-ring{inset:calc(0px - var(--csg-live-main-width) - 1px);background:linear-gradient(135deg,var(--csg-live-primary),var(--csg-live-accent));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--csg-live-main-width)),#000 calc(100% - var(--csg-live-main-width) + .08px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--csg-live-main-width)),#000 calc(100% - var(--csg-live-main-width) + .08px))}
.csg-live-avatar-pulse{display:none;inset:calc(0px - var(--csg-live-main-width) - var(--csg-live-outer-width) - 3px);border:var(--csg-live-outer-width) solid var(--csg-live-accent);background:transparent;box-sizing:border-box;opacity:0}
.csg-live-avatar>.csg-live-avatar-svg-anchor{display:none;position:absolute!important;z-index:4!important;top:50%!important;right:auto!important;bottom:auto!important;left:50%!important;width:100%!important;height:auto!important;aspect-ratio:1/1;contain:layout style;overflow:visible!important;border-radius:0!important;line-height:0;pointer-events:none;transform:translate3d(-50%,-50%,0);transform-origin:center}
.csg-live-avatar-svg-anchor>.csg-live-avatar-svg-ring{display:block;position:relative!important;z-index:1;width:100%!important;height:100%!important;max-width:none!important;border-radius:0!important;object-fit:contain;pointer-events:none;transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.csg-live-avatar.csg-live-effect-svg-ring>.csg-live-avatar-ring{display:none}.csg-live-avatar.csg-live-effect-svg-ring>.csg-live-avatar-svg-anchor{display:block}
.csg-live-avatar.is-breathing>.csg-live-avatar-ring{will-change:transform,opacity;animation:csg-live-ring-breathe var(--csg-live-breathe-duration) ease-in-out infinite}
.csg-live-avatar.is-breathing.csg-live-effect-svg-ring>.csg-live-avatar-svg-anchor>.csg-live-avatar-svg-ring{will-change:transform,opacity;animation:csg-live-svg-ring-breathe var(--csg-live-breathe-duration) ease-in-out infinite}
.csg-live-avatar.csg-live-effect-ripple>.csg-live-avatar-pulse-one,.csg-live-avatar.csg-live-effect-svg-ring>.csg-live-avatar-pulse-one{display:block;opacity:.48;transform:scale(1.035)}.csg-live-avatar.csg-live-effect-douyin>.csg-live-avatar-pulse{display:block;opacity:.44;transform:scale(1.035)}.csg-live-avatar.csg-live-effect-douyin>.csg-live-avatar-pulse-two{opacity:.3;transform:scale(1.09)}
.csg-live-avatar.is-breathing.csg-live-effect-ripple>.csg-live-avatar-pulse-one,.csg-live-avatar.is-breathing.csg-live-effect-svg-ring>.csg-live-avatar-pulse-one,.csg-live-avatar.is-breathing.csg-live-effect-douyin>.csg-live-avatar-pulse{will-change:transform,opacity;animation:csg-live-ring-ripple var(--csg-live-pulse-duration) cubic-bezier(.22,.61,.36,1) infinite}
.csg-live-avatar.is-breathing.csg-live-effect-douyin>.csg-live-avatar-pulse-two{animation-delay:var(--csg-live-pulse-delay,-1.1s)}
.csg-live-avatar>img,.csg-live-avatar>span:not(.csg-live-avatar-label),.csg-online-avatar>img{position:relative;z-index:1;border-radius:inherit}
.csg-live-avatar-label{position:absolute;z-index:5;left:50%;min-width:max-content;border:1px solid rgba(255,255,255,.78);background:linear-gradient(100deg,var(--csg-live-primary),var(--csg-live-accent));box-shadow:0 2px 6px rgba(197,0,35,.22);color:#fff!important;font-style:normal;font-weight:650!important;white-space:nowrap;pointer-events:none}
.csg-live-effect-ripple>.csg-live-avatar-label{bottom:-5px;padding:1px 5px;border-radius:999px;font-size:8px!important;line-height:1.45!important;transform:translateX(-50%)}
.csg-live-effect-douyin>.csg-live-avatar-label{top:calc(0px - var(--csg-live-main-width) - 1px);width:auto;min-width:34px;max-width:calc(100% + 4px);height:15px;box-sizing:border-box;padding:0 5px 1px;border:0;border-radius:5px 5px 7px 7px;background:linear-gradient(100deg,var(--csg-live-primary),var(--csg-live-accent));box-shadow:none;font-size:8px!important;letter-spacing:0!important;line-height:14px!important;overflow:hidden;text-align:center;text-overflow:ellipsis;transform:translateX(-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 32' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M10 0H90Q96 0 93 7L84 26Q82 32 75 32H25Q18 32 16 26L7 7Q4 0 10 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 32' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M10 0H90Q96 0 93 7L84 26Q82 32 75 32H25Q18 32 16 26L7 7Q4 0 10 0Z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.csg-live-effect-breathe>.csg-live-avatar-label,.csg-live-effect-svg-ring>.csg-live-avatar-label{display:none!important}
.csg-online-dot{--csg-dot-size:8px;--csg-dot-half:6px;position:absolute!important;z-index:4;width:var(--csg-dot-size);height:var(--csg-dot-size);border:2px solid var(--csg-avatar-surface,#fff);border-radius:50%;background:var(--csg-online-color,#07c160);box-sizing:content-box;pointer-events:none}
.csg-online-avatar.is-top-right .csg-online-dot{top:calc(14.645% - var(--csg-dot-half));right:calc(14.645% - var(--csg-dot-half))}.csg-online-avatar.is-bottom-right .csg-online-dot{right:calc(14.645% - var(--csg-dot-half));bottom:calc(14.645% - var(--csg-dot-half))}.csg-online-avatar.is-top-left .csg-online-dot{top:calc(14.645% - var(--csg-dot-half));left:calc(14.645% - var(--csg-dot-half))}.csg-online-avatar.is-bottom-left .csg-online-dot{bottom:calc(14.645% - var(--csg-dot-half));left:calc(14.645% - var(--csg-dot-half))}
.csg-online-avatar.is-pulsing .csg-online-dot{animation:csg-online-pulse 2.5s ease-in-out infinite}.csg-online-avatar.is-pulse-standard .csg-online-dot{--csg-pulse-scale:1.28;--csg-pulse-alpha:28%}.csg-online-avatar.is-pulse-strong .csg-online-dot{--csg-pulse-scale:1.42;--csg-pulse-alpha:38%}
.csg-douyin-avatar-wrap.csg-live-avatar .csg-douyin-follow-badge{display:none!important}
.csg-douyin-avatar-wrap.csg-live-effect-douyin.csg-live-follow-badge-visible .csg-douyin-follow-badge{display:grid!important;z-index:6}
@keyframes csg-live-ring-breathe{0%,100%{opacity:.78;transform:translate3d(0,0,0) scale(.985)}50%{opacity:1;transform:translate3d(0,0,0) scale(1.045)}}
@keyframes csg-live-svg-ring-breathe{0%,100%{opacity:.9;transform:translate3d(0,0,0) scale(.94)}50%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes csg-live-ring-ripple{0%{opacity:0;transform:translate3d(0,0,0) scale(1.025)}10%{opacity:.76;transform:translate3d(0,0,0) scale(1.04)}100%{opacity:0;transform:translate3d(0,0,0) scale(1.18)}}
@keyframes csg-online-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--csg-online-color) var(--csg-pulse-alpha,18%),transparent);transform:scale(1)}50%{box-shadow:0 0 0 5px transparent;transform:scale(var(--csg-pulse-scale,1.16))}}
@media(prefers-reduced-motion:reduce){.csg-live-avatar.is-breathing>.csg-live-avatar-ring,.csg-live-avatar.is-breathing>.csg-live-avatar-svg-anchor>.csg-live-avatar-svg-ring,.csg-live-avatar.is-breathing>.csg-live-avatar-pulse,.csg-online-avatar.is-pulsing .csg-online-dot{animation:none!important}}