/* ============================================================
   GPT 账户管理中心 · Theme V2 "Aurora Ops"（托底增强版）
   原则：保留原版全部动效（conic 旋转边框 / beamSweep 流光 /
   按钮流光），仅做无副作用的视觉增强。回滚 = 移除本 link。
   ============================================================ */

:root{
  --v2-bg0:#04060c;
  --v2-bg1:#070b16;
  --v2-text:#eaf2ff;
  --v2-cyan:#45f0d0;
  --v2-blue:#5cc8ff;
  --v2-violet:#8b7cff;
  --v2-grad-main:linear-gradient(100deg,#45f0d0 0%,#5cc8ff 55%,#8b7cff 100%);
  --v2-radius-sm:12px;
}

/* ---------- 全局底色：深空 + 极光 + 细网格（全部画在 body 背景，无任何覆盖层） ---------- */
html{background:var(--v2-bg0)}
body{
  background:
    radial-gradient(1100px 520px at 85% -8%, rgba(139,124,255,.13), transparent 60%),
    radial-gradient(900px 480px at 8% 4%, rgba(69,240,208,.09), transparent 55%),
    radial-gradient(1000px 700px at 50% 115%, rgba(92,200,255,.07), transparent 60%),
    linear-gradient(rgba(140,180,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(140,180,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,var(--v2-bg1) 0%,var(--v2-bg0) 100%) !important;
  background-size:auto,auto,auto,44px 44px,44px 44px,auto !important;
  background-attachment:fixed !important;
  color:var(--v2-text);
}
/* 不设任何 fixed 覆盖层 */
@media (max-width:700px){
  body{background-attachment:scroll !important}
}

/* ---------- 表单控件：深色玻璃 + 聚焦光晕（无动效冲突） ---------- */
input,select,textarea{
  background:rgba(8,13,24,.85) !important;
  border:1px solid rgba(120,180,255,.26) !important;
  border-radius:var(--v2-radius-sm) !important;
  color:var(--v2-text) !important;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
input:focus,select:focus,textarea:focus{
  outline:none !important;
  border-color:var(--v2-cyan) !important;
  box-shadow:0 0 0 3px rgba(69,240,208,.18),0 0 20px rgba(69,240,208,.15) !important;
  background:rgba(10,18,30,.95) !important;
}
input::placeholder{color:#5d6f8a}

/* ---------- 状态徽章：pill 化（保留原配色语义） ---------- */
.statusBadge{border-radius:999px !important}

/* ============================================================
   登录页 · 增强（loginCard 无原始动效，增强安全）
   ============================================================ */
.loginView{position:relative}
.loginView::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(720px 360px at 50% 0%,rgba(69,240,208,.13),transparent 60%),
    radial-gradient(560px 420px at 82% 78%,rgba(139,124,255,.12),transparent 62%),
    radial-gradient(560px 420px at 15% 82%,rgba(92,200,255,.10),transparent 62%);
  animation:v2LoginFloat 18s ease-in-out infinite alternate;
}
@keyframes v2LoginFloat{
  0%{transform:translateY(-10px) scale(1)}
  100%{transform:translateY(14px) scale(1.04)}
}
.loginCard{
  position:relative;z-index:2;
  border-radius:24px !important;
  box-shadow:0 30px 90px -20px rgba(0,0,0,.85),0 0 70px rgba(69,240,208,.08),inset 0 1px 0 rgba(190,225,255,.1) !important;
}
.brandMark{
  position:relative;
  border-radius:22px !important;
  padding:4px;
  background:var(--v2-grad-main) !important;
  box-shadow:0 0 34px rgba(69,240,208,.45),0 0 80px rgba(139,124,255,.2) !important;
  animation:v2MarkPulse 3.6s ease-in-out infinite;
}
.brandMark img{border-radius:18px;display:block}
@keyframes v2MarkPulse{
  0%,100%{box-shadow:0 0 28px rgba(69,240,208,.4),0 0 70px rgba(139,124,255,.16)}
  50%{box-shadow:0 0 44px rgba(69,240,208,.6),0 0 100px rgba(139,124,255,.28)}
}
.loginCard h1{
  color:#e8f4ff !important;
  text-shadow:0 0 22px rgba(92,200,255,.3) !important;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .loginCard h1{
    background:var(--v2-grad-main);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    text-shadow:none !important;
  }
}
#authSubtitle{color:#8799b4}
.loginCard label{color:#a9bcd8;font-weight:600}
.loginCard small{color:#7287a5}
.linkButton{color:var(--v2-blue) !important;transition:color .2s,text-shadow .2s}
.linkButton:hover{color:var(--v2-cyan) !important;text-shadow:0 0 12px rgba(69,240,208,.6)}
.formError{color:#ff6b7d !important}
.otpRow button,.loginCard #sendRegisterCode,.loginCard #sendResetCode{
  border:1px solid rgba(120,180,255,.26) !important;
  background:rgba(69,240,208,.10) !important;
  color:var(--v2-cyan) !important;
  border-radius:var(--v2-radius-sm) !important;
}
.otpRow button:hover,.loginCard #sendRegisterCode:hover,.loginCard #sendResetCode:hover{
  box-shadow:0 0 24px rgba(69,240,208,.28);
}

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--v2-bg0)}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(69,240,208,.35),rgba(139,124,255,.35));
  border-radius:99px;border:2px solid var(--v2-bg0);
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(69,240,208,.55),rgba(139,124,255,.55));
}

/* ---------- 选中色 ---------- */
::selection{background:rgba(69,240,208,.3);color:#eaf2ff}

/* ---------- 动效降级 ---------- */
@media (prefers-reduced-motion:reduce){
  .loginView::before,.brandMark{animation:none !important}
}