@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Share+Tech+Mono&display=swap";.login-template-page{--bg: #09131c;--shade-hue: 38;--warm-hue: 48;--on: 0;--grid-color: rgba(255, 209, 132, .05);position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:#cce8f4;overflow:hidden;isolation:isolate;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}.login-template-page,.login-template-page *,.login-template-page *:before,.login-template-page *:after{box-sizing:border-box}.login-template-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:-2}.login-template-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.055) 2px,rgba(0,0,0,.055) 4px);pointer-events:none;z-index:-2}.login-template-page .page-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 95% 85% at 30% 50%,hsl(var(--shade-hue),100%,38%) 0%,hsl(var(--shade-hue),92%,20%) 31%,hsl(var(--shade-hue),70%,9%) 57%,transparent 77%),radial-gradient(ellipse 52% 42% at 68% 28%,hsl(var(--warm-hue),100%,70%) 0%,rgba(255,199,110,.32) 16%,transparent 58%),radial-gradient(ellipse 44% 36% at 74% 76%,rgba(255,175,86,.2) 0%,transparent 62%);opacity:calc(var(--on) * 1);transition:opacity .9s ease,background .9s ease;pointer-events:none;z-index:-1}.login-template-page .corner{position:absolute;width:50px;height:50px;pointer-events:none;z-index:2}.login-template-page .corner:before,.login-template-page .corner:after{content:"";position:absolute;background:hsl(var(--shade-hue),90%,55%);opacity:calc(.18 + var(--on) * .52);transition:opacity .6s,background .6s}.login-template-page .corner:before{width:2px;height:26px}.login-template-page .corner:after{width:26px;height:2px}.login-template-page .corner-tl{top:18px;left:18px}.login-template-page .corner-tl:before,.login-template-page .corner-tl:after{top:0;left:0}.login-template-page .corner-tr{top:18px;right:18px}.login-template-page .corner-tr:before{top:0;right:0}.login-template-page .corner-tr:after{top:0;right:0}.login-template-page .corner-bl{bottom:18px;left:18px}.login-template-page .corner-bl:before{bottom:0;left:0}.login-template-page .corner-bl:after{bottom:0;left:0}.login-template-page .corner-br{bottom:18px;right:18px}.login-template-page .corner-br:before{bottom:0;right:0}.login-template-page .corner-br:after{bottom:0;right:0}.login-template-page .scene{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:80px;flex-wrap:wrap;width:100%;padding:40px 20px}.login-template-page .lamp-wrap{position:relative;width:280px;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.login-template-page #lamp-svg{width:280px;height:360px;overflow:visible;filter:drop-shadow(0 0 calc(var(--on) * 68px) hsl(var(--warm-hue),100%,74%)) drop-shadow(0 0 calc(var(--on) * 132px) hsl(var(--shade-hue),96%,58%)) drop-shadow(0 0 calc(var(--on) * 210px) hsla(var(--warm-hue),100%,56%,.72));transition:filter .7s ease}.login-template-page .sh-body{fill:hsl(var(--shade-hue),20%,calc(10% + var(--on) * 5%));stroke:hsl(var(--shade-hue),55%,calc(18% + var(--on) * 20%));stroke-width:2;transition:fill .6s,stroke .6s}.login-template-page .sh-panel{fill:hsl(var(--shade-hue),30%,calc(8% + var(--on) * 10%));stroke:hsl(var(--shade-hue),50%,calc(14% + var(--on) * 16%));stroke-width:1;transition:fill .6s,stroke .6s}.login-template-page .sh-rim{fill:hsl(var(--shade-hue),35%,calc(12% + var(--on) * 10%));stroke:hsl(var(--shade-hue),65%,calc(22% + var(--on) * 22%));stroke-width:2;transition:fill .6s,stroke .6s}.login-template-page .sh-top{fill:hsl(var(--shade-hue),25%,calc(10% + var(--on) * 8%));stroke:hsl(var(--shade-hue),55%,calc(18% + var(--on) * 18%));stroke-width:1.5;transition:fill .6s,stroke .6s}.login-template-page .sh-glow{fill:hsl(var(--shade-hue),100%,75%);opacity:calc(var(--on) * 1);transition:opacity .6s,fill .6s}.login-template-page .sh-bulb{fill:hsl(var(--shade-hue),100%,calc(32% + var(--on) * 58%));transition:fill .6s}.login-template-page .sh-cone{fill:url(#coneGrad);opacity:calc(var(--on) * .42);transition:opacity .7s;pointer-events:none}.login-template-page .sh-line{fill:none;stroke:hsl(var(--shade-hue),45%,calc(16% + var(--on) * 14%));stroke-width:1;transition:stroke .6s}.login-template-page .sh-rivet{fill:hsl(var(--shade-hue),50%,calc(18% + var(--on) * 16%));transition:fill .6s}.login-template-page .sh-ring{fill:none;stroke:hsl(var(--shade-hue),80%,calc(20% + var(--on) * 35%));stroke-width:1.5;stroke-dasharray:6 3;transition:stroke .6s}.login-template-page .lamp-eye{transform-origin:130px 130px;transition:transform .55s cubic-bezier(.34,1.56,.64,1)}.login-template-page .eye-on{transform:rotate(0)}.login-template-page .eye-off{transform:rotate(180deg)}.login-template-page #rope-path{fill:none;stroke:hsl(var(--shade-hue),45%,34%);stroke-width:2.5;stroke-linecap:round;transition:stroke .6s,d .2s ease}.login-template-page #rope-handle{cursor:grab;transition:transform .2s ease;outline:none}.login-template-page #rope-handle:active{cursor:grabbing}.login-template-page .r-outer{fill:#07111c;stroke:hsl(var(--shade-hue),65%,38%);stroke-width:2;transition:stroke .6s}.login-template-page .r-inner{fill:hsl(var(--shade-hue),75%,calc(20% + var(--on) * 26%));transition:fill .6s}.login-template-page .lamp-hint{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);font-family:Share Tech Mono,monospace;font-size:11px;color:hsl(var(--warm-hue),72%,62%);white-space:nowrap;letter-spacing:.16em;opacity:calc(1 - var(--on));transition:opacity .5s,color .6s}.login-template-page .login-card{position:relative;width:380px;overflow:hidden;padding:52px 44px 48px;border:1px solid hsl(var(--shade-hue),72%,calc(28% + var(--on) * 24%));border-radius:3px;background:linear-gradient(180deg,rgba(20,31,43,.94) 0%,rgba(11,19,30,.88) 100%);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:inset 0 0 0 1px #ffffff0e,inset 0 1px #ffebd214,0 30px 90px #0000009e,0 0 calc(var(--on) * 108px) hsla(var(--shade-hue),100%,44%,.54),0 0 calc(var(--on) * 190px) hsla(var(--warm-hue),100%,58%,.22);opacity:0;transform:scale(.9) translateY(20px);transition:opacity .75s cubic-bezier(.34,1.56,.64,1),transform .75s cubic-bezier(.34,1.56,.64,1),border-color .6s,box-shadow .6s;pointer-events:none}.login-template-page .login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--warm-hue),100%,72%),hsl(var(--shade-hue),100%,64%),transparent);opacity:calc(var(--on) * .95);transition:opacity .6s,background .6s}.login-template-page .login-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 16% 14%,rgba(255,217,156,.14),transparent 30%),radial-gradient(circle at 88% 0%,rgba(255,170,83,.12),transparent 26%);pointer-events:none}.login-template-page .login-card.visible{opacity:1;transform:scale(1) translateY(0);pointer-events:all}.login-template-page .card-title{margin:0 0 10px;color:#fff9f2;font-size:34px;font-weight:700;line-height:1;letter-spacing:.1em;text-shadow:0 0 18px hsl(var(--warm-hue),100%,76%),0 0 42px hsl(var(--shade-hue),92%,48%),0 2px 4px rgba(0,0,0,.8);transition:text-shadow .6s}.login-template-page .card-subtitle{margin:0 0 26px;color:hsl(var(--warm-hue),72%,82%);font-size:14px;font-weight:300;letter-spacing:.06em;transition:color .6s}.login-template-page .auth-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:24px;padding:4px;border:1px solid hsl(var(--shade-hue),54%,28%);border-radius:2px;background:rgba(15,25,37,.8)}.login-template-page .auth-switch-btn{border:0;background:transparent;color:hsl(var(--warm-hue),58%,74%);cursor:pointer;padding:8px 10px;font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;transition:color .3s,background .3s,box-shadow .3s}.login-template-page .auth-switch-btn:hover{color:hsl(var(--shade-hue),90%,72%)}.login-template-page .auth-switch-btn.active{color:#041119;background:linear-gradient(90deg,hsl(var(--warm-hue),100%,70%),hsl(var(--shade-hue),92%,62%));box-shadow:0 0 24px hsla(var(--warm-hue),100%,50%,.34)}.login-template-page .field{position:relative;margin-bottom:24px}.login-template-page .field label{display:flex;align-items:center;gap:6px;margin-bottom:9px;color:hsl(var(--warm-hue),82%,78%);font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:color .6s}.login-template-page .field input{width:100%;padding:14px 18px;border:1px solid hsl(var(--shade-hue),52%,34%);border-radius:2px;outline:none;background:rgba(16,26,39,.92);color:#f5fbff;font-family:Share Tech Mono,monospace;font-size:14px;letter-spacing:.04em;transition:border-color .3s,box-shadow .3s,background .3s,opacity .3s}.login-template-page .field input::placeholder{color:hsla(var(--warm-hue),60%,78%,.45);font-size:12px}.login-template-page .field input:focus{border-color:hsl(var(--warm-hue),96%,72%);background:rgba(23,35,50,.98);box-shadow:0 0 0 1px hsla(var(--warm-hue),96%,72%,.32),0 0 24px hsla(var(--shade-hue),92%,56%,.24),inset 0 0 16px #ffb85c14}.login-template-page .field input:disabled{opacity:.7;cursor:wait}.login-template-page .form-status{min-height:20px;margin:-8px 0 18px;font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:.08em}.login-template-page .form-status.error{color:#ff8a8a}.login-template-page .form-status.tip{color:hsl(var(--warm-hue),70%,76%)}.login-template-page .login-btn{position:relative;width:100%;overflow:hidden;margin-top:12px;padding:15px;border:1px solid hsl(var(--warm-hue),96%,68%);border-radius:2px;background:transparent;color:hsl(var(--warm-hue),100%,86%);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:14px;letter-spacing:.3em;text-transform:uppercase;transition:color .3s,box-shadow .3s,opacity .3s,transform .3s}.login-template-page .login-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,hsl(var(--warm-hue),98%,72%),hsl(var(--shade-hue),92%,64%));transform:translate(-100%);transition:transform .3s ease}.login-template-page .login-btn span{position:relative;z-index:1}.login-template-page .login-btn:hover:before{transform:translate(0)}.login-template-page .login-btn:hover{color:#000;box-shadow:0 0 32px hsla(var(--warm-hue),100%,56%,.42),0 0 56px hsla(var(--shade-hue),92%,54%,.22)}.login-template-page .login-btn:active{transform:scale(.98)}.login-template-page .login-btn:disabled,.login-template-page .login-btn.is-loading{opacity:.76;cursor:wait}.login-template-page .auth-footer{display:flex;justify-content:center}.login-template-page .forgot{display:inline-flex;justify-content:center;margin-top:20px;padding:0;border:0;background:transparent;color:hsl(var(--warm-hue),58%,72%);text-decoration:none;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:.12em;transition:color .3s}.login-template-page .forgot:hover{color:hsl(var(--warm-hue),100%,84%)}@media (max-width: 760px){.login-template-page .scene{gap:40px}.login-template-page .login-card{width:310px;padding:38px 28px 34px}.login-template-page .lamp-wrap{width:220px}.login-template-page #lamp-svg{width:220px;height:338px}}html,body,#root{height:100%;margin:0;padding:0;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}