/* 按确认效果图限定登录页外观，保留共用后台控件及版本公告行为。 */
body:has(> #login:not(.hidden)) { display:flex; flex-direction:column; justify-content:center; min-height:100svh; height:auto; padding:0; background:radial-gradient(ellipse at 50% 45%,#fff 0,#f2f6fc 80%); }
#login { display:grid; grid-template-columns:47.1% 52.9%; width:min(1244px,calc(100% - 64px)); min-height:768px; flex-shrink:0; margin:32px auto; border:0; border-radius:20px; box-shadow:0 28px 65px rgba(35,63,109,.16); }
#login .login-intro { padding:56px 64px; background:linear-gradient(125deg,#101d34,#14233e); }
#login .login-intro > * { position:relative; z-index:1; }
#login .login-intro::after { width:330px; height:330px; right:-88px; bottom:-120px; border-color:rgba(154,184,233,.16); box-shadow:0 0 0 49px rgba(146,174,222,.055),0 0 0 99px rgba(146,174,222,.04); }
#login .login-logo-mark { height:57px; padding:0 16px; border-radius:13px; background:linear-gradient(135deg,#3285ff,#2465ee); font-size:24px; box-shadow:0 8px 24px #0b3d7b66; }
#login .login-intro h1 { margin:56px 0 20px; font-size:50px; line-height:1.26; letter-spacing:-1.5px; font-weight:750; }
#login .login-intro p { max-width:none; color:#e0e7f4; font-size:22px; line-height:1.65; }
#login .login-points { gap:22px; margin-top:58px; color:#f0f4fc; font-size:18px; }
#login .login-points > div { gap:22px; }
#login .login-points i { flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#388aff,#1550e7); border:2px solid #4a86f5; color:white; font-size:22px; box-shadow:0 0 0 4px #21487b44; }
#login .login-form { position:relative; justify-content:flex-start; padding:64px 56px 50px 72px; }
#login .login-form h2 { margin:0 0 6px; font-size:40px; line-height:1.35; letter-spacing:-1px; color:#112039; }
#login .login-hint { margin:0 0 34px; font-size:22px; color:#7e8da7; line-height:1.6; }
#login .login-form > .版本公告入口 { position:absolute; top:48px; right:56px; width:auto; height:auto; margin:0; padding:4px 0; border:0; background:transparent; box-shadow:none; transform:none; }
#login .版本公告入口 .project-version { padding:0; border:0; background:none; color:#8294b0; font-size:14px; }
#login .登录方式 { gap:0; margin:0 0 24px; padding:2px; border-radius:14px; background:#eff3f8; }
#login .登录方式 button { height:54px; border:1px solid transparent; border-radius:12px; background:transparent; color:#67778f; font-size:18px; transform:none; }
#login .登录方式 button[aria-pressed="true"] { background:#fff; border-color:#dce6f5; color:#1760f5; box-shadow:0 5px 16px #315c9c12; }
#login .login-form label { margin:0 0 8px; font-size:18px; line-height:1.5; color:#15223a; }
#login .登录输入区域 { gap:0; margin:0 0 20px; }
#login #验证码登录区域 { margin-bottom:0; }
#login #验证码登录区域 > .登录字段外框 { margin-bottom:20px; }
#login #短信店铺区域 { margin:0 0 20px; }
#login .login-form input,#login .login-form select { width:100%; height:58px; margin:0; padding:0 18px; border:1px solid #cdd9eb; border-radius:12px; background:#fbfcfe; color:#18273f; font:inherit; font-size:18px; outline:none; }
#login input::placeholder { color:#8595ae; opacity:1; }
#login .login-form input:focus,#login .login-form select:focus { border-color:#6994f7; box-shadow:0 0 0 3px #2563eb18; }
#login .登录字段外框 { position:relative; min-width:0; width:100%; }
#login .登录字段图标 { position:absolute; left:22px; top:50%; width:22px; height:22px; transform:translateY(-50%); color:#7387a5; pointer-events:none; }
#login .登录字段外框 input,#login .登录字段外框 select { padding-left:68px; }
#login select { appearance:none; padding-right:44px!important; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23657996' stroke-width='2'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:right 20px center!important; }
#login .登录验证码行 { gap:14px; margin:0; }
#login .登录验证码行 .登录字段外框 { flex:1; }
#login .登录验证码行 input { width:100%; }
#login .登录验证码行 button { flex:0 0 35%; width:auto; height:58px; margin:0; padding:0 10px; border-radius:12px; background:#d6e3ff; color:#2263e8; box-shadow:none; font-size:17px; transform:none; }
#login .登录验证码行 button:hover:not(:disabled) { background:#c6d9ff; }
#login .login-form button:disabled { opacity:.65; cursor:not-allowed; }
#login .登录短信提示 { margin:10px 0 0; font-size:16px; line-height:1.5; color:#8293ae; }
#login #登录提交 { position:relative; height:65px; margin:26px 0 0; border-radius:13px; background:linear-gradient(105deg,#1f5cf3,#2064f5); box-shadow:0 7px 15px #2563eb16; font-size:23px; }
#login .登录提交箭头 { position:absolute; right:26px; top:50%; transform:translateY(-50%); font-size:30px; line-height:1; font-weight:400; }
#login button:focus-visible { outline:3px solid #80aaff; outline-offset:3px; }
@media(max-width:1100px) and (min-width:761px) {
  #login { grid-template-columns:45% 55%; min-height:710px; margin:24px auto; }
  #login .login-intro { padding:48px 36px; }
  #login .login-intro h1 { font-size:38px; }
  #login .login-intro p { font-size:18px; }
  #login .login-form { padding:64px 36px 40px; }
  #login .login-hint { font-size:17px; }
  #login .login-form h2 { font-size:34px; }
  #login .login-form > .版本公告入口 { right:36px; top:32px; }
}
/* 手机保留品牌和操作，内容自然滚动，控件不会被压缩或横向溢出。 */
@media(max-width:760px) {
  #login { display:block; width:calc(100% - 32px); min-height:0; margin:24px auto; border-radius:18px; }
  #login .login-intro { padding:26px 28px; }
  #login .login-logo-mark { height:40px; padding:0 12px; font-size:18px; border-radius:10px; }
  #login .login-intro h1 { margin:22px 0 10px; font-size:30px; letter-spacing:-.5px; }
  #login .login-intro p { font-size:14px; line-height:1.7; }
  #login .login-points { display:none; }
  #login .login-form { padding:44px 24px 28px; }
  #login .login-form h2 { font-size:28px; }
  #login .login-hint { margin-bottom:24px; font-size:14px; }
  #login .login-form > .版本公告入口 { top:18px; right:24px; }
  #login .版本公告入口 .project-version { font-size:12px; }
  #login .登录方式 button { height:46px; font-size:15px; }
  #login .login-form label { font-size:15px; }
  #login .login-form input,#login .login-form select { height:50px; font-size:15px; }
  #login .登录字段图标 { left:16px; width:19px; height:19px; }
  #login .登录字段外框 input,#login .登录字段外框 select { padding-left:46px; }
  #login .登录验证码行 { gap:10px; }
  #login .登录验证码行 button { height:50px; font-size:13px; }
  #login .登录短信提示 { font-size:12px; }
  #login #登录提交 { height:52px; margin-top:22px; font-size:18px; }
}
@media(max-width:380px) {
  #login .登录验证码行 { gap:8px; }
  #login .登录验证码行 .登录字段图标 { display:none; }
  #login .登录验证码行 input { padding:0 10px; font-size:12px; }
  #login .登录验证码行 button { flex-basis:96px; padding:0 4px; white-space:nowrap; font-size:12px; }
}