@charset "UTF-8";
/* LinkYuAI styling for New API's auth pages. Scoped to html.ly-auth, set by app-theme.js. */
#ly-auth-panel{display:none}
html.ly-auth{--ly-blue:#0c64d5;--ly-blue-dark:#0955b8;--ly-navy:#0b2545;--ly-panel:min(44vw,620px)}
html.ly-auth #ly-auth-panel{position:fixed;inset:0 auto 0 0;z-index:3;width:var(--ly-panel);display:flex;flex-direction:column;justify-content:space-between;padding:40px 56px;overflow:hidden;background:linear-gradient(150deg,#0b2545 0%,#0d3a72 58%,#0c64d5 100%);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
html.ly-auth #ly-auth-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 300px at 90% 10%,#3d8bff40,transparent 70%);pointer-events:none}
html.ly-auth #ly-auth-panel::after{content:"";position:absolute;right:-80px;bottom:-60px;width:380px;height:380px;background:url(/brand/assets/symbol.png) center/contain no-repeat;filter:brightness(0) invert(1);opacity:.07;pointer-events:none}
#ly-auth-panel>*{position:relative;z-index:1}
#ly-auth-panel .ly-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;color:#fff;font-size:20px;font-weight:700;text-decoration:none}
#ly-auth-panel .ly-brand img{width:40px;height:40px;border-radius:50%;background:#fff;padding:5px;object-fit:contain}
#ly-auth-panel .ly-title{display:flex;flex-direction:column;margin:0;font-size:clamp(44px,4.6vw,64px);line-height:1.15;letter-spacing:-.5px}
#ly-auth-panel .ly-title span{font-weight:300}
#ly-auth-panel .ly-title strong{font-weight:800}
#ly-auth-panel ul{margin:32px 0 0;padding:0;list-style:none;display:grid;gap:14px;font-size:16px;color:#d5e3f5}
#ly-auth-panel li{display:flex;align-items:center;gap:12px}
#ly-auth-panel li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:#ffffff1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 12.5 3.2 3L17 9'/%3E%3C/svg%3E") center/14px no-repeat}
#ly-auth-panel .ly-foot{margin:0;font-size:13px;color:#9fb5d1}

/* Form column */
html.ly-auth #root{padding-left:var(--ly-panel)}
html.ly-auth #root>div.h-svh{min-height:100svh;height:auto}
html.ly-auth #root>div.h-svh>a[href="/"]{display:none}
html.ly-auth #root>div.h-svh>.container{justify-content:center;padding-top:0}
html.ly-auth #root form{gap:20px}
html.ly-auth #root h2{font-size:32px;line-height:1.3;font-weight:800;letter-spacing:-.3px;text-align:left}
html.ly-auth[data-ly-route="sign-in"] #root div:has(>form input[name=password])>div>h2::after{content:"欢迎回来，登录后管理密钥、用量与余额";display:block;margin-top:8px;font-size:15px;font-weight:400;letter-spacing:0;color:#5c6b80}
html.ly-auth #root form label{font-size:14px}
html.ly-auth #root form input:not([type=checkbox]):not([type=radio]){height:50px;padding:0 16px;border-radius:12px;font-size:15px}
html.ly-auth #root form input[type=password]{padding-right:48px}
html.ly-auth #root form .relative>button.absolute{width:36px;height:36px;right:8px}
html.ly-auth #root form button[type=submit]{height:52px;margin-top:6px;border-radius:999px;font-size:16px;font-weight:700}
html.ly-auth.light #root h2{color:var(--ly-navy)}
html.ly-auth.dark #root h2::after{color:#9fb0c6}
html.ly-auth.light #root form input:not([type=checkbox]):not([type=radio]){border-color:#d5deea;background:#fff}
html.ly-auth.light #root form input:focus-visible{border-color:var(--ly-blue);box-shadow:0 0 0 4px #0c64d526}
html.ly-auth #root form button[type=submit]{background:var(--ly-blue);color:#fff;border-color:var(--ly-blue)}
html.ly-auth #root form button[type=submit]:hover{background:var(--ly-blue-dark)}

@media(max-width:1023px){
  html.ly-auth #ly-auth-panel{position:relative;inset:auto;width:auto;padding:28px 24px 36px;gap:28px}
  html.ly-auth #ly-auth-panel::after{width:220px;height:220px;right:-50px;bottom:-50px}
  #ly-auth-panel .ly-brand{font-size:18px}
  #ly-auth-panel .ly-brand img{width:34px;height:34px}
  #ly-auth-panel .ly-title{font-size:40px}
  #ly-auth-panel ul,#ly-auth-panel .ly-foot{display:none}
  html.ly-auth #root{padding-left:0}
  html.ly-auth #root>div.h-svh{min-height:0}
  html.ly-auth #root>div.h-svh>.container{padding-top:8px}
  html.ly-auth #root h2{font-size:28px}
}
@media(max-width:1023px) and (max-height:620px){
  #ly-auth-panel .ly-title{font-size:32px}
  html.ly-auth #ly-auth-panel{gap:18px;padding-bottom:24px}
}