*{box-sizing:border-box}html,body,#root{height:100%;min-width:1200px}body{margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;background:#f8fafc;color:#0f172a}a{color:inherit}.icon-loader{position:relative;width:4rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.icon-loader .icon{position:absolute;font-size:3rem;opacity:0;animation:fadeSwitch 4s ease-in-out infinite,colorSwitch 10s linear infinite}.icon-loader .icon:nth-child(1){animation-delay:0s,0s}.icon-loader .icon:nth-child(2){animation-delay:1s,0s}.icon-loader .icon:nth-child(3){animation-delay:2s,0s}.icon-loader .icon:nth-child(4){animation-delay:3s,0s}@keyframes fadeSwitch{0%{opacity:0}10%{opacity:1}25%{opacity:1}35%{opacity:0}to{opacity:0}}@keyframes colorSwitch{0%{color:#486fbc}10%{color:#ffa516}20%{color:#d07ca7}30%{color:#f4915e}40%{color:#f5919e}50%{color:#b46f89}60%{color:#eab5a1}70%{color:#8dd6ff}80%{color:#25b09b}to{color:#486fbc}}