/* ============================================================================
 * 宝可梦V7 主题覆盖 —— 精灵球红 / 电能青 / 皮卡丘金
 * 覆盖 index-CzSZ84vu.css 与 bundle 内联登录页样式，保持布局不变。
 * ========================================================================== */
:root,
[data-theme="dark"] {
  --color-primary: #e3350d;
  --color-primary-light: #ff6a44;
  --color-primary-dark: #a81f06;
  --color-success: #43b581;
  --color-warning: #f5c518;
  --color-error: #ff4d4f;
  --color-info: #55cdf5;

  --color-text-primary: #eaf2ff;
  --color-text-secondary: #a8bfd8;
  --color-text-disabled: #5a7091;

  --color-border: rgba(227, 53, 13, .22);
  --color-divider: rgba(85, 205, 245, .16);

  --color-bg-page: #05070f;
  --color-bg-container: #0a1424;
  --color-bg-elevated: #122036;
  --color-bg-hover: #17273f;

  --bg-primary: transparent;
  --bg-secondary: rgba(10, 20, 36, .78);
  --bg-tertiary: rgba(6, 12, 24, .74);
  --bg-card: rgba(10, 20, 36, .76);
  --bg-hover: rgba(227, 53, 13, .14);
  --bg-sidebar: rgba(5, 9, 18, .93);

  --text-primary: #eaf2ff;
  --text-secondary: #a8bfd8;
  --text-tertiary: #6c88a8;
  --text-inverse: #05070f;

  --border-primary: rgba(227, 53, 13, .26);
  --border-secondary: rgba(85, 205, 245, .30);
  --border-light: rgba(255, 255, 255, .07);

  --shadow-sm: 0 1px 4px rgba(0, 0, 0, .30);
  --shadow-md: 0 2px 14px rgba(227, 53, 13, .16);
  --shadow-lg: 0 6px 28px rgba(0, 0, 0, .45);

  --accent-primary: #ff6a44;
  --accent-success: #43b581;
  --accent-warning: #f5c518;
  --accent-danger: #ff4d4f;
}

/* ---- 登录承载层：宝可梦背景（原 CSS 引用的 v6.png 此前并不存在） ---- */
.ant-layout-content {
  background: url(/assets/png/v6.png) center center / cover no-repeat fixed !important;
}

/* ---- 登录页按钮统一为精灵球红 ---- */
.login-wrapper button[type="submit"],
.login-wrapper button:not([class*="icon"]):not([class*="toggle"]):not([class*="eye"]),
.login-inner-layout form button,
[class*="login"] button[type="submit"] {
  background: linear-gradient(180deg, #ff5a34, #e3350d) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 6px 22px rgba(227, 53, 13, .42), inset 0 1px 0 rgba(255, 255, 255, .26) !important;
  transition: filter .16s ease, transform .16s ease !important;
}
.login-wrapper button[type="submit"]:hover,
.login-inner-layout form button:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

/* 输入框聚焦态用红边 + 微光 */
.login-wrapper input:focus,
.login-inner-layout input:focus {
  border-color: rgba(227, 53, 13, .78) !important;
  box-shadow: 0 0 0 3px rgba(227, 53, 13, .16) !important;
}

/* 「记住密码」勾选框 */
.login-wrapper input[type="checkbox"],
.login-inner-layout input[type="checkbox"] {
  accent-color: #e3350d !important;
}

/* 顶部徽章 + 特性图标点缀 */
.hero-badge-3d .hero-badge-dot {
  background: #e3350d !important;
  box-shadow: 0 0 10px rgba(227, 53, 13, .85) !important;
}

/* 底部版本栏 */
.bottom-version-bar {
  color: #8ba6c4 !important;
  letter-spacing: .04em;
}

/* 品牌位：精灵球点缀（供后续插入使用） */
.pkm-brand-mark {
  display: inline-block;
  width: 22px; height: 22px;
  margin-right: 8px;
  vertical-align: -4px;
  background: url(/assets/png/logo-64.png) center/contain no-repeat;
}

/* 登录框玻璃质感加强 */
.login-card,
[class*="login-card"],
[class*="login-box"] {
  backdrop-filter: blur(10px);
  border: 1px solid rgba(85, 205, 245, .18) !important;
}

/* ============================================================
   [BTN-DARKFIX] 深色主题下白底按钮（ant-btn-default）对比度过高、
   与宝可梦暗色主题不协调。统一改成半透明深底 + 亮字，
   hover 时提高背景亮度并加主题蓝边框。
   只影响 default 类型按钮，不动 primary / text / link。
   ============================================================ */
.ant-btn-default {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #eaf2ff !important;
  box-shadow: none !important;
  transition: background .15s ease, border-color .15s ease, color .15s ease !important;
}
.ant-btn-default:hover,
.ant-btn-default:focus {
  background: rgba(96,165,250,.18) !important;
  border-color: rgba(96,165,250,.55) !important;
  color: #ffffff !important;
}
.ant-btn-default:active {
  background: rgba(96,165,250,.28) !important;
  border-color: rgba(96,165,250,.75) !important;
}
.ant-btn-default[disabled],
.ant-btn-default.ant-btn-disabled {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: rgba(234,242,255,.35) !important;
}
/* 面板里我自己注入的按钮（构建日志/清屏/收起）也统一成同一套配色 */
[data-pdv-btn] {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #eaf2ff !important;
}
[data-pdv-btn]:hover {
  background: rgba(96,165,250,.18) !important;
  border-color: rgba(96,165,250,.55) !important;
}
