/* Brand overrides for New API. Kept separate from the upstream application. */
:root, html.dark {
  --background:#f3f8f7; --foreground:#17383d; --card:#ffffff; --card-foreground:#17383d;
  --popover:#ffffff; --popover-foreground:#17383d; --primary:#287580; --primary-foreground:#f5fffc;
  --secondary:#e2f0eb; --secondary-foreground:#254f55; --muted:#e9f3f0; --muted-foreground:#60777a;
  --accent:#d9ede5; --accent-foreground:#25525a; --border:#cfe1df; --input:#cfe1df;
  --ring:#287580; --sidebar:#e8f3f0; --sidebar-foreground:#25474d;
  --sidebar-primary:#287580; --sidebar-primary-foreground:#f5fffc;
  --sidebar-accent:#d5eae3; --sidebar-accent-foreground:#25525a;
  --sidebar-border:#cfe1df; --sidebar-ring:#287580;
}
html,body{background:#f3f8f7!important;color:#17383d}
[data-slot="card"], [data-slot="dialog-content"], [data-slot="popover-content"]{border-color:#cfe1df;box-shadow:0 15px 42px rgba(30,75,77,.06)}
[data-slot="button"].bg-primary{background:#287580!important;color:#f5fffc!important}
[data-slot="button"].bg-primary:hover{background:#205e68!important}
table tr:hover{background:#e6f4ef}
a:hover{color:#236c77}
/* Login, registration and account recovery share the upstream auth shell. */
#root>.relative.grid:has(form){isolation:isolate;overflow:hidden;background:#f0f7f4;min-height:100svh}
#root>.relative.grid:has(form):before{content:"";position:absolute;inset:0 0 0 auto;width:48%;background:#719f91 url('/brand-assets/bushaoxin-landscape.svg') center/cover no-repeat;z-index:-1}
#root>.relative.grid:has(form):after{content:"";position:absolute;inset:0 auto 0 0;width:55%;background:radial-gradient(circle at 12% 13%,#f7fcfa 0,#e6f4ef 54%,#deede5 100%);z-index:-1}
#root>.relative.grid:has(form)>.container{width:54%;max-width:none;margin:0;position:relative}
#root>.relative.grid:has(form)>.container>.mx-auto{max-width:500px}
#root>.relative.grid:has(form) form{background:rgba(255,255,255,.94);border:1px solid #cfe1df;border-radius:24px;padding:30px;box-shadow:0 24px 55px rgba(30,75,77,.10)}
#root>.relative.grid:has(form) input{height:42px;border-radius:11px;background:#ffffff;border-color:#cfe1df}
#root>.relative.grid:has(form) button[type="submit"]{height:43px;border-radius:11px;background:#287580!important;color:white!important;box-shadow:0 8px 20px rgba(40,117,128,.16)}
#root>.relative.grid:has(form) button[type="submit"]:hover{background:#205e68!important}
#root>.relative.grid:has(form) a[href="/"] img{width:42px;height:42px;border-radius:12px;box-shadow:0 5px 15px rgba(40,117,128,.12)}
#root>.relative.grid:has(form) a[href="/"] h1{font-weight:800;color:#25565e}
#root>.relative.grid:has(form) h2{color:#28515a}
@media(max-width:850px){
  #root>.relative.grid:has(form):before{width:100%;opacity:.18;background-position:center 63%}
  #root>.relative.grid:has(form):after{width:100%;background:linear-gradient(90deg,rgba(243,248,247,.96),rgba(243,248,247,.82))}
  #root>.relative.grid:has(form)>.container{width:100%;margin:auto}
  #root>.relative.grid:has(form) form{padding:22px}
}

/* 钱包购买渠道卡片，移动端保持单列和可点击区域。 */
.bushaoxin-purchase-channel{margin-top:18px;padding:18px 20px;border:1px solid #cfe1df;border-radius:16px;background:#ffffff;box-shadow:0 10px 25px rgba(30,75,77,.06)}
.bushaoxin-purchase-heading{font-weight:800;color:#25565e;font-size:1rem}
.bushaoxin-purchase-copy{margin-top:7px;color:#60777a;font-size:.88rem;line-height:1.65}
.bushaoxin-purchase-amounts{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}
.bushaoxin-purchase-amounts a{padding:5px 9px;border-radius:999px;background:#e2f0eb;color:#28515a;font-size:.8rem;font-weight:700;text-decoration:none}
.bushaoxin-purchase-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:10px;background:#287580;color:#f5fffc!important;text-decoration:none;font-weight:700}
.bushaoxin-purchase-button:hover{background:#205e68;color:#f5fffc!important}
