:root{font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#272127;background:#fbfaf9;font-synthesis:none}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #ed7472;outline-offset:3px}
.shell{min-height:100dvh;max-width:1720px;margin:auto;display:flex;flex-direction:column;padding:32px clamp(22px,5vw,72px)}
.site-brand{display:flex;align-items:center;gap:11px}.site-brand strong{font-size:24px;font-weight:620;letter-spacing:-1.25px}.site-brand strong span,.auth-heading h1 span{color:#ed7472}.mark{position:relative;width:21px;height:21px;transform:rotate(45deg)}.mark span{position:absolute;background:#ed7472;width:9px;height:9px;border-radius:1px}.mark span:nth-child(1){top:0;left:0}.mark span:nth-child(2){top:0;right:0}.mark span:nth-child(3){bottom:0;left:0}.mark span:nth-child(4){bottom:0;right:0}.brand-desc{padding-left:10px;margin-left:5px;border-left:1px solid #e8e3e4;font-size:10px;letter-spacing:1.6px;color:#aaa0a6}
.login-main{margin:auto;width:min(100%,480px);padding:54px 0 86px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.7px;color:#a39a9f;font-weight:600}.eyebrow i{width:9px;height:9px;background:#ed7472;border-radius:2px}.auth-heading h1{font-weight:520;font-size:clamp(40px,5vw,56px);letter-spacing:-2.2px;line-height:1.22;margin:22px 0 12px}.auth-heading p{color:#9e959b;font-size:13px;margin:0 0 35px;line-height:1.9}
.login-card{background:#fff;border:1px solid #eee9ea;border-radius:12px;box-shadow:0 20px 56px rgba(35,31,35,.055);padding:30px 32px 26px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.card-index{font-size:10px;letter-spacing:1.4px;color:#bcb1b6;font-weight:600}.private-icon{font-size:21px;color:#ed7472}.login-card label{display:block;font-weight:600;font-size:12px;margin:17px 0 9px}.login-card input{width:100%;height:49px;padding:0 14px;border:1px solid #e9e4e5;border-radius:7px;background:#fdfdfd;color:#2b2229;outline:none;transition:border-color .22s,box-shadow .22s}.login-card input:focus{border-color:#edb2af;box-shadow:0 0 0 4px #fff3f2}.login-card input::placeholder{color:#c3b9bf;font-size:12px}.password-holder{position:relative}.password-holder input{padding-right:65px}.password-holder button{position:absolute;right:12px;top:7px;height:35px;border:0;background:transparent;color:#998e95;font-size:11px}.password-holder button:hover{color:#dd7774}
.submit{display:flex;justify-content:space-between;align-items:center;width:100%;height:51px;padding:0 19px;margin-top:19px;border:0;border-radius:8px;color:#fff;background:#292128;font-size:13px;font-weight:640;transition:background .25s,transform .25s,box-shadow .25s}.submit .arrow{font-size:21px;font-weight:400}.submit:hover:not(:disabled){background:#ed7472;transform:translateY(-2px);box-shadow:0 9px 22px #ed747228}.submit:active:not(:disabled){transform:scale(.995)}.submit:disabled{opacity:.65;cursor:progress}.error{min-height:0;color:#b34c48;font-size:11px;line-height:1.7;margin:8px 0 0}.error:empty{display:none}.secure-tip{display:flex;align-items:center;gap:7px;justify-content:center;padding-top:19px;margin-top:20px;border-top:1px solid #f3efef;color:#b4a8ae;font-size:10px}.secure-indicator{width:6px;height:6px;border-radius:50%;background:#85ae92}
footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#b9aeb4;letter-spacing:.7px;border-top:1px solid #eee9ea;padding-top:19px}footer span:last-child{letter-spacing:1.4px}
@media(max-width:540px){.shell{padding:22px 20px}.brand-desc{font-size:9px}.login-main{padding:65px 0 90px}.login-card{padding:24px 21px}.auth-heading h1{font-size:41px}.auth-heading p{font-size:12px}footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}