/* ============================================================
   PIG选品 · 登录/注册页 工程蓝图主题（Blueprint Engineering）
   2026-08-24 与主面板 blueprint-theme.css 同源设计语言
   原则：只覆盖 auth 区变量与关键组件，不动 style.css 结构
   ============================================================ */

/* ---------- 色板对齐蓝图主题 ---------- */
.auth-body,
body.auth-body {
  /* 宣纸冷调底 + 双层坐标网格（与主面板 body 同源） */
  background-color: #FAFBFD;
  background-image:
    linear-gradient(#ECEFF5 1px, transparent 1px),
    linear-gradient(90deg, #ECEFF5 1px, transparent 1px),
    linear-gradient(rgba(15,98,254,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,98,254,0.035) 1px, transparent 1px);
  background-size: 40px 40px, 40px 40px, 8px 8px, 8px 8px;
}

/* 认证卡：直角化 + 发丝边 + 左上角十字定位标（与 adm-card 同款） */
.auth-card {
  border-radius: 4px !important;
  border: 1px solid #DFE5EE !important;
  box-shadow: 0 1px 2px rgba(16,24,40,0.04), 0 4px 18px rgba(16,24,40,0.05) !important;
  position: relative;
}
.auth-card::before {
  content: '';
  position: absolute;
  top: -4px; left: 14px;
  width: 7px; height: 7px;
  border-left: 1.5px solid #0F62FE;
  border-top: 1.5px solid #0F62FE;
  opacity: .55;
  pointer-events: none;
}
/* 右下角对称小角标 */
.auth-card::after {
  content: '';
  position: absolute;
  bottom: -4px; right: 14px;
  width: 7px; height: 7px;
  border-right: 1.5px solid #0F62FE;
  border-bottom: 1.5px solid #0F62FE;
  opacity: .55;
  pointer-events: none;
}

/* Logo 容器：方形制图框（去圆角去投影），像图纸标题栏里的徽标位 */
.auth-logo-box {
  border-radius: 4px !important;
  border: 1px solid #DFE5EE !important;
  box-shadow: none !important;
  background: #FFFFFF !important;
  position: relative;
}
/* 徽标位四角刻度（工程图角标） */
.auth-logo-box::before,
.auth-logo-box::after {
  content: '';
  position: absolute;
  width: 8px; height: 8px;
  opacity: .5;
  pointer-events: none;
}
.auth-logo-box::before {
  top: -1px; left: -1px;
  border-top: 1.5px solid #0F62FE;
  border-left: 1.5px solid #0F62FE;
}
.auth-logo-box::after {
  bottom: -1px; right: -1px;
  border-bottom: 1.5px solid #0F62FE;
  border-right: 1.5px solid #0F62FE;
}
.auth-logo { border-radius: 0 !important; }

/* 标题：等宽工程字 + 字距 */
.auth-title {
  font-family: 'Consolas', 'SF Mono', monospace !important;
  letter-spacing: -0.01em;
}
.auth-subtitle {
  font-family: var(--font-sans, -apple-system, sans-serif);
  color: #68758A;
}

/* 登录/注册 tab：激活色转制图蓝，下划线变方角 */
.tab.active { color: #0F62FE; }
.tab::after {
  border-radius: 0 !important;
  background: #0F62FE;
}

/* 输入框：聚焦制图蓝细环（与主面板一致） */
.auth-form input:focus {
  border-color: #0F62FE !important;
  box-shadow: 0 0 0 3px rgba(15,98,254,0.12) !important;
  outline: none;
  border-radius: 4px;
}
.auth-form input {
  border-radius: 4px;
  transition: border .15s ease, box-shadow .15s ease;
}

/* 主按钮：墨黑→hover制图蓝，直角，无箭头 */
.btn-primary,
.auth-form button[type="submit"],
.auth-form .btn {
  border-radius: 4px !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: all .16s ease;
}
.btn-primary:not(.tab):hover,
.auth-form button[type="submit"]:hover {
  background: #0F62FE !important;
  border-color: #0F62FE !important;
  box-shadow: 0 2px 10px rgba(15,98,254,0.28);
}

/* 卡片入场动画保留但更克制（一次性） */

/* 滚动条统一 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #C3CCDA; border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: #0F62FE; }

@media (prefers-reduced-motion: reduce) {
  .auth-card, .auth-form, *::before, *::after {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
  }
}