/* ============================================================
   ITS 配色覆盖 — "星空银河" (星河紫 + 星光青 / 银河渐变侧栏顶栏)
   适用: its-admin-web (aui-*) + its-client-web (Element UI 原生)
   注入位置: index.html 的 </head> 前
   ============================================================ */

:root {
  --its-primary:       #7C5CFF;  /* 星河紫 - 主色 */
  --its-primary-dark:  #6347E0;  /* 星河紫(暗) - hover */
  --its-primary-light: #EFEBFF;  /* 星河紫(极浅) - 选中底 */
  --its-accent:        #38E1FF;  /* 星光青 - 点缀/CTA */
  --its-accent-dark:   #14C2E8;  /* 星光青(暗) - hover */
  --its-success:       #22C55E;
  --its-warn:          #F59E0B;
  --its-danger:        #EF4444;
  --its-text:          #1E293B;
  --its-text-muted:    #64748B;
  --its-border:        #E4E2F0;
  --its-bg:            #F4F3FB;  /* 星雾紫白 - 整体底色 */
  --its-sidebar-bg:    #0B0A1F;  /* 深空底 (popup 菜单等纯色场景) */
  --its-sidebar-deep:  rgba(5,4,18,0.55);  /* 侧栏二级菜单半透明深底 */
  --its-galaxy:        linear-gradient(170deg, #0B0A1F 0%, #1B1450 55%, #2A1B6E 100%); /* 银河渐变-侧栏 */
  --its-galaxy-bar:    linear-gradient(90deg, #14102E 0%, #271A5E 60%, #3B2380 100%);  /* 银河渐变-顶栏 */
}

/* ─── 1. Element UI 主色覆盖（两边通用）──────────────── */
.el-button--primary,
.el-pagination button:hover {
  background: var(--its-primary) !important;
  border-color: var(--its-primary) !important;
}
.el-button--primary:hover,
.el-button--primary:active {
  background: var(--its-primary-dark) !important;
  border-color: var(--its-primary-dark) !important;
}
/* 点击后焦点(:focus)残留: 回归主色, 不粘连加深色 (如顶栏"总仓"切换) */
.el-button--primary:focus:not(:hover):not(:active) {
  background: var(--its-primary) !important;
  border-color: var(--its-primary) !important;
}
.el-button--primary.is-plain {
  color: var(--its-primary) !important;
  background: var(--its-primary-light) !important;
  border-color: var(--its-primary) !important;
}

.el-link--primary,
.el-tabs__item.is-active,
.el-tabs__item:hover,
.el-pagination .el-pager li.active,
.el-pagination .el-pager li:hover,
.el-input__inner:focus,
.el-textarea__inner:focus,
.el-select .el-input.is-focus .el-input__inner,
.el-checkbox__input.is-checked + .el-checkbox__label,
.el-radio__input.is-checked + .el-radio__label,
.el-date-picker__header-label.active,
.el-month-table td.current:not(.disabled) .cell,
.el-year-table td.current:not(.disabled) .cell,
.el-date-table td.current:not(.disabled) span {
  color: var(--its-primary) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner,
.el-switch.is-checked .el-switch__core,
.el-date-table td.current:not(.disabled) span,
.el-date-table td.today span,
.el-tag {
  background-color: var(--its-primary) !important;
  border-color: var(--its-primary) !important;
}
.el-tag { color: white !important; }

.el-input__inner:focus,
.el-textarea__inner:focus,
.el-select .el-input.is-focus .el-input__inner {
  border-color: var(--its-primary) !important;
}

.el-tabs__active-bar,
.el-slider__bar {
  background-color: var(--its-primary) !important;
}

.el-loading-spinner .path { stroke: var(--its-primary) !important; }

/* 状态色统一 */
.el-button--success:not(.is-plain), .el-tag--success { background: var(--its-success) !important; border-color: var(--its-success) !important; }
.el-button--warning:not(.is-plain), .el-tag--warning { background: var(--its-warn) !important; border-color: var(--its-warn) !important; }
.el-button--danger:not(.is-plain),  .el-tag--danger  { background: var(--its-danger) !important; border-color: var(--its-danger) !important; }

/* plain（浅色）按钮：浅底深字，保证可读 */
.el-button--success.is-plain { color: #1f7a3d !important; background: #ecf8f0 !important; border-color: #8fd3a8 !important; }
.el-button--warning.is-plain { color: #9c5a00 !important; background: #fdf3e3 !important; border-color: #efc06e !important; }
.el-button--danger.is-plain  { color: #b3261e !important; background: #fdeceb !important; border-color: #f2a09a !important; }
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { color: #fff !important; background: var(--its-success) !important; border-color: var(--its-success) !important; }
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { color: #fff !important; background: var(--its-warn) !important; border-color: var(--its-warn) !important; }
.el-button--danger.is-plain:hover,  .el-button--danger.is-plain:focus  { color: #fff !important; background: var(--its-danger) !important; border-color: var(--its-danger) !important; }
.el-message--success .el-message__icon { color: var(--its-success) !important; }
.el-message--warning .el-message__icon { color: var(--its-warn) !important; }
.el-message--error   .el-message__icon { color: var(--its-danger) !important; }

/* ─── 2. client-web 专属布局选择器 ──────────────────── */
.site-navbar, .site-header, header.navbar {
  /* 深夜星空顶栏 (client 框架) */
  background:
    radial-gradient(1px 1px at 22px 9px,   rgba(255,255,255,.85), transparent 60%),
    radial-gradient(1px 1px at 67px 31px,  rgba(255,255,255,.55), transparent 60%),
    radial-gradient(1.5px 1.5px at 118px 16px, rgba(200,225,255,.95), transparent 60%),
    radial-gradient(1px 1px at 163px 41px, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(2px 2px at 209px 12px, rgba(255,255,255,.9),  transparent 60%),
    radial-gradient(1px 1px at 255px 27px, rgba(170,200,255,.6),  transparent 60%),
    radial-gradient(1px 1px at 301px 45px, rgba(255,255,255,.5),  transparent 60%),
    radial-gradient(1.5px 1.5px at 349px 22px, rgba(255,255,255,.75), transparent 60%),
    radial-gradient(160px 50px at 62% 115%, rgba(124,92,255,.28), transparent 70%),
    linear-gradient(180deg, #060920 0%, #0D1230 55%, #181243 100%) !important;
  background-size: 389px 52px, 389px 52px, 389px 52px, 389px 52px, 389px 52px, 389px 52px, 389px 52px, 389px 52px, 100% 100%, 100% 100% !important;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat !important;
  color: rgba(255,255,255,0.92) !important;
  border-bottom: 1px solid rgba(124,92,255,0.45) !important;
}
.site-navbar *, .site-header *, header.navbar * { color: rgba(255,255,255,0.92) !important; }
.site-navbar .el-dropdown-link { color: rgba(255,255,255,0.92) !important; }

.site-sidebar, aside.el-aside {
  background: var(--its-galaxy) !important;
  border-right: 0 !important;
}
.site-sidebar .el-menu, .site-sidebar .el-menu--dark {
  background: transparent !important;
  border-right: 0 !important;
}

/* ─── 3. admin-web 专属布局 (renren-fast aui-*) ───── */
.aui-navbar,
.aui-navbar--colorful {
  /* 深夜星空顶栏: 多层 radial-gradient 星点 + 深夜蓝底 + 底部微星云 */
  background:
    radial-gradient(1px 1px at 22px 9px,   rgba(255,255,255,.85), transparent 60%),
    radial-gradient(1px 1px at 67px 31px,  rgba(255,255,255,.55), transparent 60%),
    radial-gradient(1.5px 1.5px at 118px 16px, rgba(200,225,255,.95), transparent 60%),
    radial-gradient(1px 1px at 163px 41px, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(2px 2px at 209px 12px, rgba(255,255,255,.9),  transparent 60%),
    radial-gradient(1px 1px at 255px 27px, rgba(170,200,255,.6),  transparent 60%),
    radial-gradient(1px 1px at 301px 45px, rgba(255,255,255,.5),  transparent 60%),
    radial-gradient(1.5px 1.5px at 349px 22px, rgba(255,255,255,.75), transparent 60%),
    radial-gradient(160px 50px at 62% 115%, rgba(124,92,255,.28), transparent 70%),
    linear-gradient(180deg, #060920 0%, #0D1230 55%, #181243 100%) !important;
  background-size: 389px 52px, 389px 52px, 389px 52px, 389px 52px, 389px 52px, 389px 52px, 389px 52px, 389px 52px, 100% 100%, 100% 100% !important;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat !important;
  border-bottom: 1px solid rgba(124,92,255,0.45) !important;
  box-shadow: 0 1px 6px rgba(6,9,32,0.5) !important;
}
.aui-navbar__header,
.aui-navbar__brand,
.aui-navbar__brand-lg,
.aui-navbar__brand-mini {
  background: var(--its-sidebar-bg) !important;  /* 与侧栏深空底一致, 上下连成一体 */
  color: white !important;
}

/* 去掉 logo 区里的 "ITS" 文字 (label.logo_char 在无 systemLogo 时显示, logo_mini_char 在折叠时显示) */
.aui-navbar__brand .logo_char,
.aui-navbar__brand-lg .logo_char,
.aui-navbar__brand-mini .logo_mini_char,
.logo_char,
.logo_mini_char {
  display: none !important;
}

/* Logo 居中 + 放大填满容器 (注意: 不要强制覆盖 -lg/-mini 的 display, 否则会破坏折叠逻辑) */
.aui-navbar__brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}
.aui-navbar__brand-lg,
.aui-navbar__brand-mini {
  padding: 0 !important;          /* 覆盖原 padding-top:6px; padding-left:15px */
  text-align: center !important;
  line-height: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.aui-navbar__brand img,
.aui-navbar__brand-lg img,
.aui-navbar__brand-mini img,
.aui-navbar__brand .logo_round,
.aui-navbar__brand-lg .logo_round {
  max-width: 96% !important;
  max-height: 96% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 auto !important;
  border: 0 !important;            /* 覆盖原 .logo_round border:1px solid #1890ff */
  border-radius: 6px !important;   /* 轻微圆角让 logo 更协调 */
  box-shadow: none !important;
}

/* 干掉 brand 链接被点击/聚焦时的 outline (避免出现浏览器默认的蓝色焦点框) */
.aui-navbar__brand,
.aui-navbar__brand:focus,
.aui-navbar__brand:active,
.aui-navbar__brand-lg,
.aui-navbar__brand-lg:focus,
.aui-navbar__brand-lg:active,
.aui-navbar__brand-mini,
.aui-navbar__brand-mini:focus,
.aui-navbar__brand-mini:active {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 银河深底下, 顶栏文字/图标统一为亮色
   注意: 必须限定在 .aui-navbar 内部 — 首页等内容区会复用
   aui-navbar__icon-menu 类名, 不限定会把内容区图标染白 */
.aui-navbar .aui-navbar__body,
.aui-navbar .aui-navbar__body *,
.aui-navbar .aui-navbar__menu,
.aui-navbar .aui-navbar__menu *,
.aui-navbar .aui-navbar__icon-menu,
.aui-navbar .aui-navbar__icon-menu *,
.aui-navbar .aui-navbar__avatar,
.aui-navbar .aui-navbar__search,
.aui-navbar .aui-navbar__search-txt {
  color: rgba(255,255,255,0.92) !important;
}
/* 图标(i 标签 + Element icon + svg)用星光青, 在深底上点亮 */
.aui-navbar .aui-navbar__body i,
.aui-navbar .aui-navbar__body .el-icon,
.aui-navbar .aui-navbar__icon-menu i,
.aui-navbar .aui-navbar__menu i,
.aui-navbar svg {
  color: var(--its-accent) !important;
  fill: var(--its-accent) !important;
}
.aui-navbar .aui-navbar__icon-menu:hover,
.aui-navbar .aui-navbar__icon-menu:hover i,
.aui-navbar .aui-navbar__menu li:hover,
.aui-navbar .aui-navbar__menu li:hover i {
  color: #FFFFFF !important;
}

/* 顶栏点击/悬停底色统一: 半透明星紫光晕, 替代原主题的浅色底 */
.aui-navbar .aui-navbar__icon-menu:hover,
.aui-navbar .aui-navbar__icon-menu:active,
.aui-navbar .aui-navbar__menu li:hover,
.aui-navbar .aui-navbar__menu li:active,
.aui-navbar .el-menu-item:hover,
.aui-navbar .el-submenu__title:hover,
.aui-navbar .aui-navbar__avatar:hover,
.site-navbar li:hover, .site-navbar .el-menu-item:hover,
.site-navbar .el-submenu__title:hover {
  background-color: rgba(124,92,255,0.25) !important;
}
/* 顶栏菜单只是按钮容器, Element 点击后挂的 is-active 不代表选中,
   一律不着色; :focus 残留同样回归透明 — 否则点击后样式粘连 */
.aui-navbar .el-menu-item.is-active:not(:hover),
.aui-navbar .el-submenu.is-active .el-submenu__title:not(:hover),
.aui-navbar .el-menu-item:focus:not(:hover),
.aui-navbar .el-submenu__title:focus:not(:hover),
.aui-navbar li:focus:not(:hover),
.site-navbar .el-menu-item.is-active:not(:hover),
.site-navbar .el-menu-item:focus:not(:hover),
.site-navbar .el-submenu__title:focus:not(:hover),
.site-navbar li:focus:not(:hover) {
  background-color: transparent !important;
}
/* 顶栏内 Element 横向菜单: 去默认白底/蓝下划线, 改星光青 */
.aui-navbar .el-menu, .aui-navbar .el-menu--horizontal,
.site-navbar .el-menu, .site-navbar .el-menu--horizontal {
  background: transparent !important;
  border-bottom: 0 !important;
}
.aui-navbar .el-menu--horizontal > .el-menu-item,
.aui-navbar .el-menu--horizontal > .el-submenu .el-submenu__title,
.site-navbar .el-menu--horizontal > .el-menu-item,
.site-navbar .el-menu--horizontal > .el-submenu .el-submenu__title {
  color: rgba(255,255,255,0.92) !important;
  border-bottom-color: transparent !important;
}
.aui-navbar .el-menu--horizontal > .el-menu-item.is-active,
.aui-navbar .el-menu--horizontal > .el-submenu.is-active .el-submenu__title,
.site-navbar .el-menu--horizontal > .el-menu-item.is-active,
.site-navbar .el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
  border-bottom-color: transparent !important;  /* is-active 不加下划线, 避免点击后残留 */
  color: rgba(255,255,255,0.92) !important;
}
/* 顶栏文字按钮 hover/点击不再跳回默认蓝 */
.aui-navbar .el-button--text,
.aui-navbar .el-button--text:hover,
.aui-navbar .el-button--text:focus,
.aui-navbar .el-button--text:active,
.site-navbar .el-button--text,
.site-navbar .el-button--text:hover,
.site-navbar .el-button--text:focus {
  color: var(--its-accent) !important;
  background: transparent !important;
  border-color: transparent !important;
}
/* 内容区(首页等)复用 aui-navbar__icon-menu 的图标: 恢复继承色 */
.aui-content .aui-navbar__icon-menu,
.aui-content svg.aui-navbar__icon-menu {
  color: inherit !important;
  fill: currentColor !important;
}

/* 例外: 左上角 logo 区(蓝底) 里的文字保持白色 */
.aui-navbar__header *,
.aui-navbar__brand *,
.aui-navbar__brand-lg *,
.aui-navbar__brand-mini * {
  color: white !important;
}
.aui-navbar__header i,
.aui-navbar__brand i {
  color: rgba(255,255,255,0.85) !important;
}

/* 例外: 顶栏里的 primary 按钮 (如"总仓" 切换) 保持白字 */
.aui-navbar .el-button--primary,
.aui-navbar .el-button--primary * {
  color: white !important;
}

/* 例外: 通知红点 不要被覆盖 */
.aui-navbar .el-badge__content,
.aui-navbar .el-badge__content * {
  color: white !important;
  background: var(--its-danger) !important;
}

.aui-sidebar,
.aui-sidebar--dark {
  background: var(--its-galaxy) !important;
  border-right: 0 !important;
}
.aui-sidebar__inner,
.aui-sidebar__menu {
  background: transparent !important;
}
.aui-content,
.aui-content__wrapper {
  background: var(--its-bg) !important;
}

/* ─── 4. 侧栏菜单 hover/active — 星空银河: 渐变深底+星光高亮 ─── */
.el-menu--dark,
.el-menu--dark .el-menu,
.el-menu--dark .el-submenu__title {
  background-color: transparent !important;  /* 透出侧栏银河渐变 */
  border-right: 0 !important;
}
/* 折叠时弹出的子菜单脱离侧栏, 需要纯色深底 */
.el-menu--popup,
.el-menu--popup .el-menu-item,
.el-menu--popup .el-submenu__title {
  background-color: var(--its-sidebar-bg) !important;
}
.el-menu--dark .el-menu-item,
.el-menu--dark .el-submenu__title {
  color: rgba(255,255,255,0.75) !important;
  background: transparent !important;
}
.el-menu--dark .el-menu-item i,
.el-menu--dark .el-submenu__title i {
  color: rgba(255,255,255,0.55) !important;
}
.el-menu--dark .el-menu-item:hover,
.el-menu--dark .el-submenu__title:hover {
  background: rgba(124,92,255,0.25) !important;
  color: #FFFFFF !important;
}
.el-menu--dark .el-menu-item:hover i,
.el-menu--dark .el-submenu__title:hover i {
  color: var(--its-accent) !important;
}
.el-menu--dark .el-menu-item.is-active {
  background: linear-gradient(90deg, rgba(124,92,255,0.45), rgba(56,225,255,0.10)) !important;
  color: #FFFFFF !important;
  border-left: 3px solid var(--its-accent) !important;
  font-weight: 600 !important;
}
.el-menu--dark .el-menu-item.is-active i {
  color: var(--its-accent) !important;
}
/* 二级菜单半透明深底, 与一级拉开层次且不挡渐变 */
.el-menu--dark .el-menu .el-menu-item,
.el-menu--dark .el-submenu.is-opened > .el-submenu__title {
  background: var(--its-sidebar-deep) !important;
}

/* ── admin 侧栏菜单 (el-menu.aui-sidebar__menu, 无 --dark 类,
      原主题 hover 是灰绿 #2b373d, 与星空紫不协调, 全部接管) ── */
.aui-sidebar__menu,
.aui-sidebar__menu .el-menu {
  background-color: transparent !important;
  border-right: 0 !important;
}
.aui-sidebar__menu .el-menu-item,
.aui-sidebar__menu .el-submenu__title {
  color: rgba(255,255,255,0.78) !important;
  background: transparent !important;
}
.aui-sidebar__menu .el-menu-item i,
.aui-sidebar__menu .el-submenu__title i,
.aui-sidebar__menu .aui-sidebar__menu-icon {
  color: rgba(255,255,255,0.6) !important;
  fill: currentColor !important;
}
/* 悬停: 星紫光晕 + 白字 + 星光青图标 */
.aui-sidebar__menu .el-menu-item:hover,
.aui-sidebar__menu .el-submenu__title:hover,
.aui-sidebar--dark .aui-sidebar__menu .el-menu-item:hover,
.aui-sidebar--dark .aui-sidebar__menu .el-submenu > .el-submenu__title:hover {
  background-color: rgba(124,92,255,0.28) !important;
  color: #FFFFFF !important;
}
.aui-sidebar__menu .el-menu-item:hover i,
.aui-sidebar__menu .el-menu-item:hover .aui-sidebar__menu-icon,
.aui-sidebar__menu .el-submenu__title:hover i,
.aui-sidebar__menu .el-submenu__title:hover .aui-sidebar__menu-icon {
  color: var(--its-accent) !important;
}
/* 焦点残留回归透明, 不粘连 */
.aui-sidebar__menu .el-menu-item:focus:not(:hover):not(.is-active),
.aui-sidebar__menu .el-submenu__title:focus:not(:hover),
.aui-sidebar--dark .aui-sidebar__menu .el-menu-item:focus:not(:hover):not(.is-active),
.aui-sidebar--dark .aui-sidebar__menu .el-submenu > .el-submenu__title:focus:not(:hover) {
  background-color: transparent !important;
}
/* 选中: 紫→青渐变底 + 星光青竖条 (侧栏菜单的 is-active 是真实当前页, 保留高亮) */
.aui-sidebar__menu .el-menu-item.is-active {
  background: linear-gradient(90deg, rgba(124,92,255,0.45), rgba(56,225,255,0.10)) !important;
  color: #FFFFFF !important;
  border-left: 3px solid var(--its-accent) !important;
  font-weight: 600 !important;
}
.aui-sidebar__menu .el-menu-item.is-active i,
.aui-sidebar__menu .el-menu-item.is-active .aui-sidebar__menu-icon {
  color: var(--its-accent) !important;
}
/* 展开的二级菜单: 半透明深底 */
.aui-sidebar__menu .el-menu .el-menu-item,
.aui-sidebar__menu .el-submenu.is-opened > .el-submenu__title {
  background: var(--its-sidebar-deep) !important;
}
.aui-sidebar__menu .el-submenu.is-opened > .el-submenu__title:hover {
  background: rgba(124,92,255,0.28) !important;
}
/* 折叠时弹出菜单 (挂在 body 下): 深底 + 同款悬停 */
.aui-sidebar--dark > .el-menu--popup .el-menu-item:hover,
.aui-sidebar--dark > .el-menu--popup .el-submenu > .el-submenu__title:hover,
.el-menu--popup .el-menu-item:hover,
.el-menu--popup .el-submenu__title:hover {
  background-color: rgba(124,92,255,0.28) !important;
  color: #FFFFFF !important;
}

/* ─── 5. 表格密度 / 卡片 / 对话框 (admin 高频元素) ──── */
.el-table th { background: var(--its-bg) !important; color: var(--its-text) !important; font-weight: 600 !important; }
.el-table--striped tbody tr:nth-child(odd) td { background: #FAFBFC !important; }
.el-table tbody tr:hover td { background: var(--its-primary-light) !important; }

.el-dialog__header { background: var(--its-bg) !important; border-bottom: 1px solid var(--its-border) !important; }
.el-dialog__title { color: var(--its-text) !important; font-weight: 600 !important; }

.aui-card, .el-card {
  border-radius: 8px !important;
  border: 1px solid var(--its-border) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
}
.aui-card__title, .el-card__header { color: var(--its-text) !important; font-weight: 600 !important; }

/* ─── 6. 强调按钮 (CTA: 充值/下单等) ────────────────── */
.btn-cta, .recharge-btn, .el-button--warning.is-cta,
[class*="recharge"] .el-button--primary {
  background: linear-gradient(135deg, #7C5CFF, #38E1FF) !important;  /* 星河紫→星光青 */
  border-color: transparent !important;
  color: #FFFFFF !important;
}
.btn-cta:hover, .recharge-btn:hover {
  background: linear-gradient(135deg, #6347E0, #14C2E8) !important;
  border-color: transparent !important;
}

/* ─── 6.5 登录页保护 ──────────────────────────────
   登录页设计前提: 全屏背景图 + 半透明白字
   不要被前面的"白底深字"主框架样式覆盖
   ─────────────────────────────────────────────── */
.aui-page__login,
.aui-page__login .aui-content,
.aui-page__login .aui-content__wrapper,
.site-wrapper--login {
  background: transparent !important; /* 让背景图透出来 */
}

/* 隐藏"建议使用 Chrome/Firefox 浏览器"提示 */
.login_tips, .login-tips {
  display: none !important;
}

/* 左侧标题区: 白字 */
.aui-page__login .login-header,
.aui-page__login .login-header *,
.aui-page__login .login-brand,
.aui-page__login .login_tips,
.aui-page__login .login-tips {
  color: #fff !important;
}
.aui-page__login .login-header .login-intro > li {
  color: hsla(0,0%,100%,0.7) !important;
}

/* 中间登录卡片 */
.aui-page__login .login-body {
  background-color: hsla(0,0%,100%,0.18) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  backdrop-filter: blur(10px);
}
.aui-page__login .login-body .login-title {
  color: #fff !important;
}
.aui-page__login .login-body .login-shortcut__title > span {
  background-color: transparent !important;
  color: hsla(0,0%,100%,0.6) !important;
}
.aui-page__login .login-body .login-shortcut__title:before {
  background-color: hsla(0,0%,100%,0.2) !important;
}
.aui-page__login .login-body .login-guide,
.aui-page__login .login-body .el-link--inner {
  color: hsla(0,0%,100%,0.85) !important;
}

/* 登录页的输入框: 半透明白底, 深色文字 (确保占位符可见) */
.aui-page__login .el-input__inner {
  background-color: rgba(255,255,255,0.92) !important;
  border-color: rgba(255,255,255,0.4) !important;
  color: var(--its-text) !important;
}
.aui-page__login .el-input__inner::placeholder {
  color: #9CA3AF !important;
}
.aui-page__login .el-input__icon,
.aui-page__login .el-input__prefix .el-input__icon {
  color: var(--its-text-muted) !important;
}

/* 登录按钮: 用主色星河紫 */
.aui-page__login .el-button--primary {
  background: var(--its-primary) !important;
  border-color: var(--its-primary) !important;
  color: #fff !important;
}
.aui-page__login .el-button--primary:hover {
  background: var(--its-primary-dark) !important;
  border-color: var(--its-primary-dark) !important;
}

/* 底部 footer: 白字 */
.aui-page__login .login-footer,
.aui-page__login .login-footer p,
.aui-page__login .login-footer a {
  color: hsla(0,0%,100%,0.65) !important;
}
.aui-page__login .login-footer a:hover {
  color: #fff !important;
}

/* 记住密码勾选 */
.aui-page__login .el-checkbox__label {
  color: #fff !important;
}

/* ─── 7. 滚动条美化 ──────────────────────────────── */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #C9C4E6; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #9D94D6; }
::-webkit-scrollbar-track { background: transparent; }

/* ─── 8. 首页布局重设计 (内容不变, 纯样式重排) ─────────
   首页结构: 欢迎区 → 快捷菜单 → 引导步骤 → 数据卡片组
            → 公告/排行 → 图表卡片
   ─────────────────────────────────────────────── */

/* 8.1 欢迎区: 银河渐变横幅 */
.home .profile-state {
  background: var(--its-galaxy-bar) !important;
  border-radius: 14px !important;
  padding: 18px 24px !important;
  margin-bottom: 18px !important;
  box-shadow: 0 4px 18px rgba(27,20,80,0.25) !important;
}
.home .profile-state h3,
.home .profile-state * {
  color: #FFFFFF !important;
}

/* 8.2 通用卡片: 大圆角 + 悬浮微抬升 */
.home .box-card,
.home .el-card {
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 10px rgba(43,27,110,0.07) !important;
  margin-bottom: 18px !important;
  transition: box-shadow .25s ease, transform .25s ease;
  overflow: hidden;
}
.home .box-card:hover {
  box-shadow: 0 8px 24px rgba(43,27,110,0.13) !important;
}
/* 卡片标题: 左侧主色竖条 */
.home .el-card__header .card_title,
.home .box-card .card_title {
  border-left: 4px solid var(--its-primary) !important;
  padding-left: 10px !important;
  font-weight: 600 !important;
  color: var(--its-text) !important;
}

/* 8.3 快捷菜单: 浅紫圆角块, 悬停渐变点亮 */
.home .quick-title {
  color: var(--its-text) !important;
  font-size: 14px !important;
}
.home .quick-item .quick-item-content {
  background: var(--its-primary-light) !important;
  border-radius: 10px !important;
  width: auto !important;
  height: auto !important;
  min-height: 38px !important;
  padding: 10px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .22s ease;
}
.home .quick-item .quick-item-content:hover {
  background: linear-gradient(135deg, #7C5CFF, #38E1FF) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(124,92,255,0.35);
}
.home .quick-item .quick-item-content:hover *,
.home .quick-item .quick-item-content:hover svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
.home .quick-item .quick-item-content-txt {
  color: var(--its-primary) !important;
}
.home .quick-item .quick-item-content svg {
  color: var(--its-primary);
  fill: currentColor;
}

/* 8.4 引导步骤条: 浅底圆角 */
.home .el-steps--simple {
  background: var(--its-bg) !important;
  border-radius: 12px !important;
  padding: 14px 8%!important;
}
.home .step-icon svg { color: var(--its-primary); fill: currentColor; }
.home .el-step__title.is-process,
.home .el-step__title.is-finish { color: var(--its-primary) !important; }

/* 8.5 数据卡片组: 圆角渐变描边 + 圆形图标底 + 悬浮抬升 */
.home .panel-group .card-panel {
  border-radius: 14px !important;
  border: 1px solid rgba(124,92,255,0.10) !important;
  box-shadow: 0 2px 10px rgba(43,27,110,0.06) !important;
  transition: transform .22s ease, box-shadow .22s ease;
}
.home .panel-group .card-panel:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(43,27,110,0.16) !important;
}
.home .panel-group .card-panel .card-panel-icon-wrapper {
  border-radius: 50% !important;
  padding: 14px !important;
  margin: 18px 0 0 16px !important;
  background: var(--its-primary-light) !important;
}
.home .panel-group .card-panel:hover .card-panel-icon-wrapper {
  background: linear-gradient(135deg, #7C5CFF, #38E1FF) !important;
}
.home .panel-group .card-panel .card-panel-num {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--its-text) !important;
}
.home .panel-group .card-panel .card-panel-text {
  color: var(--its-text-muted) !important;
}

/* 8.6 公告/排行: 列表行悬停高亮 */
.home .notice_list > li {
  border-bottom: 1px dashed var(--its-border) !important;
  border-radius: 8px;
  padding: 8px 10px !important;
  transition: background .2s ease;
}
.home .notice_list > li:hover {
  background: var(--its-primary-light);
}
.home .rank .list li span:first-child {
  background: var(--its-primary-light) !important;
  color: var(--its-primary) !important;
}
.home .rank .list li span.active {
  background: var(--its-primary) !important;
  color: #fff !important;
}

/* 8.7 内容区留白与底色 */
.aui-content__wrapper .home,
.home {
  padding: 6px 4px !important;
}

/* 9. 运单号管理: 作废按钮 — 淡紫色，深紫加粗文字提高可读性 */
.depose-btn.el-button--warning.is-plain {
  color: #6b3fa0 !important;
  font-weight: 700 !important;
  border-color: #b39ddb !important;
  background: #f4eefb !important;
}
.depose-btn.el-button--warning.is-plain:hover,
.depose-btn.el-button--warning.is-plain:focus {
  color: #fff !important;
  background: #9575cd !important;
  border-color: #9575cd !important;
}