/* 会员登录 / 注册页共用样式（深蓝科技风，与头尾 .top-nav 深蓝渐变一致） */
body { background: #0c1e4f; }
.login-bg {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 60% 55% at 38% 55%, #1d4ed8 0%, rgba(29,78,216,0) 60%),
    radial-gradient(circle 38% at 82% 12%, #3b82f6 0%, rgba(59,130,246,0) 55%),
    radial-gradient(ellipse at 50% 50%, #1e3a8a 0%, #0c1e4f 70%, #061335 100%);
}
.login-particles { position: fixed; inset: 0; z-index: 1; pointer-events: none; }
/* 让头尾融入深蓝，整页一体（去掉导航分界阴影、页脚透明化） */
.top-nav { box-shadow: none !important; }
.cat-strip { display: none !important; }
.container.page {
  position: relative; z-index: 2;
  display: flex; align-items: flex-start; justify-content: center;
  min-height: calc(100vh - 64px - 96px);
  padding-top: 36px; padding-bottom: 40px;
}
.site-footer {
  position: relative; z-index: 2;
  background: transparent;
  border-top: 1px solid rgba(147,197,253,.18);
  color: #cbd5e1;
}
.site-footer a { color: #bfdbfe; }
.site-footer .footer-copy { color: #94a3b8; }
.site-footer .footer-sub { color: #93c5fd; }
/* 两列布局：左广告位 + 右表单卡片，两列顶部对齐（相对头部距离一致） */
.auth-layout {
  display: flex; align-items: flex-start; justify-content: center;
  gap: 48px; width: min(1040px, 100%); margin: 0 auto;
}
.auth-ad {
  flex: 1 1 520px; max-width: 560px; min-height: 320px;
  display: flex; align-items: flex-start; justify-content: center;
}
.auth-ad a, .auth-ad img { display: block; max-width: 100%; border-radius: 14px; }
.auth-ad img { height: auto; box-shadow: 0 24px 60px rgba(8,18,48,.5); }
.auth-wrap { width: min(420px, 100%); margin: 0; flex: none; }
/* 白色玻璃卡片，在深蓝上清晰聚焦 */
.auth-panel {
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.6);
  box-shadow: 0 24px 70px rgba(8,18,48,.55);
}
.auth-panel .sub { color: #64748b; }
.auth-panel a { color: #2563eb; font-weight: 500; }
.auth-panel a:hover { color: #1d4ed8; }
@media (max-width: 900px) {
  .auth-layout { flex-direction: column; gap: 22px; }
  .auth-ad { display: none; }
}
