/* ============================================================
   Hermes/Ekko Studio · 登录页 · v6（优化卡片宽高比）
   强调色：logo 深蓝 #233176 ｜ 环形渐变 2A4E9E → 3390E7
   ============================================================ */

/* —— 页面背景：白底 + 极淡深蓝氛围光晕 —— */
.login-view {
  background:
    radial-gradient(1100px 620px at 50% -6%, rgba(42,78,158,0.07), transparent 70%),
    radial-gradient(760px 420px at 88% 108%, rgba(35,49,118,0.05), transparent 65%),
    #ffffff !important;
  position: relative;
}

/* —— 卡片：更宽更扁，宽高比舒展 —— */
.login-card {
  background: #ffffff !important;
  border: 1px solid #e8ecf3 !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(13,37,61,0.04), 0 12px 32px rgba(13,37,61,0.06) !important;
  width: 460px !important;
  max-width: calc(100vw - 40px) !important;
  padding: 34px 48px 30px !important;
  text-align: center;
}

/* —— Logo：更紧凑 —— */
.login-logo { margin: 0 auto 20px !important; }
.login-logo img {
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(13,37,61,0.12);
  /* 修正: 组件模板硬编码 width/height=120, 新logo为横版需保持宽高比, 覆盖内联尺寸 */
  width: 140px !important;
  height: 140px !important;
  max-width: 90% !important;
}

/* —— 主标题 —— */
.login-title {
  color: #0d253d !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  letter-spacing: -0.6px !important;
  line-height: 1.2 !important;
  margin: 0 0 8px !important;
  -webkit-text-fill-color: #0d253d;
  font-family: -apple-system, "SF Pro Display", Inter, system-ui, sans-serif;
}

/* —— 副标题 —— */
.login-title::after {
  content: "你的全能 AI 助理";
  display: block;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
  color: #64748d;
  -webkit-text-fill-color: #64748d;
  font-family: -apple-system, "SF Pro Text", Inter, system-ui, sans-serif;
}

/* —— 表单 —— */
.login-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

/* —— 输入框 —— */
.login-input {
  background: #ffffff !important;
  border: 1px solid #d9e0ea !important;
  border-radius: 8px !important;
  color: #0d253d !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  transition: border-color .15s ease, box-shadow .15s ease;
  text-align: left;
}
.login-input::placeholder { color: #94a3b8 !important; }
.login-input:hover { border-color: #b9c2d2 !important; }
.login-input:focus {
  border-color: #233176 !important;
  box-shadow: 0 0 0 3px rgba(35,49,118,0.13);
  outline: none !important;
}

/* —— 登录按钮 —— */
.login-btn {
  background: #233176 !important;
  border: none !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 12px 16px !important;
  letter-spacing: 0.2px !important;
  margin-top: 6px;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .15s ease, background .15s ease;
}
.login-btn:hover {
  background: #2a4e9e !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(35,49,118,0.28) !important;
  opacity: 1 !important;
}
.login-btn:active { transform: scale(0.98) !important; box-shadow: none; }
.login-btn:disabled { opacity: .5 !important; cursor: default; }

/* —— 错误提示 —— */
.login-error {
  color: #dc2626 !important;
  font-size: 13px !important;
  text-align: left;
  margin-top: 2px;
}

/* —— 锁定提示 —— */
.login-lock-hint {
  border: 1px solid rgba(245,158,11,.35) !important;
  background: rgba(251,191,36,.07) !important;
  color: #92400e !important;
  border-radius: 8px !important;
  text-align: left;
}
.login-lock-hint code { color: #b45309 !important; }

/* —— 底部版权小字 —— */
.login-card::after {
  content: "© CREATEEL INTERNATIONAL LTD. · All rights reserved";
  display: block;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #f0f2f6;
  font-family: -apple-system, "SF Pro Text", Inter, system-ui, sans-serif;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: #94a3b8;
}

@media (max-width: 540px) {
  .login-card { padding: 26px 24px 26px !important; }
  .login-title { font-size: 24px !important; }
}