html[data-myautoapi-auth]{color-scheme:dark;background:#090a0d;--auth-bg:#090a0d;--auth-panel:#111318;--auth-line:#2b2d35;--auth-text:#f1f1f3;--auth-muted:#a0a2ad;--auth-gold:#f0be72;--auth-green:#83cbb0}
html[data-myautoapi-auth] body{margin:0;background:var(--auth-bg);color:var(--auth-text);font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;letter-spacing:0}
html[data-myautoapi-auth] #app{position:relative;z-index:1}
html[data-myautoapi-auth] #app>div:has(.card){background:transparent}
html[data-myautoapi-auth] #app .min-h-screen:has(.card){min-height:100svh;overflow:visible;padding:110px max(40px,calc((100% - 1120px)/2)) 52px;justify-content:flex-start;isolation:isolate}
html[data-myautoapi-auth] #app .min-h-screen:has(.card)>div.absolute{display:none}
html[data-myautoapi-auth] #app .max-w-md:has(.card){width:430px;max-width:100%;z-index:2}
html[data-myautoapi-auth] #app .max-w-md:has(.card)>.mb-8{width:100%;box-sizing:border-box;margin-bottom:24px;padding:22px 24px;text-align:left;background:rgba(26,22,16,.76);border:1px solid rgba(240,190,114,.23);border-radius:6px}
html[data-myautoapi-auth] #app .max-w-md:has(.card)>.mb-8>.inline-flex{display:none}
html[data-myautoapi-auth] #app .max-w-md:has(.card) h1{background:none;color:var(--auth-gold);font-family:Georgia,serif;font-size:30px;line-height:1.3;font-weight:700;letter-spacing:0}
html[data-myautoapi-auth] #app .max-w-md:has(.card)>.mb-8>p{color:var(--auth-muted);font-size:12px;line-height:1.8;margin-top:9px}
html[data-myautoapi-auth] #app .card{background:rgba(17,19,24,.92);border:1px solid var(--auth-line);border-radius:7px;padding:28px;box-shadow:none;backdrop-filter:none}
html[data-myautoapi-auth] #app .card h2{font-size:24px;line-height:1.4;font-weight:550;color:var(--auth-text);letter-spacing:0}
html[data-myautoapi-auth] #app .card p.text-gray-500{color:var(--auth-muted);font-size:12px}
html[data-myautoapi-auth] #app .input-label{color:#d9dbe3;font-size:13px}
html[data-myautoapi-auth] #app .input{min-height:44px;background:#0c0e13;color:var(--auth-text);border-color:#343740;border-radius:6px;box-shadow:none;font-size:13px}
html[data-myautoapi-auth] #app .input::placeholder{color:#6f7380}
html[data-myautoapi-auth] #app .input:focus{border-color:var(--auth-gold);box-shadow:0 0 0 2px rgba(240,190,114,.16);outline:none}
html[data-myautoapi-auth] #app input[type=checkbox]{accent-color:var(--auth-gold)}
html[data-myautoapi-auth] #app .btn{min-height:44px;border-radius:6px;font-size:13px;box-shadow:none}
html[data-myautoapi-auth] #app .btn-primary{background:var(--auth-gold);border:1px solid var(--auth-gold);color:#18140f;font-weight:600}
html[data-myautoapi-auth] #app .btn-primary:hover:not(:disabled){background:#f8ce91;border-color:#f8ce91}
html[data-myautoapi-auth] #app .btn-secondary{background:#191c24;border-color:#353944;color:#e5e6ed}
html[data-myautoapi-auth] #app .btn:disabled{opacity:.5}
html[data-myautoapi-auth] #app a{color:var(--auth-gold)}
html[data-myautoapi-auth] #app a:hover{color:#f8ce91}
html[data-myautoapi-auth] #app .text-gray-900{color:var(--auth-text)}
html[data-myautoapi-auth] #app .text-gray-500,html[data-myautoapi-auth] #app .text-gray-600{color:var(--auth-muted)}
html[data-myautoapi-auth] #app .text-gray-400{color:#777c8a}
html[data-myautoapi-auth] #app .max-w-md:has(.card)>.mt-6{font-size:12px;color:var(--auth-muted);margin-top:20px}
html[data-myautoapi-auth] #app .max-w-md:has(.card)>.mt-8{font-size:10px;color:#777c8a;margin-top:26px}
html[data-myautoapi-auth] #app .input.border-red-500,html[data-myautoapi-auth] #app .input.input-error{border-color:#f87171}
html[data-myautoapi-auth] #app .input.input-error:focus{box-shadow:0 0 0 2px rgba(248,113,113,.16)}
html[data-myautoapi-auth] :focus-visible{outline:2px solid var(--auth-gold);outline-offset:4px}
.auth-visual{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.auth-visual .solar-sky{opacity:.9}
.auth-header{position:absolute;top:0;left:0;width:100%;height:84px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(40px,calc((100% - 1120px)/2));color:#f1f1f3}
.auth-brand{display:flex;align-items:center;gap:12px;color:#f1f1f3;font-size:17px;font-weight:600;text-decoration:none}
.auth-brand-symbol{font-family:Georgia,serif;font-size:29px;line-height:1;color:#f0be72}
.auth-brand-symbol span{color:#83cbb0;font-size:20px;padding-left:1px}
.auth-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#a0a2ad;text-decoration:none;border-bottom:1px solid #504331;padding-bottom:5px}
.auth-back:hover{color:#f0be72}
.auth-back svg{width:15px;height:15px;stroke-width:1.6}
.auth-scene-caption{position:fixed;right:40px;bottom:30px;font:10px Consolas,monospace;color:#747681;z-index:1;pointer-events:none;display:flex;align-items:center;gap:8px}
.auth-scene-caption::before{content:"";width:5px;height:5px;background:#83cbb0}
@media(max-width:1000px){html[data-myautoapi-auth] #app .min-h-screen:has(.card){justify-content:center;padding-inline:28px}.auth-visual .solar-sky{opacity:.65}.auth-header{padding-inline:28px}.auth-scene-caption{display:none}}
@media(max-width:680px){.auth-header{height:70px;padding-inline:18px}.auth-brand{font-size:14px;gap:9px}.auth-brand-symbol{font-size:25px}.auth-back{font-size:11px}html[data-myautoapi-auth] #app .min-h-screen:has(.card){padding:100px 18px 34px;align-items:flex-start}html[data-myautoapi-auth] #app .max-w-md:has(.card){width:100%}html[data-myautoapi-auth] #app .card{padding:22px}html[data-myautoapi-auth] #app .card h2{font-size:22px}html[data-myautoapi-auth] #app .max-w-md:has(.card) h1{font-size:28px}html[data-myautoapi-auth] #app .input{font-size:14px}}
@media(max-width:360px){.auth-brand{font-size:12px}.auth-back{font-size:10px}html[data-myautoapi-auth] #app .card{padding:18px}html[data-myautoapi-auth] #app .max-w-md:has(.card)>.mb-8>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html[data-myautoapi-auth] *,html[data-myautoapi-auth] *::before,html[data-myautoapi-auth] *::after{animation:none!important;transition:none!important}}
.auth-brand.auth-wordmark{align-items:baseline;gap:0;font-family:Georgia,serif;font-size:24px;font-weight:700;color:var(--auth-gold);line-height:1;letter-spacing:0;white-space:nowrap}.auth-wordmark .auth-brand-symbol{font-family:inherit;font-size:inherit;font-weight:inherit}
@media(max-width:680px){.auth-brand.auth-wordmark{font-size:18px}}
@media(max-width:360px){.auth-brand.auth-wordmark{font-size:16px}}