@property --登录描边角度{syntax:"<angle>";inherits:false;initial-value:0deg;} /*[作用：创建电脑端可以不断旋转的描边角度]*/
#登录按钮{display:block;width:100%;min-height:64px;color:#fff;font:inherit;font-size:21px;cursor:pointer;background:linear-gradient(#0c0f0d,#0c0f0d) padding-box,conic-gradient(from var(--登录描边角度),#b8e329,#f0d72f,#ff7a2f,#b8e329) border-box;border:2px solid transparent;border-radius:11px;animation:登录描边旋转 2.2s linear infinite;touch-action:manipulation;} /*[作用：设置电脑端登录按钮和循环描边]*/
#登录按钮:hover{filter:brightness(1.12);} /*[作用：电脑鼠标经过时让登录按钮稍微变亮]*/
#登录按钮:active{filter:brightness(1.2);} /*[作用：按下电脑登录按钮时显示反馈]*/
#登录按钮:focus-visible{outline:3px solid rgba(240,215,47,.45);outline-offset:3px;} /*[作用：电脑键盘选中时显示提示边框]*/
#登录按钮:disabled{opacity:.65;cursor:wait;animation-play-state:paused;} /*[作用：电脑登录验证期间禁止重复点击]*/
#登录提示{min-height:24px;margin:8px 0 0;color:#b8e329;font-size:14px;text-align:center;} /*[作用：设置电脑登录结果提示文字]*/
#登录提示.错误{color:#ff7a2f;} /*[作用：电脑登录失败时显示橙色提示]*/
@keyframes 登录描边旋转{to{--登录描边角度:360deg;}} /*[作用：让电脑按钮描边循环旋转]*/
@media(prefers-reduced-motion:reduce){#登录按钮{animation:none;}} /*[作用：系统要求减少动画时停止描边旋转]*/