.admin-login-studio.login-wrap{--paper:#f4f5f7;--ink:#232a36;--muted:#747d8e;--line:#e2e5ec;--accent:#5865d8;--pale:#eef0fc;--red:#b4424c;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(480px,1.08fr);min-height:100vh;min-height:100svh;width:100%;max-width:none;margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.admin-login-studio .login-brand-panel{position:relative;display:flex;flex-direction:column;min-height:100%;overflow:hidden;padding:46px clamp(34px,4.6vw,76px) 30px;background:#171d26;color:#f6f7fb}.admin-login-studio .login-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:13px;align-self:flex-start;color:#f6f7fb}.admin-login-studio .login-brand>img{object-fit:contain}.admin-login-studio .login-brand>span{font-size:20px;font-weight:650;letter-spacing:2px}.admin-login-studio .login-brand small{display:block;margin-top:5px;color:#939caa;font-size:8px;font-weight:500;letter-spacing:1.9px}.admin-login-studio .login-brand-story{position:relative;z-index:1;padding-top:clamp(62px,9vh,105px)}.admin-login-studio .login-brand-kicker{display:inline-flex;align-items:center;gap:9px;color:#a5adc1;font-size:10px;font-weight:600;letter-spacing:2.4px}.admin-login-studio .login-brand-kicker>span{width:6px;height:6px;border-radius:50%;background:#929cf1}.admin-login-studio .login-brand-story h2{margin:23px 0 22px;font-size:clamp(33px,3.25vw,50px);font-weight:550;letter-spacing:-1.6px;line-height:1.5}.admin-login-studio .login-brand-story h2>span{color:#b5bdfa}.admin-login-studio .login-brand-story p{color:#a7afbd;font-size:14px;line-height:2;letter-spacing:.6px}.admin-login-studio .login-brand-art{position:relative;display:grid;place-items:center;width:min(100%,382px);aspect-ratio:1.24;margin:30px auto 32px;flex:1;min-height:230px;max-height:340px}.admin-login-studio .login-orbit{position:absolute;width:94%;aspect-ratio:1;border:1px solid #ffffff0c;border-radius:50%}.admin-login-studio .login-orbit-middle{width:70%;border-color:#ffffff12}.admin-login-studio .login-orbit-inner{width:47%;border-color:#b5bdfa26}.admin-login-studio .login-orbit-middle:after{content:"";position:absolute;top:15%;right:10%;width:7px;height:7px;border-radius:50%;background:#939de8;box-shadow:0 0 0 5px #939de80a}.admin-login-studio .login-art-label{position:absolute;bottom:2%;color:#707b8c;font-size:8px;font-weight:500;letter-spacing:3.2px}.admin-login-studio .login-brand-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;padding-top:22px;border-top:1px solid #ffffff12;color:#818c9d;font-size:10px;letter-spacing:.6px}.admin-login-studio .login-access-panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:38px clamp(28px,4vw,68px) 30px}.admin-login-studio .back-link{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;min-height:36px;margin:0;border-radius:5px;color:#657084;font-size:12px;transition:color .18s ease}.admin-login-studio .back-link:hover{color:#3847bb}.admin-login-studio .login-access-content{display:flex;flex:1;flex-direction:column;justify-content:center;width:100%;max-width:480px;margin:auto;padding-top:34px}.admin-login-studio .login-card{min-width:0;width:100%;padding:38px 34px 28px;border:1px solid #e2e5ec;border-radius:18px;background:#fff;box-shadow:0 12px 44px #1d253b04}.admin-login-studio .login-card>.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#6874cf;font-size:10px;font-weight:600;letter-spacing:1.8px}.admin-login-studio .login-card>.eyebrow>span{width:5px;height:5px;border-radius:50%;background:currentColor}.admin-login-studio .login-card h1{margin:13px 0 10px;color:#232a36;font-size:clamp(26px,2.4vw,31px);font-weight:600;line-height:1.4;letter-spacing:-.8px}.admin-login-studio .login-card p{font-size:12px;line-height:1.8}.admin-login-studio .login-intro{color:#697487}.admin-login-studio .login-tabs{display:flex;gap:0;min-width:0}.admin-login-studio .login-role-tabs{gap:5px;margin:29px 0 18px;padding:5px;border:1px solid #eceef4;border-radius:11px;background:#f5f6f9}.admin-login-studio .login-role-tabs>button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:42px;padding:9px 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#788191;font-size:12px;font-weight:500;line-height:1.5;transition:color .18s,background .18s,box-shadow .18s}.admin-login-studio .login-role-tabs>button[aria-pressed=true]{background:#fff;border-color:#e3e6f0;color:#434fbb;box-shadow:0 2px 5px #1c2c5707}.admin-login-studio .login-role-tabs>button:hover:not(:disabled){color:#434fbb;background:#fff}.admin-login-studio .login-card .login-access-hint{color:#697487;font-size:11px;line-height:1.85}.admin-login-studio .bili-login{min-width:0}.admin-login-studio .bili-login>.login-tabs{margin:18px 0 20px;border-bottom:1px solid #e7eaf1}.admin-login-studio .bili-login>.login-tabs>button{position:relative;min-height:43px;padding:10px 6px 13px;border:0;border-radius:0;background:transparent;color:#8a91a0;font-size:12px}.admin-login-studio .bili-login>.login-tabs>button[aria-pressed=true]{color:#4f5bc5;background:transparent;font-weight:600}.admin-login-studio .bili-login>.login-tabs>button[aria-pressed=true]:after{content:"";position:absolute;right:25%;bottom:-1px;left:25%;height:2px;border-radius:2px;background:#6672d9}.admin-login-studio .bili-login>.login-tabs>button:hover:not(:disabled){color:#4f5bc5;background:#f8f9fd}.admin-login-studio .bili-login>label{min-height:28px;margin:0 0 2px;color:#626d80;font-size:12px;font-weight:400;line-height:1.7}.admin-login-studio input[type=checkbox]{width:16px;height:16px;margin:0;border-radius:4px;accent-color:#5865d8}.admin-login-studio .bili-login>.tiny{margin:0 0 18px 24px;color:#697487;font-size:10px;line-height:1.7}.admin-login-studio .bili-qr{display:grid;justify-items:center;gap:17px;min-width:0;margin-top:17px;padding:25px 18px 20px;border:1px solid #e8ebf3;border-radius:12px;background:#fafbfe;text-align:center}.admin-login-studio .bili-qr>.muted{color:#697487;font-size:11px}.admin-login-studio .bili-qr img{display:block;width:210px;max-width:100%;height:auto;border:10px solid #fff;border-radius:10px;box-shadow:0 3px 12px #26335d08}.admin-login-studio .bili-qr>p[role=status]{color:#626d80;overflow-wrap:anywhere}.admin-login-studio .bili-qr>button{width:100%;min-height:44px;border:1px solid #5865d8;border-radius:8px;background:#5865d8;color:#fff;font-size:12px;font-weight:500}.admin-login-studio .bili-qr>button:hover:not(:disabled){border-color:#4957c7;background:#4957c7}.admin-login-studio .login-card form{display:grid;gap:21px;margin-top:23px}.admin-login-studio .login-card label{color:#4e596d;font-size:12px;font-weight:500}.admin-login-studio .login-card input:not([type=checkbox]){width:100%;min-height:47px;margin-top:9px;padding:12px 13px;border:1px solid #dfe3ec;border-radius:8px;background:#fff;color:#303a4b;font-size:14px;transition:border-color .18s,box-shadow .18s}.admin-login-studio .login-card input::placeholder{color:#a7aebb;font-size:12px}.admin-login-studio .login-card input:not([type=checkbox]):focus{border-color:#7b86df;outline:none;box-shadow:0 0 0 3px #5865d812}.admin-login-studio .bili-login form{margin-top:20px}.admin-login-studio .bili-login fieldset{display:grid;gap:17px}.admin-login-studio .bili-login fieldset label{display:block;margin:0}.admin-login-studio .bili-login fieldset .tiny{margin-top:-2px;color:#697487;font-size:10px;line-height:1.8}.admin-login-studio .login-card .primary{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:47px;margin-top:3px;padding:12px 15px;border:1px solid #5865d8;border-radius:8px;background:#5865d8;color:#fff;font-size:12px;font-weight:500}.admin-login-studio .login-card .primary:hover:not(:disabled){border-color:#4957c7;background:#4957c7}.admin-login-studio .login-card .error{margin:0;padding:10px 12px;border:1px solid #f1d7da;border-radius:7px;background:#fff6f7;color:#b4424c;font-size:11px;overflow-wrap:anywhere}.admin-login-studio .bili-login>.error{margin-top:15px}.admin-login-studio .login-card .login-verification-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;padding-top:21px;border-top:1px solid #eceef3;color:#697487;font-size:10px}.admin-login-studio .login-note{display:flex;align-items:center;justify-content:center;gap:13px;margin:24px 0 0;color:#697487;font-size:9px;letter-spacing:1.4px}.admin-login-studio .login-note>span{color:#c1c7d1}.admin-login-studio button:disabled{opacity:.5;cursor:not-allowed}.admin-login-studio a:focus-visible,.admin-login-studio button:focus-visible{outline:3px solid #a2acf4;outline-offset:4px}.admin-login-studio input[type=checkbox]:focus-visible{outline:3px solid #a2acf4;outline-offset:3px}@media (min-width:1600px){.admin-login-studio .login-brand-panel{padding-right:clamp(76px,6vw,112px);padding-left:clamp(76px,6vw,112px)}.admin-login-studio .login-access-content{max-width:490px}}@media (max-width:1080px){.admin-login-studio.login-wrap{grid-template-columns:minmax(305px,.9fr) minmax(430px,1.1fr)}.admin-login-studio .login-brand-panel{padding:36px 32px 27px}.admin-login-studio .login-access-panel{padding:30px 28px 28px}.admin-login-studio .login-card{padding:32px 26px 25px}.admin-login-studio .login-brand-story h2{font-size:34px}.admin-login-studio .login-brand-footer{font-size:9px}}@media (max-width:780px){.admin-login-studio.login-wrap{display:block}.admin-login-studio .login-brand-panel{min-height:0;padding:max(26px,env(safe-area-inset-top)) 26px 30px}.admin-login-studio .login-brand{gap:10px}.admin-login-studio .login-brand>img{width:31px;height:31px}.admin-login-studio .login-brand>span{font-size:17px}.admin-login-studio .login-brand small{font-size:7px;margin-top:4px;letter-spacing:1.5px}.admin-login-studio .login-brand-story{padding-top:28px}.admin-login-studio .login-brand-kicker{font-size:8px;letter-spacing:2px}.admin-login-studio .login-brand-story h2{margin:13px 0 0;font-size:30px;line-height:1.45;letter-spacing:-.8px}.admin-login-studio .login-brand-art,.admin-login-studio .login-brand-footer,.admin-login-studio .login-brand-story h2 br,.admin-login-studio .login-brand-story p{display:none}.admin-login-studio .login-access-panel{padding:15px 24px max(32px,env(safe-area-inset-bottom))}.admin-login-studio .back-link{min-height:44px;font-size:12px}.admin-login-studio .login-access-content{max-width:480px;padding-top:17px}.admin-login-studio .login-card{padding:31px 27px 25px}.admin-login-studio .login-card h1{font-size:28px}.admin-login-studio .login-role-tabs{margin-top:25px}.admin-login-studio .login-role-tabs>button{min-height:44px;font-size:13px}.admin-login-studio .bili-login>.login-tabs>button{min-height:46px;font-size:13px}.admin-login-studio .login-card input:not([type=checkbox]){min-height:49px;font-size:16px}.admin-login-studio .login-card input::placeholder{font-size:14px}.admin-login-studio .login-card label{font-size:13px}.admin-login-studio .login-card .login-access-hint{font-size:12px}.admin-login-studio .bili-qr>button,.admin-login-studio .login-card .primary{min-height:48px;font-size:14px}.admin-login-studio .bili-login fieldset .tiny,.admin-login-studio .bili-login>.tiny,.admin-login-studio .login-card .login-verification-note{font-size:11px}.admin-login-studio .bili-login>label{min-height:33px;font-size:13px}.admin-login-studio .bili-qr>.muted{font-size:12px}.admin-login-studio .login-note{margin-top:22px}}@media (max-width:420px){.admin-login-studio .login-brand-panel{padding-right:21px;padding-left:21px}.admin-login-studio .login-brand-story h2{font-size:25px;letter-spacing:-.5px}.admin-login-studio .login-access-panel{padding-right:16px;padding-left:16px}.admin-login-studio .login-card{padding:27px 20px 23px;border-radius:14px}.admin-login-studio .login-card h1{font-size:26px}.admin-login-studio .login-role-tabs>button{gap:5px;padding-right:4px;padding-left:4px;font-size:12px}.admin-login-studio .login-role-tabs>button>svg{width:15px;height:15px}.admin-login-studio .bili-qr{padding:22px 14px 16px}}@media (prefers-reduced-motion:reduce){.admin-login-studio *,.admin-login-studio :after,.admin-login-studio :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.admin-login-studio .login-brand-panel{isolation:isolate;background:radial-gradient(ellipse at 72% 72%,#132448 0,#0c1429 42%,#080e1b 84%)}.admin-login-studio .login-starfield{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;animation:login-sky-reveal 1.6s ease both}.admin-login-studio .login-starfield canvas{position:absolute;inset:0;width:100%;height:100%}.admin-login-studio .login-galaxy-haze{position:absolute;left:23%;top:-15%;width:42%;height:135%;transform:rotate(28deg);opacity:.7;background:radial-gradient(ellipse at 50% 58%,#7389bd24,#526fa815 30%,#617cb708 54%,transparent 72%);filter:blur(22px);animation:login-galaxy-breathe 18s ease-in-out infinite alternate}.admin-login-studio .login-brand-art{z-index:1}.admin-login-studio .login-orbit{border-color:#9dbaff12;box-shadow:0 0 45px #89adff03}.admin-login-studio .login-orbit-middle{border-color:#b5ccff1c}.admin-login-studio .login-orbit-inner{border-color:#aecaff36;box-shadow:0 0 65px #749cff0d,inset 0 0 44px #89b5ff08}.admin-login-studio .login-orbit-middle:after{background:#c7ddff;box-shadow:0 0 8px #9dc4ff99,0 0 20px #82aaff55}.admin-login-studio .login-brand-story h2>span{color:#b9d0ff;text-shadow:0 0 36px #83a9ff16}.admin-login-studio .login-brand-story p{color:#aab8ce}.admin-login-studio .login-brand-footer{border-color:#bbd0ff16;color:#90a1bb}.admin-login-studio .login-art-label{color:#98accd}.admin-login-studio .login-starlight-controls{position:relative;z-index:2;display:flex;align-items:center;align-self:center;gap:5px;margin:-12px 0 24px;padding:4px;border:1px solid #a5c2ff20;border-radius:999px;background:#0c1834b8;animation:login-sky-reveal .8s ease .18s both}.admin-login-studio .login-starlight-controls>span{padding:0 9px 0 11px;color:#879dbf;font-size:10px;letter-spacing:1px}.admin-login-studio .login-starlight-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;min-width:64px;border:1px solid transparent;border-radius:999px;padding:5px 12px;color:#9eb3d4;background:transparent;font-size:11px;transition:background .25s,color .25s,transform .25s,border-color .25s}.admin-login-studio .login-starlight-controls button[aria-pressed=true]{color:#edf4ff;background:#91b4ff1f;border-color:#b8d0ff24}.admin-login-studio .login-starlight-controls button:hover{color:white;background:#91b4ff29;transform:translateY(-1px)}.admin-login-studio .login-starlight-controls button:active{transform:scale(.95)}.admin-login-studio .login-shooting-star{position:absolute;top:14%;left:78%;width:100px;height:1px;opacity:0;transform:rotate(-32deg);background:linear-gradient(90deg,#b9d5ff90,transparent);animation:login-meteor 23s linear 7s infinite}.admin-login-studio .login-shooting-star:after{content:"";position:absolute;left:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#dfedff;box-shadow:0 0 7px #bad5ff}.admin-login-studio .login-brand-panel[data-stars-animated=false] .login-galaxy-haze,.admin-login-studio .login-brand-panel[data-stars-animated=false] .login-shooting-star{animation-play-state:paused}@keyframes login-sky-reveal{0%{opacity:0}to{opacity:1}}@keyframes login-galaxy-breathe{0%{opacity:.45;transform:rotate(28deg) translateX(-6px)}to{opacity:.8;transform:rotate(30deg) translateX(8px)}}@keyframes login-meteor{0%,6%,to{opacity:0}1%{opacity:.65}5%{opacity:0;transform:translate(-260px,165px) rotate(-32deg)}}@media (max-width:780px),(pointer:coarse){.admin-login-studio .login-starlight-controls{display:none}.admin-login-studio .login-galaxy-haze{width:70%;left:20%;filter:blur(15px)}.admin-login-studio .login-shooting-star{display:none}}@media (prefers-reduced-motion:reduce){.admin-login-studio .login-starfield,.admin-login-studio .login-starfield *,.admin-login-studio .login-starlight-controls,.admin-login-studio .login-starlight-controls *{animation:none!important;transition:none!important}.admin-login-studio .login-shooting-star,.admin-login-studio .login-starlight-controls{display:none}}