.ql-login-icons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important;align-items:start;justify-content:center;max-width:360px;margin:0 auto;padding:4px 0 0}
.ql-login-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.ql-login-icons .ql-login-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:0;padding:8px;border:0;border-radius:50%;background:#e9f5fc;color:#229ed9;box-shadow:none;cursor:pointer;transition:background .15s,transform .15s;box-sizing:border-box}
.ql-login-icon svg{display:block;width:18px;height:18px;fill:currentColor;flex:none}.ql-login-icons .ql-login-qq{color:#169ddd;background:#edf7fd}.ql-login-icons .ql-login-wechat{color:#20a86b;background:#eaf8f0}.ql-login-icons .ql-login-alipay{color:#1677ff;background:#edf4ff}.ql-login-icons .ql-login-feishu{background:#edf3ff;color:#3370ff}
.ql-login-icon:enabled:hover{transform:translateY(-2px);filter:brightness(.96)}.ql-login-icon:focus-visible{outline:2px solid #2d5678;outline-offset:3px}.ql-login-icons .ql-login-icon:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.4)}
.ql-login-name{font-size:11px;line-height:1.4;color:#61738c;white-space:nowrap}.ql-login-state{font-size:10px;line-height:1.4;color:#a1acbc;white-space:nowrap}
@media(max-width:380px){.ql-login-icons{gap:4px!important}.ql-login-name{font-size:10px}.ql-login-state{font-size:9px}}