/* Brand-led account entrance using the approved character artwork. */
.sc-site .sc-auth-layout { --auth-ink:#e5eaf0; --auth-muted:#9aa6b5; --auth-line:#3c4858; --auth-accent:#b4c8e7; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr); align-items:stretch; width:100%; margin:0; }
.sc-site .sc-auth-layout::before, .sc-site .sc-auth-layout::after { display:none; }
body.sc-auth-page { background:#171b20; min-height:100vh; }
body.sc-auth-page:not(:has(> .header)) { padding-top:0!important; }
.sc-site.sc-auth-page .sign-page { position:relative; inset:auto; transform:none; width:100%; max-width:none; margin:0; padding:0; min-height:100vh; min-height:100svh; display:flex; align-items:stretch; }
.sc-site.sc-auth-page .sign-row { height:auto; border:0; border-radius:0; overflow:visible; }
.sc-auth-brand { min-width:0; display:flex; flex-direction:column; justify-content:space-between; gap:40px; padding:40px; background:linear-gradient(125deg,#323943,#252c35 65%,#202730); color:var(--auth-ink); position:relative; overflow:hidden; }
.sc-auth-page .sign-row > .sc-auth-brand { min-height:100vh; min-height:100svh; padding:48px clamp(36px,5vw,104px); }
.sc-auth-brand-main { width:100%; max-width:440px; margin:auto; }
.sc-auth-mascot { width:clamp(240px,27vw,400px); aspect-ratio:1; max-width:100%; margin:0 auto 32px; }
.sc-auth-mascot img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 16px 22px #10152030); }
.sc-auth-brand-copy { max-width:380px; margin:0 auto; }
.sc-auth-wordmark { display:inline-flex; align-self:flex-start; align-items:center; gap:8px; height:40px; color:#e5e5e9; }
.sc-auth-wordmark img { display:block; width:40px; height:40px; object-fit:contain; flex-shrink:0; }
.sc-auth-wordmark span { font:700 24px/1 "Microsoft YaHei","PingFang SC",sans-serif; color:#e5e5e9; white-space:nowrap; }
.sc-auth-kicker { display:block; font:12px/1.4 Bahnschrift,"Segoe UI",sans-serif; letter-spacing:.08em; color:var(--auth-muted); margin-bottom:14px; }
.sc-auth-brand h2 { font:500 24px/1.5 "Microsoft YaHei","PingFang SC",sans-serif; letter-spacing:.02em; color:var(--auth-ink); margin:0 0 12px; }
.sc-auth-brand p { font-size:13px; color:#aeb8c5; line-height:1.9; margin:0; }
.sc-auth-explore { color:#c4cfdd; font-size:12px; display:inline-flex; align-items:center; justify-content:space-between; gap:20px; max-width:380px; width:100%; padding-top:20px; border-top:1px solid #ffffff20; }
.sc-auth-explore svg { width:19px; height:19px; fill:none; }
.sc-auth-brand a:focus-visible { outline:2px solid var(--auth-accent); outline-offset:5px; }
.sc-site .sc-auth-layout .sign-col { float:none; margin:0; left:auto; width:100%; height:auto; padding:0; display:block; }
.sc-site .sc-auth-layout .sign-col > div { padding:0!important; height:100%; }
.sc-site .sc-auth-layout .sign.sc-auth-form { width:100%; max-width:none; margin:0; border:0; box-shadow:none; border-radius:0; background:#171b20; backdrop-filter:none; min-height:0; padding:46px 46px 24px; color:var(--auth-ink); }
.sc-site.sc-auth-page .sign-row .sign-col { padding:64px clamp(36px,6vw,120px); align-self:center; }
.sc-site.sc-auth-page .sign-row .sign.sc-auth-form { background:none; padding:0; width:100%; max-width:400px; margin:0 auto; }
.sc-site .sc-auth-form :is(#sign-in,#sign-up) { padding:0; }
.sc-auth-form > .text-center:has(.sign-logo) { display:none; }
.sc-site .sc-auth-form > .tab-content { padding:0; }
.sc-site .sc-auth-form .box-body { padding:0; margin:0; }
.sc-site .sc-auth-form .tab-pane > .box-body:first-child { margin-bottom:28px; }
.sc-site .sc-auth-form .title-h-left { font:600 28px/1.4 "Microsoft YaHei","PingFang SC",sans-serif; padding:0; margin:0 0 12px; color:#e7edf5; }
.sc-site .sc-auth-form .title-h-left::before { display:none; }
.sc-site .sc-auth-form a { color:#b4cae7; }
.sc-site .sc-auth-form .line-form { margin:0 0 20px; padding:0; }
.sc-site .sc-auth-form .line-form-line { display:none; }
.sc-site .sc-auth-form .sc-auth-label { display:block; margin:0 0 9px; color:#c4cedc; font-size:12px; font-weight:400; line-height:1.6; }
.sc-site .sc-auth-form .sc-auth-field .scale-placeholder { display:none!important; }
.sc-site .sc-auth-form .sc-auth-email-code { display:block!important; }
.sc-site .sc-auth-form input.line-form-input { width:100%; height:48px; min-height:48px; margin:0; padding:12px 42px 12px 14px; border:1px solid #495669; border-radius:5px; background:#171e27; color:#edf3fa; font-size:14px; box-shadow:none; }
.sc-site .sc-auth-form input.line-form-input:focus { border-color:#b4cae7; outline:2px solid #b4cae72b; outline-offset:0; }
.sc-site .sc-auth-form input.line-form-input::placeholder { color:#6f8098; font-size:12px; }
.sc-site .sc-auth-form .sc-auth-field .abs-right { top:auto!important; bottom:0; height:48px; display:flex; align-items:center; right:13px; color:#a3b5cc; transform:none; margin:0; }
.sc-site .sc-auth-form .sc-auth-field .match-ok { display:none; right:122px; pointer-events:none; }
.sc-site .sc-auth-form .sc-auth-field .match-ok.show { display:flex; }
.sc-site .sc-auth-form .sc-auth-field:has(.captchsubmit) input { padding-right:112px; }
.sc-site .sc-auth-form .captchsubmit { background:#2d3c4e; color:#b4cae7; border:0; font-size:12px; padding:7px 10px; }
.sc-site .sc-auth-form .form-checkbox { font-size:12px; color:#a3b0c2; }
.sc-site .sc-auth-form input[type=checkbox] { accent-color:#b4cae7; }
.sc-site .sc-auth-form .form-checkbox input:checked::before { color:#b4cae7; }
.sc-site .sc-auth-form .signsubmit-loader { width:100%; min-height:47px; padding:12px 18px; margin:7px 0 0; background:#b4cae7; color:#182535; font-size:14px; font-weight:600; box-shadow:none; border:1px solid #b4cae7; border-radius:5px; }
.sc-site .sc-auth-form .signsubmit-loader:hover { background:#ccdcf0; color:#182535; }
.sc-site .sc-auth-form .signsubmit-loader > i, .sc-site .sc-auth-form .signsubmit-loader > svg { display:none; }
.sc-site .sc-auth-form .social-separator { margin:22px 0 15px; font-size:11px; }
.sc-auth-footer { display:flex; flex-wrap:wrap; gap:8px 15px; align-items:center; border-top:1px solid #364252; margin-top:30px; padding-top:19px; color:#7f90a6; font-size:10px; }
.sc-auth-footer > span { margin-right:auto; }
.sc-site .sc-auth-footer a { color:#98a9bf; }
.sc-site .sc-auth-form :is(a,button,[role=button]):focus-visible { outline:2px solid #b4cae7!important; outline-offset:4px; }
.sc-site #u_sign .modal-dialog:has(.sc-auth-dialog) { width:840px; max-width:calc(100vw - 36px); }
.sc-site #u_sign .sc-auth-dialog { padding:0; border:1px solid #414c5d; border-radius:12px; overflow:hidden; box-shadow:0 24px 90px #0006; }
.sc-site #u_sign .sc-auth-dialog > .sign-img { display:none; }
.sc-site #u_sign .sc-auth-dialog .sc-auth-brand { padding:34px; }
.sc-site #u_sign .sc-auth-dialog .sc-auth-mascot { width:220px; margin:8px auto 24px; }
.sc-site #u_sign .sc-auth-dialog .sc-auth-brand h2 { font-size:21px; }
.sc-site #u_sign .sc-auth-dialog .sc-auth-form { padding:42px 34px 24px; min-height:520px; }
.sc-site #u_sign .sc-auth-form > .close { position:absolute; right:13px; top:13px; width:28px; height:28px; color:#c0cddd; opacity:1; }
@media(max-width:767px) {
  .sc-site .sc-auth-layout { grid-template-columns:1fr; }
  .sc-site.sc-auth-page .sign-page { display:block; }
  .sc-site.sc-auth-page .sign-row > .sc-auth-brand { min-height:0; padding:26px 26px 30px; gap:0; }
  .sc-auth-wordmark { height:34px; gap:7px; }
  .sc-auth-wordmark img { width:34px; height:34px; }
  .sc-auth-wordmark span { font-size:20px; }
  .sc-auth-page .sc-auth-brand-main { margin:34px 0 0; max-width:none; }
  .sc-auth-page .sc-auth-brand-copy { margin:0; max-width:240px; }
  .sc-auth-page .sc-auth-brand h2 { font-size:20px; margin:0; }
  .sc-auth-page .sc-auth-brand :is(.sc-auth-kicker,p) { display:none; }
  .sc-auth-page .sc-auth-mascot { width:90px; position:absolute; right:20px; top:62px; margin:0; }
  .sc-auth-explore { border:0; padding:0; font-size:11px; position:absolute; right:26px; top:36px; gap:8px; width:auto; }
  .sc-auth-explore svg { width:14px; height:14px; }
  .sc-site.sc-auth-page .sign-row .sign-col { padding:36px 26px 58px; }
  .sc-site .sc-auth-form .title-h-left { font-size:25px; }
  .sc-site #u_sign .modal-dialog:has(.sc-auth-dialog) { width:440px; max-width:calc(100vw - 24px); margin:16px auto; }
  .sc-site #u_sign .sc-auth-dialog .sc-auth-brand { padding:21px 24px; gap:0; }
  .sc-site #u_sign .sc-auth-dialog .sc-auth-brand-main { display:none; }
  .sc-site #u_sign .sc-auth-dialog .sc-auth-form { padding:29px 24px 23px; min-height:0; }
  .sc-site #u_sign .sc-auth-dialog .sc-auth-explore { display:none; }
  .sc-site #u_sign .sc-auth-form > .close { top:12px; right:13px; }
}
@media(prefers-reduced-motion:reduce) { .sc-auth-layout .tab-pane { transition:none; } }