.orbit-dynamic{display:block;position:relative;width:320px;height:230px;min-height:0;margin:52px 30px 32px;padding:0;border:1px solid #e3d7c4;border-radius:50%;transform:rotate(-12deg);isolation:isolate}
.orbit-dynamic:after{content:"";position:absolute;inset:29px -20px;border:1px dashed #e8dfd1;border-radius:50%;transform:rotate(45deg);z-index:-1;pointer-events:none}
.orbit-dynamic .orbit-core{position:absolute;top:75px;left:120px;transform:rotate(12deg);z-index:1}
.login-system-label{display:inline-flex;align-items:center;justify-content:center;max-width:150px;padding:11px 17px;min-height:42px;background:#fff;border:1px solid #dfe8e1;border-radius:8px;font-size:13px;line-height:1.5;overflow-wrap:anywhere;text-align:center;box-shadow:0 8px 30px #436e4010}
.orbit-dynamic>.login-system-label{position:absolute;transform:rotate(12deg);z-index:2}
.axis-1{left:-24px;top:34px}.axis-2{right:-25px;top:60px}.axis-3{left:28px;bottom:-6px}.axis-4{right:4px;bottom:-3px}
.login-system-more{max-width:380px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.login-system-count{max-width:380px;text-align:center;font-size:12px;color:#78867f;margin:20px 0 0}
@media(min-width:651px) and (max-width:900px){.orbit-dynamic{width:260px;height:210px;margin-left:12px;margin-right:12px}.orbit-dynamic .orbit-core{left:90px;top:65px}.login-system-label{padding:9px 11px}.axis-1{left:-12px}.axis-2{right:-12px}.axis-3{left:12px}.axis-4{right:0}}
@media(max-width:650px){.orbit-dynamic{display:block;width:260px;height:210px;margin:40px auto 30px}.orbit-dynamic .orbit-core{left:90px;top:65px}.login-system-label{padding:8px 10px;font-size:12px;min-height:36px}.axis-1{left:-10px}.axis-2{right:-10px}.axis-3{left:14px}.axis-4{right:2px}.login-system-count,.login-system-more{max-width:none}}