:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#e9e9e7;background:#0a1019;color-scheme:dark;--gold:#d7bd86;--muted:#81909f}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold)}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.auth-world{position:relative;min-height:760px;overflow:hidden;border-right:1px solid #c7b58026;background:#102130;isolation:isolate}.auth-brand{position:absolute;top:42px;left:50px;display:flex;align-items:center;gap:16px;z-index:2;font-size:23px;letter-spacing:5px;font-weight:600}.auth-brand img{width:41px;height:48px}.auth-brand small{display:block;font-family:Georgia,serif;font-size:9px;font-weight:400;letter-spacing:7px;margin-top:8px;color:#d5bd8b}.world-art{position:absolute;inset:0;z-index:-2;background:url('/assets/heroes.png') 0% 0%/300% auto no-repeat;opacity:.84}.auth-world:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#07121f 0%,#08131fda 23%,#0a162933 62%,#07131c99 100%),linear-gradient(90deg,#07121f33,transparent)}.world-copy{position:absolute;bottom:120px;left:55px;right:35px}.overline{font-size:10px;letter-spacing:3px;color:var(--gold)}.world-copy h1{font-weight:400;font-size:45px;letter-spacing:4px;line-height:1.5;margin:22px 0 20px;text-shadow:0 3px 30px #000}.world-copy p{color:#a4b6c4;font-size:13px;line-height:2;letter-spacing:1px}.world-tags{display:flex;align-items:center;gap:18px;font-size:11px;color:#c7c6bb;margin-top:30px;letter-spacing:1px}.world-tags i{height:3px;width:3px;background:var(--gold);transform:rotate(45deg)}.chapter{position:absolute;left:55px;bottom:42px;font-size:9px;letter-spacing:3px;color:#587184}.auth-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:60px 45px 80px;background:radial-gradient(ellipse at 70% 10%,#20303b33,transparent 65%),#0b111b}.form-wrap{width:100%;max-width:385px;margin:30px auto}.form-wrap h2{font-weight:500;font-size:29px;letter-spacing:3px;margin:18px 0 12px}.auth-desc{font-size:12px;color:var(--muted);line-height:1.8}.auth-tabs{display:flex;border-bottom:1px solid #ffffff12;gap:32px;margin:30px 0 24px;font-size:13px;letter-spacing:1px}.auth-tabs a{padding:0 1px 13px;color:#738596;position:relative}.auth-tabs a.active{color:#e5ce9c}.auth-tabs a.active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold)}label{display:block;font-size:12px;letter-spacing:1px;color:#b5c1cd;margin:18px 0 9px}input{display:block;width:100%;height:46px;padding:0 14px;border:1px solid #637c8d3d;background:#0f1a25;color:#e8edf0;border-radius:0;font-size:12px;transition:border-color .2s}input::placeholder{color:#536778;font-size:11px}input:focus{border-color:var(--gold);outline:0}input:disabled{opacity:.6}.password-wrap{position:relative}.password-wrap input{padding-right:58px}.password-wrap button{position:absolute;right:9px;top:8px;height:30px;background:none;border:0;color:#a19472;font-size:10px;cursor:pointer}.submit-button{margin-top:27px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;width:100%;height:49px;border:1px solid #efdaa4;background:linear-gradient(100deg,#e5ce99,#b9995e);color:#241e15;font-size:13px;font-weight:600;letter-spacing:2px;cursor:pointer;box-shadow:0 5px 30px #0003}.submit-button:hover{filter:brightness(1.08)}.submit-button:disabled{opacity:.5;cursor:wait}.submit-button>span:last-child{font-size:21px;font-weight:400}.auth-switch{text-align:center;font-size:11px;color:#728594;margin:22px 0}.auth-switch a{color:#cfba8d;margin-left:8px}.auth-note{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff0b;padding-top:23px;margin-top:31px;color:#8f9eaa}.auth-note .shield{font-size:28px;color:#8da6a9}.auth-note p{font-size:11px;line-height:1.7;margin:0}.auth-note small{font-size:10px;color:#586f80}footer{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:center;gap:20px;color:#3e5263;font-size:9px;letter-spacing:2px}.form-message{padding:11px 13px;background:#d4757510;border:1px solid #d4757540;color:#f1aaaa;font-size:12px;line-height:1.8;margin-top:19px}.form-message[hidden],[hidden]{display:none!important}@media(min-height:900px){.auth-world{min-height:100vh}.world-copy{bottom:160px}.form-wrap{margin:50px auto}}@media(max-width:1000px){.auth-layout{grid-template-columns:.85fr 1fr}.auth-world{min-height:740px}.auth-brand{left:30px;top:32px}.world-copy{left:30px;bottom:100px}.world-copy h1{font-size:35px}.world-tags{font-size:9px;gap:12px}.chapter{left:30px;font-size:8px;letter-spacing:1px}.auth-panel{padding-left:30px;padding-right:30px}.world-art{background-size:300% 100%;background-position:0 0}}@media(max-width:680px){.auth-layout{display:block}.auth-world{min-height:220px;height:220px;border-right:0;border-bottom:1px solid #d4b77d33}.auth-brand{left:24px;top:24px;font-size:19px}.auth-brand img{width:33px}.world-art{left:25%;background-size:300% auto;background-position:0 15%}.world-copy{left:25px;bottom:22px}.world-copy h1{font-size:24px;margin:0;line-height:1.5}.world-copy .overline,.world-copy p,.world-tags,.chapter{display:none}.auth-panel{padding:20px 25px 65px;min-height:550px}.form-wrap{margin:15px auto}.form-wrap h2{font-size:25px}.auth-tabs{margin-top:25px}.auth-note{margin-top:24px}.auth-world:after{background:linear-gradient(90deg,#07121fef,#08131f66,transparent),linear-gradient(0deg,#07121f,transparent)}footer{font-size:8px;gap:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}