.online-btn[data-v-1067cdfb]{--online-h:56px;--online-avatar:70px;--online-radius:999px;--online-pad-l:calc(var(--online-avatar) + 18px);--online-pad-r:12px;--online-font:18px;position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--online-h);padding:0 var(--online-pad-r) 0 var(--online-pad-l);background:var(--online-bg);color:var(--online-color);font-size:var(--online-font);font-weight:700;letter-spacing:2px;border-radius:7px;text-decoration:none;box-shadow:0 4px 14px #42b98340;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.online-btn[data-v-1067cdfb]:hover{transform:translateY(-1px);box-shadow:0 6px 18px #42b98359;filter:brightness(1.03)}.online-btn[data-v-1067cdfb]:active{transform:translateY(0)}.online-avatar[data-v-1067cdfb]{position:absolute;left:10px;top:34%;transform:translateY(-50%);width:var(--online-avatar);height:var(--online-avatar);border-radius:50%;background:#fff;padding:2px;box-shadow:0 2px 6px #00000014;overflow:hidden}.online-avatar img[data-v-1067cdfb]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.online-text[data-v-1067cdfb]{display:inline-block;line-height:1}.online-btn-sm[data-v-1067cdfb]{--online-h:40px;--online-avatar:54px;--online-pad-r:12px;--online-font:14px}.online-btn-lg[data-v-1067cdfb]{--online-h:72px;--online-avatar:88px;--online-pad-r:36px;--online-font:22px}@media(max-width:640px){.online-btn[data-v-1067cdfb]{--online-h:44px;--online-avatar:62px;--online-pad-r:16px;--online-font:14px;letter-spacing:2px}}