:root{color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#ede9e1;background:#101113;--gold:#d7bc8d;--muted:#a09c94}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh}button,input{font:inherit}[hidden]{display:none!important}
.login-page{position:relative;display:grid;grid-template-rows:auto 1fr;padding:34px clamp(24px,5vw,80px) 40px;background:radial-gradient(ellipse at 25% 45%,#39332968,transparent 47%),radial-gradient(ellipse at 82% 95%,#2a2b2b40,transparent 50%),#101113;isolation:isolate}
.login-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#e5c69103 1px,transparent 1px),linear-gradient(90deg,#e5c69103 1px,transparent 1px);background-size:80px 80px;pointer-events:none;z-index:-1}
.ambient-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.7}
.login-masthead{display:flex;align-items:center;gap:14px;letter-spacing:3px;font-size:17px;font-weight:500;color:#d9cfbd;max-width:1280px;width:100%;margin:0 auto;min-height:46px}
.brand-mark{display:grid;place-items:center;font-family:"Songti SC","SimSun",serif;font-size:28px;letter-spacing:0;color:#e7d1a8;width:43px;height:43px;border:1px solid #af91605c;border-radius:12px;background:linear-gradient(135deg,#d7bc8d17,#d7bc8d03);box-shadow:inset 0 1px #e8d0a626}
.login-masthead>i{width:64px;height:1px;background:linear-gradient(90deg,#c5ac7d55,transparent);margin-left:12px}
.login-shell{width:min(100%,1100px);margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,6vw,90px);align-items:center;padding:42px 0 55px}
.login-art{position:relative;height:530px;min-width:0;perspective:1000px;pointer-events:none}
.art-halo{position:absolute;left:50%;top:47%;width:440px;height:440px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#d6b57617,transparent 68%);box-shadow:0 0 100px #d6b57604}
.orbital-scene{position:absolute;width:460px;height:460px;left:50%;top:46%;margin:-230px 0 0 -230px;transform-style:preserve-3d;will-change:transform}
.orbit{position:absolute;border-radius:50%;inset:28px;border:1px solid #d9bc842c;box-shadow:inset 0 0 22px #c69b6007,0 0 30px #c69b6006}
.orbit-outer{transform:rotate(-32deg) scaleY(.64);border-top-color:#e7cf998c;border-left-color:#b2915c47;box-shadow:0 -1px 1px #dab98225;inset:0}
.orbit-inner{transform:rotate(48deg) scaleY(.7);inset:20px;border-left-color:#e9d19c6a;border-bottom-color:#cfaa7152}
.orbit-cross{transform:rotate(12deg) scaleY(.87);inset:57px;border-style:dashed;border-color:#c6a57420}
.monolith{position:absolute;inset:105px 128px 97px 128px;display:grid;place-items:center;border-radius:41px;transform:rotate(-13deg);background:linear-gradient(130deg,#8c78534a 0,#282824 37%,#191b1d 70%,#ac92603b);border:1px solid #d2b78185;box-shadow:inset 1px 1px 0 #ead4a962,inset -1px -1px 0 #c09c6224,23px 36px 75px #0008,0 0 56px #caa5720d;overflow:hidden}
.monolith:before{content:"";position:absolute;inset:10px;border:1px solid #c7a36824;border-radius:32px}.monolith:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 18%,#f5dfac09 40%,transparent 65%)}
.monolith>span{font-family:"Songti SC","SimSun",serif;font-size:104px;font-weight:400;line-height:1;color:#dcc99f;text-shadow:0 2px 1px #191712,0 0 45px #dbb87c1f;transform:rotate(13deg);padding-bottom:9px}.monolith>i{position:absolute;bottom:40px;width:32px;height:2px;background:linear-gradient(90deg,transparent,#d7bc8d90,transparent)}
.orbit-point{position:absolute;width:9px;height:9px;background:#e1c48f;border-radius:50%;box-shadow:0 0 0 5px #e1c48f08,0 0 26px #d7aa6080}.point-one{left:21px;top:291px}.point-two{right:30px;top:123px;width:5px;height:5px;opacity:.55}
.floating-shard{position:absolute;width:42px;height:42px;border:1px solid #ddc59b50;border-radius:10px;background:linear-gradient(130deg,#d8bc8030,#d8bc8005);box-shadow:0 16px 25px #0004;transform:rotate(29deg)}.shard-one{left:63px;top:82px}.shard-two{right:54px;bottom:85px;width:25px;height:25px;transform:rotate(-18deg);opacity:.55}
.art-ground{position:absolute;left:50%;bottom:28px;width:290px;height:35px;transform:translateX(-50%);border-radius:50%;background:#0005;filter:blur(18px)}
.login-card{position:relative;width:100%;max-width:442px;padding:44px 42px 46px;border-radius:24px;background:linear-gradient(140deg,#252626ee,#191b1eee 60%);border:1px solid #d3be9529;box-shadow:0 28px 80px #0004,inset 0 1px 0 #e7d5b00c;isolation:isolate}
.login-card:before{content:"";position:absolute;inset:-1px 22% auto;height:1px;background:linear-gradient(90deg,transparent,#ddc59990,transparent)}
.card-accent{display:flex;align-items:center;gap:9px;margin-bottom:28px}.card-accent span{height:1px;width:21px;background:linear-gradient(90deg,#d7bc8d70,transparent)}.card-accent span:first-child{transform:rotate(180deg)}.card-accent i{width:5px;height:5px;transform:rotate(45deg);background:#d7bc8d}
.login-card h1{font-weight:500;font-size:31px;line-height:1.3;letter-spacing:5px;margin:0 0 36px;color:#eee7d8}
.login-form{display:grid;gap:24px}.login-field label{display:block;margin-bottom:11px;font-size:13px;letter-spacing:1px;color:#c4beb3;font-weight:400}.input-wrap{position:relative}
.input-wrap>svg{position:absolute;top:18px;left:17px;width:19px;height:19px;stroke:#a3947d;stroke-width:1.5;pointer-events:none;transition:stroke .2s}
.input-wrap input{width:100%;height:55px;padding:12px 16px 12px 48px;border:1px solid #b5a17d27;border-radius:10px;background:#10131575;color:#f3ede2;outline:none;font-size:16px;caret-color:#e0c598;transition:border-color .2s,box-shadow .2s,background .2s}
.input-wrap input:focus{border-color:#d4b6829e;box-shadow:0 0 0 3px #d4b6820a,0 0 25px #d4b68206;background:#161818}.input-wrap:focus-within>svg{stroke:#d8bd8b}.input-wrap input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #202321 inset;-webkit-text-fill-color:#f3ede2;caret-color:#e0c598}
.password-wrap input{padding-right:51px}.password-toggle{position:absolute;right:5px;top:5px;width:45px;height:45px;border:0;border-radius:8px;background:transparent;color:#b1a590;display:grid;place-items:center;cursor:pointer}.password-toggle svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.password-toggle:hover{color:#ecd2a3;background:#d7bc8d08}.eye-slash{display:none}.password-toggle[aria-pressed="true"] .eye-slash{display:block}
.login-submit{position:relative;margin-top:9px;min-height:55px;display:flex;align-items:center;justify-content:center;gap:17px;border:1px solid #ebd6aa60;border-radius:10px;background:linear-gradient(105deg,#c5a570,#e6d2ac 55%,#d5b885);color:#24221d;font-weight:600;font-size:16px;letter-spacing:5px;cursor:pointer;box-shadow:inset 0 1px 0 #fff3,0 8px 22px #a580420e;overflow:hidden;transition:box-shadow .2s,filter .2s,transform .2s}.login-submit:before{content:"";position:absolute;inset:0;transform:translateX(-120%) skewX(-25deg);background:linear-gradient(90deg,transparent,#fff5,transparent);transition:transform .6s}.login-submit:hover:before{transform:translateX(120%) skewX(-25deg)}.login-submit:hover{box-shadow:0 8px 30px #d1ae601c;filter:brightness(1.04)}.login-submit:active{transform:translateY(1px)}.login-submit svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.login-submit:hover svg{transform:translateX(4px)}
button:focus-visible{outline:2px solid #e7cd9f;outline-offset:4px}.login-error{margin:-13px 0 25px;background:#54272a40;color:#f6b6ac;border:1px solid #b6675e45;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}
@media(max-width:980px){.login-shell{gap:25px;grid-template-columns:1fr 1.05fr}.orbital-scene{scale:.82}.login-card{padding:38px 31px}.login-art{height:490px}.login-masthead{font-size:16px}}
@media(max-width:740px){.login-page{padding:28px 20px 36px;grid-template-rows:auto 1fr}.login-masthead{justify-content:center;letter-spacing:2px;font-size:17px}.login-masthead>i{display:none}.brand-mark{width:39px;height:39px;font-size:25px}.login-shell{display:block;max-width:410px;padding:38px 0 18px;margin:auto}.login-art{display:none}.login-card{max-width:none;padding:34px 29px 36px;background:linear-gradient(140deg,#252626f5,#191b1ef5);border-radius:21px}.card-accent{margin-bottom:25px}.login-card h1{font-size:28px;letter-spacing:4px;margin-bottom:30px}.login-form{gap:23px}.login-page{background:radial-gradient(ellipse at 5% 10%,#61513b30,transparent 65%),radial-gradient(ellipse at 100% 90%,#35383330,transparent 50%),#101113}}
@media(max-width:360px){.login-page{padding:24px 16px}.login-card{padding:29px 22px 32px}.login-masthead{font-size:16px;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.orbital-scene{will-change:auto}}