/* {{CODE-Cycle-Integration:
  Task_ID: #T004
  Timestamp: 2026-08-27T17:31:00+08:00
  Phase: D-Develop
  Context-Analysis: "已核对生产 rc.24 的 AuthLayout DOM、独立首页 Header 与 login-bg.png。"
  Principle_Applied: "Pixel-Consistent-Header, Shared-Background, External-Override"
}} */
/* {{START_MODIFICATIONS}} */

/*
 * rc.24 的认证页只渲染品牌入口，不再生成顶部菜单。认证页复用独立
 * 首页的背景图与浅色表单变量，保证登录、注册和密码流程视觉一致。
 */
#root > .relative.grid.h-svh.max-w-none {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --secondary: oklch(0.95 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.49 0 0);
  --accent: color-mix(in oklch, var(--primary) 12%, var(--background));
  --accent-foreground: oklch(0.145 0 0);
  --border: oklch(0.93 0 0);
  --input: oklch(0.93 0 0);
  color: var(--foreground);
  background: #fff url('/custom/assets/login-bg.png') center top / cover
    no-repeat;
}

#root > .relative.grid.h-svh.max-w-none > a[href='/'] {
  top: 0 !important;
  left: clamp(28px, 2.3vw, 48px) !important;
  height: clamp(78px, 8vw, 160px);
  gap: 12px;
  color: #0d1721;
  font-family:
    'Microsoft YaHei',
    '微软雅黑',
    -apple-system,
    BlinkMacSystemFont,
    'PingFang SC',
    'HarmonyOS Sans SC',
    'Segoe UI',
    sans-serif;
  text-decoration: none;
}

#root > .relative.grid.h-svh.max-w-none > a[href='/'] > .relative {
  width: clamp(38px, 2.5vw, 50px);
  height: clamp(38px, 2.5vw, 50px);
}

#root > .relative.grid.h-svh.max-w-none > a[href='/'] img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#root > .relative.grid.h-svh.max-w-none > a[href='/'] h1 {
  color: #0d1721;
  font-size: clamp(18px, 1.18vw, 24px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

/* 上游若再次向 AuthLayout 加入菜单，外挂模式仍只保留品牌入口。 */
#root > .relative.grid.h-svh.max-w-none > header nav,
#root > .relative.grid.h-svh.max-w-none > header button {
  display: none !important;
}

@media (max-width: 640px) {
  #root > .relative.grid.h-svh.max-w-none > a[href='/'] {
    left: 18px !important;
    gap: 7px;
  }
}

/* {{END_MODIFICATIONS}} */