@import url("starfield.css?v=20260919-live");
.header-actions{display:flex;align-items:center;gap:20px}
.masthead .brand-name span{white-space:nowrap;letter-spacing:.07em;font-size:15px}
.preview-label{font-size:10px;letter-spacing:.08em;color:#adc1d5}
.nav-login{display:flex;align-items:center;justify-content:center;gap:17px;min-width:106px;min-height:44px;padding:10px 19px;border:1px solid #c6e5fd;border-radius:6px;background:#dff0ff;color:#09213b;font-size:13px;font-weight:550;letter-spacing:.12em;transition:background .15s,box-shadow .15s}
.nav-login svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.nav-login:hover{background:#f2faff;box-shadow:0 0 25px #88c4ff22}
.stage{display:flex;align-items:stretch;justify-content:center;max-width:1440px;min-height:680px;padding:50px 8.2vw 44px}
.identity{width:100%;min-height:570px;height:auto;align-items:center;justify-content:center}
.identity-copy{max-width:640px;text-align:center;padding-bottom:35px}
.identity-kicker{justify-content:center;margin-bottom:34px}
.wordmark{width:100%;max-width:600px;margin:0 auto}
.chinese-wordmark{justify-content:center;font-size:42px;letter-spacing:.3em;margin-top:33px;padding-left:.3em}
.brand-bar{display:none}
.brand-descriptor{margin-top:20px;font-size:11px;letter-spacing:.24em}
.identity-description{display:block;margin-top:18px;font-size:13px;letter-spacing:.13em}
.motion-toggle{bottom:0;right:0}
body[data-view="login"] .stage{align-items:center;padding-top:44px;padding-bottom:44px}
body[data-view="login"] .login-panel{width:404px;max-width:100%;margin:auto}
.login-preview-note{margin:0 0 25px;padding:10px 12px;color:#bfd2e5;background:#112438;border-left:2px solid #81bee9;font-size:11px;line-height:1.8;letter-spacing:.01em}
#login-title:focus{outline:none}
.panel-heading{margin-bottom:21px}
@media(max-width:1100px) and (min-width:761px){.stage{padding:45px 7vw;min-height:650px}.identity-copy{max-width:540px}.identity{min-height:550px}.wordmark{max-width:510px}.identity-kicker{font-size:9px;letter-spacing:.15em}.brand-descriptor{font-size:10px;letter-spacing:.16em}.chinese-wordmark{font-size:38px}}
@media(max-width:760px){
  .masthead .brand-name{flex-direction:column;align-items:flex-start;gap:5px;font-size:10px;letter-spacing:.17em;line-height:1.2}
  .masthead .brand-name span{padding-left:0;border-left:0;font-size:13px;letter-spacing:.035em;line-height:1.35}
  .header-actions{gap:11px}.preview-label{font-size:9px;letter-spacing:.02em}.nav-login{min-width:78px;min-height:44px;padding:10px 12px;font-size:12px;gap:10px;border-radius:5px}.nav-login svg{width:14px;height:14px}
  .stage{width:100%;max-width:760px;padding:28px 25px 28px;min-height:0;flex:1;margin:0}
  .identity{min-height:calc(100svh - 194px);height:auto;padding:14px 0 44px;align-items:center;justify-content:center}
  .identity-copy{max-width:410px;padding:0}.identity-kicker{font-size:7px;letter-spacing:.12em;margin-bottom:25px;gap:9px}.wordmark{width:100%;max-width:350px}.chinese-wordmark{font-size:29px;margin-top:24px;letter-spacing:.3em}.brand-descriptor{font-size:8px;letter-spacing:.13em;margin-top:17px}.identity-description{display:block;font-size:11px;margin-top:18px;letter-spacing:.09em}
  .motion-toggle{right:0;bottom:-2px}.star-control:focus-visible{outline-offset:3px}
  body[data-view="login"] .stage{padding:30px 24px 32px;align-items:flex-start}
  body[data-view="login"] .login-panel{width:100%;max-width:410px;margin:0 auto}
  .login-preview-note{font-size:11px;margin-bottom:22px;padding:9px 11px}.panel-heading{margin-bottom:18px}
}
@media(max-width:360px){.masthead{gap:10px}.masthead .brand{gap:8px}.masthead .brand-mark{width:20px;height:20px}.masthead .brand-name{gap:5px}.masthead .brand-name span{letter-spacing:0;font-size:13px}.header-actions{gap:8px}.preview-label{font-size:8px}.nav-login{min-width:70px;padding:9px 10px}.nav-login svg{display:none}.stage{padding-left:20px;padding-right:20px}.identity{min-height:calc(100svh - 178px);height:auto}.wordmark{max-width:290px}.identity-kicker{font-size:6px;letter-spacing:.11em}.brand-descriptor{font-size:7px;letter-spacing:.09em}.chinese-wordmark{font-size:27px}body[data-view="login"] .stage{padding:24px 16px 28px}}

.nav-login{text-decoration:none}
.nav-login:hover{text-decoration:none}
.login-notice{margin:0 0 22px;padding:12px 14px;border:1px solid #a76170;border-radius:5px;background:#351b29;color:#ffd8df;font-size:13px;line-height:1.8}
.login-notice.success{border-color:#447d72;background:#102d29;color:#c0f0df}
