/* AI College 登录/注册页深色皮肤（视频背景 + 星空由注入脚本提供） */

html.auth-skin {
  background-color: #060913;
}

/* 关键：SPA 给 body 设了不透明浅灰背景，会把 z-index:-1 的视频层盖住，必须透明化 */
html.auth-skin body {
  background-color: transparent !important;
  background-image: none !important;
}

/* 注入的全屏背景层（视频 + 星空 + 暗化层） */
#ac-auth-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  background-color: #060913;
}

/* 页面容器透明化，露出视频背景 */
html.auth-skin .bg-gray-50,
html.auth-skin .bg-aurora,
html.auth-skin .bg-\[\#f6f7fb\] {
  background-color: transparent !important;
  background-image: none !important;
}
html.auth-skin .bg-aurora::before,
html.auth-skin .bg-aurora::after {
  display: none !important;
}

/* 文字 */
html.auth-skin h1 { color: #fff !important; }
html.auth-skin .text-slate-900 { color: #fff !important; }
html.auth-skin .text-slate-700,
html.auth-skin .text-slate-500 { color: rgba(255, 255, 255, 0.55) !important; }
html.auth-skin .text-slate-400 { color: rgba(255, 255, 255, 0.4) !important; }
html.auth-skin .text-slate-800 { color: #fff !important; }
html.auth-skin .hover\:text-slate-600:hover,
html.auth-skin .hover\:text-indigo-500:hover,
html.auth-skin a.text-indigo-600,
html.auth-skin a.text-indigo-500 { color: #fff !important; }
html.auth-skin .text-indigo-600,
html.auth-skin .text-indigo-500 { color: #fff !important; }
html.auth-skin a.text-indigo-600,
html.auth-skin a.text-indigo-500 { text-decoration: underline !important; text-underline-offset: 4px !important; text-decoration-color: rgba(255,255,255,.3) !important; }

/* 玻璃卡片 */
html.auth-skin .bg-white\/90 {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}
html.auth-skin .ring-slate-200\/70 {
  --tw-ring-color: transparent !important;
}

/* 输入框 */
html.auth-skin form input {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  backdrop-filter: blur(8px) !important;
}
html.auth-skin form input::placeholder { color: rgba(255, 255, 255, 0.28) !important; }
html.auth-skin form input:focus {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: none !important;
  outline: none !important;
  --tw-ring-color: transparent !important;
}
html.auth-skin .focus\:bg-white:focus { background-color: rgba(255, 255, 255, 0.08) !important; }
html.auth-skin .focus\:border-indigo-400:focus { border-color: rgba(255, 255, 255, 0.45) !important; }
html.auth-skin .focus\:ring-indigo-500\/60:focus { --tw-ring-color: transparent !important; }

/* 输入框内图标 */
html.auth-skin form svg { color: rgba(255, 255, 255, 0.35) !important; }

/* 提交按钮：白底深字 */
html.auth-skin form button[type="submit"] {
  background-image: none !important;
  background-color: #fff !important;
  color: #0b101e !important;
  box-shadow: 0 8px 30px rgba(255, 255, 255, 0.12) !important;
}
html.auth-skin form button[type="submit"]:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 8px 40px rgba(255, 255, 255, 0.22) !important;
}
html.auth-skin form button[type="submit"]:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}