/* 咸鱼电竞设计系统 · 08-login
   业主 2026-10-11：登录页「两个框框重叠」——遗留层的外框/大阴影光晕 + 卡片本身叠成两层。
   这里只留一层：画布纯底 + 单张卡片（细描边、无光晕），宋体标题 + 英文斜体、品牌粉主按钮。
   不分层，id 选择器，压过 stage6 / ui-redesign / ui-corrections 的同名规则。 */
#loginScreen.login-screen {
  display: grid; place-items: center; min-height: 100vh; min-height: 100dvh; padding: 32px 24px;
  background: var(--bg-canvas); background-image: none; border: 0; box-shadow: none;
}
#loginScreen.login-screen.hidden { display: none; }
#loginScreen::before, #loginScreen::after, #loginForm::before, #loginForm::after { content: none; display: none; }

#loginForm.login-card {
  position: relative; width: 100%; max-width: 420px; margin: 0; padding: 36px 36px 32px;
  background: var(--bg-surface); border: 1px solid var(--hairline-strong); border-radius: var(--r-xl);
  box-shadow: var(--highlight); outline: 0; backdrop-filter: none;
  display: flex; flex-direction: column; gap: 0;
}

#loginForm .login-brand { display: flex; align-items: center; gap: 12px; margin: 0 0 32px; padding: 0; border: 0; background: none; }
#loginForm .login-brand img { width: 44px; height: 44px; border-radius: 50%; box-shadow: 0 0 0 1px var(--hairline-strong); object-fit: cover; }
#loginForm .login-brand > div { display: flex; flex-direction: column; gap: 2px; }
#loginForm .login-brand h1 { margin: 0; font-family: var(--font-serif); font-size: 18px; font-weight: 700; letter-spacing: .1em; line-height: 1.2; color: var(--text-1); }
#loginForm .login-en { font-family: var(--font-accent); font-style: italic; font-size: 13px; line-height: 1.2; color: var(--accent); }

#loginForm .login-heading { margin: 0 0 24px; padding: 0; border: 0; background: none; }
#loginForm .login-eyebrow { display: block; margin-bottom: 4px; font-family: var(--font-accent); font-style: italic; font-size: 15px; color: var(--accent); }
#loginForm .login-heading h2 { margin: 0 0 10px; font-family: var(--font-serif); font-size: 28px; font-weight: 700; letter-spacing: .12em; line-height: 1.25; color: var(--text-1); }
#loginForm .login-heading p { margin: 0; font-size: 13px; color: var(--text-3); }

/* 输入框：遗留层用 !important 固定「外壳画面、input 透明」的结构，这里顺着它只换外观 */
#loginForm .login-input-field {
  gap: 10px; margin: 0 0 12px; padding: 0 14px;
  background: var(--bg-sunken); border: 1px solid var(--hairline); border-radius: var(--r-md); box-shadow: none;
  transition: border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);
}
#loginForm .login-input-field:hover { border-color: var(--hairline-strong); }
#loginForm .login-input-field:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-tint); }
#loginForm .login-input-field > svg, #loginForm .login-input-field > i { color: var(--text-4); }
#loginForm .login-input-field:focus-within > svg { color: var(--accent); }
#loginForm .login-input-field input { color: var(--text-1); font-size: 15px; background: transparent; }
#loginForm .login-input-field input::placeholder { color: var(--text-4); }

#loginForm .login-meta-row { display: flex; align-items: center; justify-content: space-between; margin: 4px 0 20px; padding: 0; }
#loginForm .remember-login { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-3); cursor: pointer; }
#loginForm .login-text-link {
  display: inline; min-height: 0; margin: 0; padding: 0; border: 0; background: none; box-shadow: none;
  color: var(--accent); font-size: 13px; font-weight: 600; cursor: pointer;
}
#loginForm .login-text-link:hover { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; }

#loginForm .login-status:not(:empty), #loginForm .login-error:not(:empty) { margin: 0 0 14px; font-size: 13px; }
#loginForm .login-error:not(:empty) { color: var(--rose-400); }
#loginForm .login-actions { display: flex; justify-content: center; margin: 0; padding: 0; border: 0; background: none; }
/* 登录按钮 = 深底液态玻璃 + 粉色镜边（宝宝 11-02，材质在 xy/36-glass.css）。按内容宽的胶囊，衬线「登 录」，这里只定尺寸和字 */
#loginForm .login-actions .lg-btn {
  display: inline-flex; justify-content: center; gap: 10px; width: auto; min-width: 220px; height: 54px; min-height: 54px; margin: 0; padding: 0 36px;
  font-size: 17px; letter-spacing: .5em;
}
#loginForm .login-actions .lg-btn > span { margin-right: -.5em; }
#loginForm .login-actions .lg-btn:disabled { opacity: .6; transform: none; }

/* 手机：卡片去掉，内容直接铺在画布上——不出现框套框 */
@media (max-width: 560px) {
  #loginScreen.login-screen { align-items: flex-start; align-content: start; place-items: start center; padding: 56px 24px 32px; }
  #loginForm.login-card { max-width: none; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
  #loginForm .login-brand { margin-bottom: 44px; }
}