.auth-doodle-modal{z-index:100;color:#fff;justify-content:center;align-items:center;padding:18px;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif;display:flex;position:fixed;inset:0}.auth-doodle-modal,.auth-doodle-modal *{box-sizing:border-box}.auth-doodle-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 18% 14%,#ffffff1a,#0000 24%),radial-gradient(circle at 80% 26%,#ffffff14,#0000 28%),#0000009e;position:absolute;inset:0}.auth-doodle-card{z-index:1;overscroll-behavior:contain;color:#fff;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;background:#000000e6;border-radius:10px;width:min(400px,100dvw - 32px);max-height:calc(100dvh - 32px);padding:40px;position:relative;overflow-y:auto;box-shadow:0 15px 25px #0009,0 40px 100px #00000061}.auth-doodle-card.is-register{width:min(460px,100dvw - 32px);padding-top:34px}.auth-doodle-card::-webkit-scrollbar{width:8px}.auth-doodle-card::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:999px}.auth-doodle-header{text-align:center;margin:0 0 24px;padding-right:30px;position:relative}.auth-doodle-title-row{justify-content:center;display:flex}.auth-doodle-header h2{color:#fff;text-align:center;letter-spacing:1px;margin:0 0 8px;padding:0;font-size:1.5rem;font-weight:800;line-height:1.2}.auth-doodle-header p{color:#aaa;text-align:center;margin:0;font-size:14px;line-height:1.45}.auth-doodle-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .25s,color .25s,transform .25s;display:inline-grid;position:absolute;top:-24px;right:-24px}.auth-doodle-close:hover{color:#272727;background:#fff;transform:rotate(90deg)}.auth-doodle-mode-switch{background:#ffffff0f;border:1px solid #fff3;border-radius:999px;grid-template-columns:1fr 1fr;width:220px;height:40px;margin:0 auto 28px;padding:3px;display:grid;position:relative;overflow:hidden}.auth-doodle-mode-switch span{background:#fff;border-radius:999px;width:calc(50% - 3px);height:calc(100% - 6px);transition:transform .34s cubic-bezier(.68,-.35,.265,1.35);position:absolute;top:3px;left:3px}.auth-doodle-mode-switch span.is-right{transform:translate(100%)}.auth-doodle-mode-switch button{z-index:1;color:#ffffff9e;height:100%;font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700;transition:color .25s;position:relative}.auth-doodle-mode-switch button.is-active{color:#272727}.auth-doodle-form{flex-direction:column;gap:24px;display:flex}.auth-doodle-register-form{gap:20px}.auth-doodle-field{color:#fff;min-height:46px;display:block;position:relative}.auth-doodle-field>svg{z-index:1;color:#ffffffb8;pointer-events:none;position:absolute;top:12px;left:0}.auth-doodle-field input,.auth-doodle-field select{color:#fff;width:100%;min-height:46px;font:inherit;background:0 0;border:0;border-bottom:1px solid #fff;outline:none;padding:10px 38px 10px 32px;font-size:16px;line-height:1.25}.auth-doodle-field select{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.auth-doodle-field input::placeholder{color:#0000}.auth-doodle-field input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-in-out}.auth-doodle-field input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-in-out}.auth-doodle-field input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-in-out}.auth-doodle-floating-label{color:#fff;pointer-events:none;font-size:16px;line-height:1.3;transition:all .4s;position:absolute;top:10px;left:32px}.auth-doodle-field input:focus~.auth-doodle-floating-label,.auth-doodle-field input:not(:placeholder-shown)~.auth-doodle-floating-label,.auth-doodle-field select~.auth-doodle-floating-label{color:#fff;font-size:12px;top:-15px;left:0}.auth-doodle-eye{z-index:2;color:#ffffffb8;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;transition:color .2s,transform .2s;display:inline-grid;position:absolute;top:8px;right:0}.auth-doodle-eye:hover{color:#fff;transform:translateY(-1px)}.auth-doodle-choice-group{gap:10px;display:grid}.auth-doodle-choice-group>span{color:#aaa;font-size:14px;line-height:1.4}.auth-doodle-choice-group>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-doodle-choice-group button{color:#ffffffb8;height:40px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff3d;border-radius:8px;font-size:14px;font-weight:700;transition:background .25s,color .25s,border-color .25s,transform .25s}.auth-doodle-choice-group button:hover{color:#fff;border-color:#ffffff8f;transform:translateY(-1px)}.auth-doodle-choice-group button.is-selected{color:#272727;background:#fff;border-color:#fff}.auth-doodle-note{color:#d6d6d6;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;padding:11px 12px;font-size:13px;line-height:1.6}.auth-doodle-message{color:#fff;background:#ff515124;border:1px solid #ff84846b;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}.auth-doodle-message.is-error{color:#ffd6d6}.auth-doodle-button{color:#fff;min-width:148px;min-height:44px;font:inherit;letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-self:center;align-items:center;margin-top:10px;padding:10px 22px;font-size:16px;font-weight:800;text-decoration:none;transition:all .45s;display:inline-flex;position:relative;overflow:hidden}.auth-doodle-button:hover:not(:disabled){color:#272727;background:#fff;border-radius:5px}.auth-doodle-button:disabled{opacity:.58;cursor:not-allowed}.auth-button-content{z-index:1;white-space:nowrap;position:relative}.auth-button-line{display:block;position:absolute}.auth-button-line:first-child{background:linear-gradient(90deg,#0000,#fff);width:100%;height:2px;animation:1.5s linear infinite auth-btn-anim1;top:0;left:-100%}.auth-button-line:nth-child(2){background:linear-gradient(#0000,#fff);width:2px;height:100%;animation:1.5s linear .375s infinite auth-btn-anim2;top:-100%;right:0}.auth-button-line:nth-child(3){background:linear-gradient(270deg,#0000,#fff);width:100%;height:2px;animation:1.5s linear .75s infinite auth-btn-anim3;bottom:0;right:-100%}.auth-button-line:nth-child(4){background:linear-gradient(360deg,#0000,#fff);width:2px;height:100%;animation:1.5s linear 1.125s infinite auth-btn-anim4;bottom:-100%;left:0}.auth-doodle-footer{color:#aaa;justify-content:center;align-items:center;gap:8px;margin-top:26px;font-size:14px;display:flex}.auth-doodle-footer button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:none;transition:color .25s}.auth-doodle-footer button:hover{color:#aaa}.auth-doodle-success{text-align:center;place-items:center;gap:16px;min-height:270px;display:grid}.auth-doodle-success-icon{color:#272727;background:#fff;border-radius:50%;place-items:center;width:70px;height:70px;font-size:38px;font-weight:900;display:grid}.auth-doodle-success h2{color:#fff;letter-spacing:1px;margin:0;font-size:24px;font-weight:800}.auth-doodle-success p{color:#aaa;max-width:300px;margin:0;font-size:14px;line-height:1.7}@keyframes auth-btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes auth-btn-anim2{0%{top:-100%}50%,to{top:100%}}@keyframes auth-btn-anim3{0%{right:-100%}50%,to{right:100%}}@keyframes auth-btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}@media (max-width:640px){.auth-doodle-modal{padding:12px}.auth-doodle-card,.auth-doodle-card.is-register{width:calc(100dvw - 24px);max-height:calc(100dvh - 24px);padding:34px 24px 26px}.auth-doodle-close{top:-18px;right:-16px}.auth-doodle-mode-switch{width:min(220px,100%)}.auth-doodle-form{gap:22px}.auth-doodle-register-form{gap:18px}}@media (max-width:380px){.auth-doodle-card,.auth-doodle-card.is-register{padding:30px 18px 22px}.auth-doodle-header{padding-right:24px}.auth-doodle-header h2{font-size:1.35rem}}@media (prefers-reduced-motion:reduce){.auth-doodle-card,.auth-doodle-close,.auth-doodle-mode-switch span,.auth-doodle-choice-group button,.auth-doodle-button,.auth-doodle-floating-label{transition:none}.auth-button-line{animation:none}}