/* The approved 1536 × 1024 artwork is the desktop visual source of truth.
   Live controls use the same coordinate system; the image never handles input. */
@media (min-width:721px) {
  body:has(.identity-mode),main.identity-mode{background:#fcfdfb!important}
  main.identity-mode{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;height:auto;max-height:none;overflow:visible}
  .identity-mode #identity{position:relative;display:block;flex:none;width:min(100%,150dvh);height:auto;min-height:0;aspect-ratio:3/2;margin:0;padding:0;container-type:inline-size;background:url('/assets/login-reference.png') center/100% 100% no-repeat;animation:none}
  #identity .home-header,#identity .home-intro,#identity .home-bottom{display:none}
  #identity .home-login-pane,#identity .home-login-card{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  /* Move the card artwork and live controls together; keep the left artwork fixed. */
  #identity .home-login-pane{background:url('/assets/login-reference.png') center/100% 100% no-repeat;clip-path:inset(0 0 0 59%);transform:translateY(clamp(12px,1.5625cqw,24px))}
  /* Keep the live headings and labels available to assistive technology. */
  #identity .home-login-card>h2,#identity .home-card-subtitle,#identity .home-login-card>label,#identity .home-account-hint,#identity .home-login-footer{position:absolute;width:1px;height:1px;margin:0!important;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  /* Both role labels share the student label's typography in every state. */
  #identity .role-switch{position:absolute;left:63.477%;top:34.082%;width:29.883%;height:7.031%;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:.26cqw;background:#f3f4f1;border-radius:.98cqw}
  #identity .role-switch button,#identity .role-switch button.active,#identity .role-switch button:hover{position:relative;display:flex;align-items:center;justify-content:center;gap:1.2cqw;width:100%;height:100%;min-width:0;margin:0;padding:0;border:0;border-radius:.8cqw;color:#34495b;background:transparent;box-shadow:none;transform:none;font-family:inherit;font-size:1.5cqw;font-weight:500;line-height:1.4;letter-spacing:.02em}
  #identity .role-switch button svg{opacity:1;width:2.1cqw;height:2.1cqw;flex:none}
  #identity .role-switch button.active,#identity .role-switch button.active:hover{color:#00685e;background:#fff;box-shadow:0 0 .3cqw #274c4220}
  #identity .role-switch .home-role-label{display:block;flex:none;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:1.5625cqw;font-weight:600;line-height:1.4;letter-spacing:.02em;color:inherit;white-space:nowrap}
  #identity .home-login-card #home-account,#identity .home-login-card .password-field{position:absolute;left:63.607%;top:48.145%;width:29.557%;height:6.055%;margin:0}
  /* Opaque native fields cover the placeholder lettering in the reference.
     Browser placeholders disappear for typed, pasted and autofilled values. */
  #identity .home-login-card #home-account,#identity .home-login-card #home-password{display:block;min-height:0;height:100%;margin:0;padding:.65cqw 1.43cqw;border:1px solid transparent;border-radius:.72cqw;background:#fff;color:#193943;font-size:1.56cqw;line-height:1.4;box-shadow:none}
  #identity .home-login-card #home-account{height:6.055%}
  #identity .home-login-card .password-field{top:60.742%}
  #identity .home-login-card #home-password{width:100%;padding-right:3.7cqw}
  #identity .home-login-card input::placeholder{color:#a1a9ba;opacity:1}
  #identity .home-login-card input:focus{outline:2px solid #148477;outline-offset:0;box-shadow:none}
  #identity .password-toggle,#identity .password-toggle:hover{position:absolute;z-index:1;inset:0 1.3% 0 auto;display:grid;place-items:center;width:13%;height:100%;min-width:0;margin:0;padding:0;border:0;border-radius:.7cqw;background:transparent;color:#788294;box-shadow:none;transform:none}
  #identity .password-toggle svg{opacity:1;width:2.1cqw;height:2.1cqw}
  #identity .home-login-card .home-login-button,#identity .home-login-card .home-login-button:hover{position:absolute;left:63.607%;top:70.313%;width:29.557%;height:7.031%;min-width:0;margin:0;padding:0;border:0;border-radius:.85cqw;background:transparent;color:transparent;box-shadow:none;transform:none}
  #identity .home-login-button svg{opacity:0}
  #identity button:focus-visible{outline:2px solid #148477;outline-offset:2px}
  #identity .home-login-note:not(:empty){position:absolute;left:63.607%;top:82.5%;width:29.557%;margin:0;padding:.4cqw;background:#fff;color:#b2473c;font-size:1cqw;text-align:center}
  /* The existing filing link remains outside the approved reference canvas. */
  .identity-mode .icp-footer{position:static;order:99;flex:none;width:100%;padding:8px 0;margin:0;font-size:12px}
}