/* Brand overrides for New API — 不烧心ai
 * Console: native New API theme (readable light/default)
 * Auth pages: light shell matching marketing homepage
 */

/* Auth shell: login / register / reset — match light homepage */
#root>.relative.grid:has(form){
  isolation:isolate;overflow:hidden;min-height:100svh;
  background:#f4f7fb!important;color:#122033;
}
#root>.relative.grid:has(form):before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(900px 520px at 88% 8%, rgba(15,159,138,.14), transparent 60%),
    radial-gradient(720px 480px at 8% 0%, rgba(59,110,245,.14), transparent 55%),
    radial-gradient(560px 420px at 78% 88%, rgba(255,143,107,.12), transparent 60%),
    linear-gradient(180deg,#f7f9fc,#f4f7fb 45%,#eef3f9);
}
#root>.relative.grid:has(form):after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(rgba(30,55,90,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,55,90,.08) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at 50% 22%, #000 18%, transparent 72%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 22%, #000 18%, transparent 72%);
  opacity:.45;
}
#root>.relative.grid:has(form)>.container{width:100%;max-width:520px;margin:0 auto;position:relative;padding:28px 16px}
#root>.relative.grid:has(form)>.container>.mx-auto{max-width:460px}
#root>.relative.grid:has(form) form{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(30,55,90,.12)!important;
  border-radius:22px;padding:28px;
  box-shadow:0 24px 50px rgba(40,70,110,.10);
  backdrop-filter:blur(10px);color:#122033
}
#root>.relative.grid:has(form) input{
  height:42px;border-radius:11px;
  background:#fff!important;
  border-color:rgba(30,55,90,.16)!important;
  color:#122033!important
}
#root>.relative.grid:has(form) input::placeholder{color:#8a98ad}
#root>.relative.grid:has(form) input:focus{
  border-color:rgba(15,159,138,.45)!important;
  box-shadow:0 0 0 3px rgba(15,159,138,.12)!important;
  outline:none
}
#root>.relative.grid:has(form) button[type="submit"]{
  height:44px;border-radius:12px;border:0!important;
  background:linear-gradient(135deg,#0f9f8a,#3b6ef5)!important;
  color:#fff!important;font-weight:700;
  box-shadow:0 12px 28px rgba(15,159,138,.28);
  transition:transform .18s ease, filter .18s ease
}
#root>.relative.grid:has(form) button[type="submit"]:hover{
  filter:brightness(1.04);transform:translateY(-1px)
}
#root>.relative.grid:has(form) a[href="/"] img{
  width:42px;height:42px;border-radius:12px;
  box-shadow:0 0 0 1px rgba(15,159,138,.25),0 8px 24px rgba(40,70,110,.12)
}
#root>.relative.grid:has(form) a[href="/"] h1,
#root>.relative.grid:has(form) h1{font-weight:800;color:#122033!important}
#root>.relative.grid:has(form) h2{color:#122033!important}
#root>.relative.grid:has(form) p,
#root>.relative.grid:has(form) label{color:#5b6b82!important}
#root>.relative.grid:has(form) a{color:#0f9f8a!important}
#root>.relative.grid:has(form) a:hover{color:#0c8f7c!important}
@media(max-width:850px){
  #root>.relative.grid:has(form)>.container{width:100%}
  #root>.relative.grid:has(form) form{padding:22px}
}

/* bx-ccswitch-btn */
.bx-ccswitch-btn{
  display:inline-flex;align-items:center;gap:6px;
  height:28px;padding:0 10px;margin-right:4px;
  border-radius:999px;border:1px solid #0d9488;
  background:linear-gradient(180deg,#14b8a6,#0d9488);
  color:#fff!important;font-size:12px;font-weight:700;
  line-height:1;cursor:pointer;white-space:nowrap;
  box-shadow:0 1px 2px rgba(13,148,136,.35);
}
.bx-ccswitch-btn:hover{filter:brightness(1.06)}
.bx-ccswitch-btn:active{transform:translateY(1px)}
.bx-ccswitch-ico{font-size:13px;line-height:1}

/* bx-header-tip */
.bx-header-tip{
  display:inline-flex;align-items:center;
  margin-left:14px;margin-right:10px;
  padding:0;border:0;background:transparent!important;
  cursor:pointer;line-height:1.2;flex-shrink:1;min-width:0;
  max-width:min(520px,42vw);box-shadow:none!important;
}
.bx-header-tip:hover{opacity:.92}
.bx-header-tip-text{
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:14px;font-weight:700;letter-spacing:.02em;
  background:linear-gradient(90deg,#14b8a6 0%,#3b82f6 45%,#8b5cf6 75%,#f472b6 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent!important;-webkit-text-fill-color:transparent;
}
.bx-header-tip-text b{
  font-weight:800;
  background:inherit;-webkit-background-clip:text;background-clip:text;
  color:transparent!important;-webkit-text-fill-color:transparent;
}
.bx-header-tip.copied .bx-header-tip-text{
  background:linear-gradient(90deg,#10b981,#059669);
  -webkit-background-clip:text;background-clip:text;
}
@media (max-width:1100px){
  .bx-header-tip{max-width:240px}
  .bx-header-tip-text{font-size:13px}
}