/* =========================================================
   noob's api - 登录/注册页
   极简版 v3：作用域由 /custom/auth-page.js 打的 html.auth-page 决定
   —— 按 URL 路径命中，跟输入框类型无关（显示密码不会再掉卡片）
   ========================================================= */


/* =========================================================
   1. 背景
   ========================================================= */

html.auth-page body {

  background:
    radial-gradient(circle at 15% 20%, rgba(100, 150, 255, 0.07), transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(80, 200, 190, 0.06), transparent 40%),
    #fafbfc !important;

  min-height: 100vh !important;
}


/* =========================================================
   2. 卡片 —— 直接包 form 的那个 div
   ========================================================= */

html.auth-page div:has(> form) {

  padding: 36px 34px !important;
  border-radius: 16px !important;

  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.04),
    0 16px 40px rgba(30, 50, 80, 0.06) !important;

  width: min(440px, calc(100vw - 32px)) !important;
  max-width: 440px !important;
}


/* =========================================================
   3. 容器居中
   ========================================================= */

html.auth-page div.container {

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: calc(100vh - 70px) !important;
  padding: 30px 20px 50px !important;
}


/* =========================================================
   4. 手机
   ========================================================= */

@media (max-width: 600px) {

  html.auth-page div:has(> form) {
    padding: 28px 20px !important;
    border-radius: 14px !important;
  }
}