/* ============ 海霸王专属登录页样式 ============
   把 iOS 控制台登录页换成与安卓面板一致的深色科技风
   素材来源：BTMOB back2.png（世界地图 + 徽章 + 安卓节点）
   ============================================= */

/* 左栏：深色世界地图背景 */
.login-left[data-v-8bc011a8]{
  background: #070c14 url('/admin/bg-world.png') center center / cover no-repeat !important;
}
.login-left[data-v-8bc011a8]:before{
  background: radial-gradient(circle, rgba(34,211,238,.16) 0%, transparent 68%) !important;
  opacity: .9;
}
.login-left[data-v-8bc011a8]:after{
  background: radial-gradient(circle, rgba(52,211,153,.12) 0%, transparent 70%) !important;
  opacity: .9;
}

/* 隐去原来的火箭插画 */
.login-left__illustration[data-v-8bc011a8]{
  display: none !important;
}

/* 文字改浅色 */
.login-left__title[data-v-8bc011a8],
.login-left__heading[data-v-8bc011a8],
.login-left__feature-text strong[data-v-8bc011a8]{
  color: #e9f1f7 !important;
}
.login-left__heading-sub[data-v-8bc011a8]{
  color: #22d3ee !important;
  text-shadow: 0 0 18px rgba(34,211,238,.35);
}
.login-left__desc[data-v-8bc011a8],
.login-left__feature-text em[data-v-8bc011a8]{
  color: #93a4b8 !important;
}

/* 徽章容器改成深色发光 */
.login-left__logo[data-v-8bc011a8]{
  background: #0a1119 !important;
  border-color: rgba(120,190,220,.22) !important;
  box-shadow: 0 0 24px rgba(34,211,238,.28), inset 0 0 12px rgba(34,211,238,.08) !important;
}

/* 底部三个特性卡片：玻璃质感 */
.login-left__feature[data-v-8bc011a8]{
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(120,190,220,.16) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 16px rgba(0,0,0,.25) !important;
}
.login-left__feature-icon[data-v-8bc011a8]{
  background: rgba(34,211,238,.13) !important;
  color: #22d3ee !important;
}

/* 右侧登录表单区：深色底，与左侧地图衔接 */
.login[data-v-8bc011a8],
.login__wrap,
.login__form,
.login-container,
.login-right{
  background: #0a0f18 !important;
}

/* ============ 主色调换成海霸王青 (22,211,238)，高优先级 ============ */
html body,
html body[arco-theme='dark'],
html:root body[arco-theme='dark']{
  --primary-1: 8, 40, 48 !important;
  --primary-2: 10, 58, 70 !important;
  --primary-3: 13, 80, 96 !important;
  --primary-4: 16, 112, 132 !important;
  --primary-5: 20, 152, 178 !important;
  --primary-6: 34, 211, 238 !important;
  --primary-7: 62, 224, 245 !important;
  --primary-8: 104, 236, 250 !important;
  --primary-9: 150, 245, 253 !important;
  --primary-10: 205, 252, 255 !important;
  --color-primary-light-1: rgba(34,211,238,.1) !important;
}

/* 登录按钮：青色渐变 */
.arco-btn-primary{
  background: linear-gradient(135deg, #22d3ee 0%, #34d399 100%) !important;
  border: none !important;
  color: #04222b !important;
  font-weight: 600;
  box-shadow: 0 6px 22px rgba(34,211,238,.28) !important;
}
.arco-btn-primary:hover{
  background: linear-gradient(135deg, #3ee0f5 0%, #4ee6ac 100%) !important;
  box-shadow: 0 8px 28px rgba(34,211,238,.4) !important;
}

/* 输入框聚焦 */
.arco-input-wrapper:focus-within,
.arco-input-focus{
  border-color: #22d3ee !important;
  box-shadow: 0 0 0 3px rgba(34,211,238,.14) !important;
}

/* 勾选框选中 */
.arco-checkbox-checked .arco-checkbox-mask,
.arco-checkbox-indeterminate .arco-checkbox-mask{
  background-color: #22d3ee !important;
  border-color: #22d3ee !important;
}

/* 链接 */
a, .arco-link{ color: #22d3ee !important; }

/* 深色下图表/标签文字提亮 */
html body[arco-theme='dark'] svg text{
  fill: #b6c6d8 !important;
}