/* ========================================================
   User 后台 - 自定义样式覆盖文件
   所有样式修改请在此文件中进行，优先级最高
   ======================================================== */

/* ================ 主题色定义 ================ */
:root {
  --theme-primary: #1890ff;
  --theme-secondary: #096dd9;
  --theme-primary-dark: #0050b3;
  --theme-primary-light: #69c0ff;
  --theme-blue-start: #1890ff;
  --theme-blue-end: #0066cc;
  /* 侧边栏深色主题 */
  --sidebar-bg: #1e1e2d;
  --sidebar-text: #c4c6d9;
  --sidebar-text-muted: #6b6c80;
  --sidebar-active-bg: #ffffff;
  --sidebar-active-text: #1e1e2d;
  --sidebar-active-icon: #1890ff;
}

/* ================ 有效期绿色徽章（隐藏原浮动span，改用navbar-nav内li） ================ */
.skin-blue .main-header .upgrade-membership[data-v-b7bae2e0] {
  display: none !important;
}

/* 新有效期 li 样式 */
.skin-blue .main-header .upgrade-membership-nav > a {
  display: inline-flex !important;
  align-items: center !important;
  height: 60px !important;
  padding: 0 14px !important;
  cursor: default !important;
  pointer-events: none !important;
  color: #52c41a !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}
.skin-blue .main-header .upgrade-membership-nav > a::before {
  content: '' !important;
  display: inline-block !important;
  width: 1px !important;
}
.skin-blue .main-header .upgrade-membership-nav {
  border: 1.5px solid #52c41a !important;
  border-radius: 20px !important;
  background: #fff !important;
  margin: auto 8px auto 0 !important;
  display: flex !important;
  align-items: center !important;
  height: 30px !important;
}
.skin-blue .main-header .upgrade-membership-nav > a .fa-check-circle {
  color: #52c41a !important;
  margin-right: 6px !important;
  font-size: 14px !important;
}
.skin-blue .main-header .upgrade-membership-nav > a span {
  color: #52c41a !important;
}

/* ================ 铃铛通知 ================ */
.skin-blue .main-header .bell-nav > a {
  position: relative !important;
  color: #666 !important;
  display: flex !important;
  align-items: center !important;
  padding: 15px 12px !important;
  height: 60px !important;
}
.skin-blue .main-header .bell-nav > a .fa-bell-o {
  font-size: 18px !important;
  color: #666 !important;
}
.skin-blue .main-header .bell-nav > a:hover .fa-bell-o {
  color: var(--theme-blue-start) !important;
}
.bell-dot {
  position: absolute !important;
  top: 10px !important;
  right: 6px !important;
  width: 7px !important;
  height: 7px !important;
  background: #f5222d !important;
  border-radius: 50% !important;
  display: block !important;
}

/* navbar-nav 用flex让li垂直居中 */
.skin-blue .main-header .navbar-custom-menu .navbar-nav {
  display: flex !important;
  align-items: center !important;
  height: 60px !important;
}

/* ================ 顶部 Logo 区域 ================ */
.skin-blue .main-header > .logo {
  background: var(--sidebar-bg) !important;
  color: var(--theme-blue-start) !important;
  border-right: none !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: bold !important;
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 60px !important;
  line-height: 60px !important;
}
.skin-blue .main-header > .logo img {
  content: url('/assets/img/adminuserapplogo.png') !important;
  height: 46px !important;
  width: auto !important;
  display: block !important;
}
.skin-blue .main-header > .logo:hover {
  background: var(--sidebar-bg) !important;
}

/* 去掉logo和导航栏之间的分隔线 */
.skin-blue .main-header .navbar {
  border-left: none !important;
  box-shadow: none !important;
}

/* ================ 顶部导航栏 白色 ================ */
.skin-blue .main-header,
.fixed .main-header {
  background: #fff !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* 修改firstnav高度为60px与logo对齐 */
#firstnav {
  height: 60px !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.skin-blue .main-header .navbar {
  background: #fff !important;
  height: 60px !important;
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #666 !important;
  height: 60px !important;
  line-height: 60px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: var(--theme-blue-start) !important;
  background: #f5f5f5 !important;
}
/* 用户名颜色（原来是白色在白底上看不见） */
.skin-blue .main-header .user-menu .hidden-xs,
.skin-blue .main-header .navbar-custom-menu span.hidden-xs {
  color: #333 !important;
}
.skin-blue .main-header .user-menu > a {
  color: #333 !important;
}
/* 顶部右侧链接 */
.skin-blue .main-header .navbar-nav > li > a {
  color: #333 !important;
  height: 60px !important;
  line-height: 60px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.skin-blue .main-header .navbar-nav > li > a:hover {
  color: var(--theme-blue-start) !important;
  background: none !important;
}
/* 用户头像 */
.skin-blue .main-header .user-menu .user-image {
  content: url('/assets/img/appagentuserlogo.png') !important;
  background: none !important;
  border: 2px solid var(--theme-blue-start) !important;
  border-radius: 50% !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 6px 0 0 !important;
  float: none !important;
  vertical-align: middle !important;
  object-fit: cover !important;
}
/* 头像与用户名水平对齐 */
.skin-blue .main-header .user-menu > a {
  display: flex !important;
  align-items: center !important;
  height: 60px !important;
  flex-direction: row-reverse !important;
  gap: 8px !important;
  border-left: 1px solid #e5e5e5 !important;
  padding-left: 15px !important;
}
.skin-blue .main-header .user-menu > a .user-image {
  margin: 0 !important;
  float: none !important;
}
/* 用户下拉弹窗头部蓝色渐变 */
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  background: linear-gradient(135deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
}
/* 修改密码按钮 → 蓝色（高特异性覆盖meta.html内联样式） */
.navbar-nav > .user-menu > .dropdown-menu li.user-footer a.btn-primary {
  background: var(--theme-blue-start) !important;
  background-image: none !important;
  border-color: var(--theme-primary-dark) !important;
  color: #fff !important;
}
.navbar-nav > .user-menu > .dropdown-menu li.user-footer a.btn-primary:hover {
  background: var(--theme-primary-dark) !important;
  border-color: #003d80 !important;
}

/* ================ 侧边栏背景 深色 ================ */
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side,
.skin-blue .sidebar {
  background: var(--sidebar-bg) !important;
}
.skin-blue .main-sidebar {
  border-right: none !important;
}
.skin-blue .content-wrapper {
  background-color: #f0f5ff !important;
}

/* ================ 侧边栏菜单文字默认色 ================ */
.skin-blue .sidebar a {
  color: var(--sidebar-text) !important;
}
.skin-blue .sidebar-menu {
  padding-top: 16px !important;
}
/* 所有菜单项默认就带 margin+padding+radius，hover 只改颜色，不改尺寸 */
.skin-blue .sidebar-menu > li > a {
  color: var(--sidebar-text) !important;
  border-left: none !important;
  border-radius: 12px !important;
  margin: 4px 16px !important;
  padding: 10px 16px !important;
  background: transparent !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
}
.skin-blue .sidebar-menu > li > a > i {
  color: #c4c6d9 !important;
  margin-right: 12px !important;
  width: 22px !important;
  text-align: center !important;
  line-height: 1 !important;
  font-size: 18px !important;
}

/* 激活/悬停：白色背景 */
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
body.skin-blue .sidebar-menu > li:hover > a,
body.skin-blue .sidebar-menu > li.active > a,
.wrapper .skin-blue .sidebar-menu > li:hover > a,
.wrapper .skin-blue .sidebar-menu > li.active > a {
  color: #0052E0 !important;
  background: var(--sidebar-active-bg) !important;
  border-left: none !important;
  border-radius: 12px !important;
  margin: 4px 16px !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
}

/* 激活：左侧蓝色竖线指示器（在白色块左边框内侧） */
.skin-blue .sidebar-menu > li.active > a,
body.skin-blue .sidebar-menu > li.active > a,
.wrapper .skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li:hover > a,
body.skin-blue .sidebar-menu > li:hover > a,
.wrapper .skin-blue .sidebar-menu > li:hover > a {
  border-left: 4px solid #0052E0 !important;
  padding-left: 12px !important;
  border-radius: 12px !important;
}
.skin-blue .sidebar-menu > li:hover > a > i,
.skin-blue .sidebar-menu > li.active > a > i,
body.skin-blue .sidebar-menu > li:hover > a > i,
body.skin-blue .sidebar-menu > li.active > a > i,
.wrapper .skin-blue .sidebar-menu > li:hover > a > i,
.wrapper .skin-blue .sidebar-menu > li.active > a > i {
  color: #0052E0 !important;
}

/* 分类标题样式 */
.skin-blue .sidebar-menu .gekai {
  color: var(--sidebar-text-muted) !important;
  font-size: 12px !important;
  margin: 20px 16px 10px 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* 父菜单展开状态，以及有子菜单选中时父菜单不显示选中效果 */
/* 注意：部分父 li 缺少 treeview class（如AI素材库、AI数据中心等），用不带 .treeview 的选择器兜底 */
.skin-blue .sidebar-menu li.treeview.active > a,
.skin-blue .sidebar-menu li.treeview.treeview-open > a,
.skin-blue .sidebar-menu li.treeview:has(.treeview-menu li.active) > a,
.skin-blue .sidebar-menu li.treeview:has(.treeview-menu li.active):hover > a,
.skin-blue .sidebar-menu li:has(.treeview-menu li.active) > a,
.skin-blue .sidebar-menu li:has(.treeview-menu li.active):hover > a {
  background: transparent !important;
  color: #c4c6d9 !important;
  border-left: none !important;
  border-radius: 12px !important;
  margin: 4px 16px !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
}
.skin-blue .sidebar-menu li.treeview.active > a > i,
.skin-blue .sidebar-menu li.treeview.treeview-open > a > i,
.skin-blue .sidebar-menu li.treeview:has(.treeview-menu li.active) > a > i,
.skin-blue .sidebar-menu li.treeview:has(.treeview-menu li.active):hover > a > i,
.skin-blue .sidebar-menu li:has(.treeview-menu li.active) > a > i,
.skin-blue .sidebar-menu li:has(.treeview-menu li.active):hover > a > i {
  color: #c4c6d9 !important;
}

/* 父菜单展开时不显示左侧蓝线（border-left 重置为 none） */
.skin-blue .sidebar-menu li.treeview.active > a,
.skin-blue .sidebar-menu li.treeview.treeview-open > a,
.skin-blue .sidebar-menu li:has(.treeview-menu) > a {
  border-left: none !important;
  padding-left: 16px !important;
}

/* ================ 侧边栏箭头朝右 ================ */
.skin-blue .sidebar-menu li > a > .pull-right-container {
  margin-left: auto !important;
  line-height: 1 !important;
}
.skin-blue .sidebar-menu .fa-angle-left {
  transform: rotate(180deg) !important;
  transition: transform 0.3s !important;
  color: var(--sidebar-text-muted) !important;
}
.skin-blue .sidebar-menu li.active > a .fa-angle-left,
.skin-blue .sidebar-menu li.treeview-open > a .fa-angle-left,
.skin-blue .sidebar-menu li.treeview-open > a > .pull-right-container > .fa-angle-left,
.sidebar-menu li.treeview-open > a > .pull-right-container > .fa-angle-left,
.skin-blue .sidebar-menu li.active > a > .pull-right-container > .fa-angle-left,
.sidebar-menu li.active > a > .pull-right-container > .fa-angle-left {
  transform: rotate(270deg) !important;
}
/* .skin-blue .sidebar-menu li:hover > a .fa-angle-left,
.skin-blue .sidebar-menu li.active > a .fa-angle-left {
  color: var(--sidebar-active-text) !important;
} */

/* ================ 子菜单 ================ */
/* 展开的父 li 不要有背景色 */
.skin-blue .sidebar-menu > li.treeview.active,
.skin-blue .sidebar-menu > li.treeview.treeview-open {
  background: transparent !important;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
  background: transparent !important;
  margin: 0 !important;
  padding: 8px 0 !important;
}
/* 子菜单项默认：深色背景、浅色文字、浅色图标 */
.skin-blue .treeview-menu > li > a,
.skin-blue .treeview-menu > li > a span,
.skin-blue .treeview-menu > li > a i {
  color: #c4c6d9 !important;
  background: transparent !important;
  border-left: none !important;
  font-size: 14px !important;
}
.skin-blue .treeview-menu > li > a {
  padding: 10px 16px !important;
  padding-left: 50px !important;
  margin: 2px 16px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
}
.skin-blue .treeview-menu > li > a > i {
  color: #c4c6d9 !important;
  margin-right: 12px !important;
  width: 22px !important;
  text-align: center !important;
  line-height: 1 !important;
  font-size: 18px !important;
}
/* 子菜单激活/hover：白色背景 + 左侧蓝线 */
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover,
body.skin-blue .treeview-menu > li.active > a,
body.skin-blue .treeview-menu > li > a:hover,
.wrapper .skin-blue .treeview-menu > li.active > a,
.wrapper .skin-blue .treeview-menu > li > a:hover {
  color: #0052E0 !important;
  background: var(--sidebar-active-bg) !important;
  border-radius: 12px !important;
  border-left: 4px solid #0052E0 !important;
  margin: 2px 16px !important;
  padding: 10px 16px !important;
  padding-left: 46px !important;
  display: flex !important;
  align-items: center !important;
}
.skin-blue .treeview-menu > li.active > a > i,
.skin-blue .treeview-menu > li > a:hover > i,
.skin-blue .treeview-menu > li.active > a > span,
.skin-blue .treeview-menu > li > a:hover > span,
body.skin-blue .treeview-menu > li.active > a > i,
body.skin-blue .treeview-menu > li > a:hover > i,
body.skin-blue .treeview-menu > li.active > a > span,
body.skin-blue .treeview-menu > li > a:hover > span,
.wrapper .skin-blue .treeview-menu > li.active > a > i,
.wrapper .skin-blue .treeview-menu > li > a:hover > i,
.wrapper .skin-blue .treeview-menu > li.active > a > span,
.wrapper .skin-blue .treeview-menu > li > a:hover > span {
  color: #0052E0 !important;
}

/* ================ 搜索框隐藏 / 分类标签 ================ */
.skin-blue .sidebar-form {
  border: none !important;
  background: transparent !important;
}

/* ================ 折叠状态 ================ */
.skin-blue.sidebar-collapse .sidebar-menu li.active > a,
.skin-blue.sidebar-collapse .sidebar-menu li:hover > a {
  color: var(--sidebar-active-text) !important;
  background: var(--sidebar-active-bg) !important;
  margin: 5px !important;
  padding: 12px !important;
  text-align: center !important;
  border-radius: 8px !important;
}
.skin-blue.sidebar-collapse .sidebar-menu > li > a > i {
  margin: 0 !important;
  line-height: 1 !important;
}
.skin-blue.sidebar-collapse .main-header > .logo {
  padding: 0 !important;
  height: 60px !important;
  width: 60px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.skin-blue.sidebar-collapse .main-header > .logo img {
  max-height: 48px !important;
  max-width: 48px !important;
  width: auto !important;
  height: auto !important;
}
.skin-blue.sidebar-collapse .main-sidebar {
  width: 60px !important;
}
.skin-blue.sidebar-collapse .main-header .logo {
  width: 60px !important;
  overflow: hidden !important;
}

/* ================ 头像默认图 ================ */
.user-menu .user-image,
.user-header .img-circle {
  content: url('/assets/img/appagentuserlogo.png') !important;
  background: none !important;
}

/* ================ 顶部右侧导航样式 ================ */
/* 用户后台链接 - 隐藏图标，纯文字蓝色 */
.skin-blue .main-header .navbar-nav li.hidden-xs a {
  color: var(--theme-blue-start) !important;
  font-size: 14px !important;
}
.skin-blue .main-header .navbar-nav li.hidden-xs a i {
  display: none !important;
}

/* 用户名前加竖线分隔 */
.skin-blue .main-header .user-menu > a {
  border-left: 1px solid #e5e5e5 !important;
  padding-left: 15px !important;
}

/* 头像圆形蓝色边框 */
.skin-blue .main-header .user-menu .user-image {
  border: 2px solid var(--theme-blue-start) !important;
  border-radius: 50% !important;
  width: 30px !important;
  height: 30px !important;
  object-fit: cover !important;
}

/* 用户名在左，头像在右 */
.skin-blue .main-header .user-menu > a {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  gap: 8px !important;
}

/* ================ 用户下拉弹窗 ================ */
/* 头部黑色背景 → 蓝色渐变 */
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  background: linear-gradient(135deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
}
/* 个人资料按钮 → 蓝色 */
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-primary {
  background-color: var(--theme-blue-start) !important;
  border-color: var(--theme-blue-start) !important;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-primary:hover {
  background-color: var(--theme-primary-dark) !important;
  border-color: var(--theme-primary-dark) !important;
}

/* ================ 个人资料页 ================ */
/* 提交按钮蓝紫渐变 → 蓝色 */
button[style*="927af4"],
button[style*="399ce4"] {
  background: linear-gradient(83deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
}
/* box-primary 顶部蓝线 → 蓝色 */
.box.box-primary {
  border-top-color: var(--theme-blue-start) !important;
}
/* 表单 has-success 绿色 → 蓝色 */
.form-group.has-success label,
.form-group.has-success .control-label,
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: var(--theme-blue-start) !important;
}
.form-group.has-success .form-control {
  border-color: var(--theme-blue-start) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(24, 144, 255, .3) !important;
}

/* input focus 蓝色边框 → 蓝色 */
.form-control:focus {
  border-color: var(--theme-blue-start) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(24, 144, 255, .3) !important;
  outline: none !important;
}

/* layui 弹窗确认按钮 → 蓝色 */
.layui-layer-btn .layui-layer-btn0,
.layui-layer-fast .layui-layer-btn .layui-layer-btn0 {
  border-color: var(--theme-blue-start) !important;
  background-color: var(--theme-blue-start) !important;
  background: linear-gradient(135deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
  color: #fff !important;
}
.layui-layer-btn .layui-layer-btn0:hover,
.layui-layer-fast .layui-layer-btn .layui-layer-btn0:hover {
  border-color: var(--theme-primary-dark) !important;
  background-color: var(--theme-primary-dark) !important;
  background: linear-gradient(135deg, var(--theme-blue-end), var(--theme-primary-dark)) !important;
}

/* ================ 按钮颜色统一为蓝色风格 ================ */
/* 用 body 前缀提高特指度，确保覆盖页面内联 <style> 中的同名规则 */
body .btn-primary,
html body .btn-primary {
  background: linear-gradient(135deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
  background-image: linear-gradient(135deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
  background-color: var(--theme-blue-start) !important;
  border-color: var(--theme-blue-start) !important;
  color: #fff !important;
}
body .btn-primary:hover, body .btn-primary:focus, body .btn-primary.focus,
html body .btn-primary:hover, html body .btn-primary:focus {
  background: linear-gradient(135deg, var(--theme-blue-end), var(--theme-primary-dark)) !important;
  background-image: linear-gradient(135deg, var(--theme-blue-end), var(--theme-primary-dark)) !important;
  background-color: var(--theme-blue-end) !important;
  border-color: var(--theme-primary-dark) !important;
  color: #fff !important;
}
body .btn-primary:active, body .btn-primary.active {
  background: var(--theme-primary-dark) !important;
  background-color: var(--theme-primary-dark) !important;
  border-color: #003d80 !important;
  color: #fff !important;
}
body .btn-primary.disabled, body .btn-primary[disabled] {
  background: var(--theme-primary-light) !important;
  background-color: var(--theme-primary-light) !important;
  border-color: var(--theme-primary-light) !important;
}
.btn-success {
  background: linear-gradient(135deg, var(--theme-blue-start), var(--theme-secondary)) !important;
  background-image: linear-gradient(135deg, var(--theme-blue-start), var(--theme-secondary)) !important;
  border-color: var(--theme-blue-start) !important;
  color: #fff !important;
}
.btn-success:hover, .btn-success:focus {
  background: linear-gradient(135deg, var(--theme-blue-end), var(--theme-primary-dark)) !important;
  background-image: linear-gradient(135deg, var(--theme-blue-end), var(--theme-primary-dark)) !important;
  border-color: var(--theme-primary-dark) !important;
  color: #fff !important;
}
.btn-success:active, .btn-success.active {
  background: var(--theme-primary-dark) !important;
  border-color: #003d80 !important;
  color: #fff !important;
}
.btn-warning {
  background: var(--theme-secondary) !important;
  background-image: none !important;
  border-color: var(--theme-primary-dark) !important;
  color: #fff !important;
}
.btn-warning:hover, .btn-warning:focus {
  background: var(--theme-primary-dark) !important;
  border-color: #003d80 !important;
  color: #fff !important;
}
.btn-danger {
  background: #ff4d4f !important;
  background-image: none !important;
  border-color: #ff3333 !important;
  color: #fff !important;
}
.btn-danger:hover, .btn-danger:focus {
  background: #ff3333 !important;
  border-color: #cc0000 !important;
  color: #fff !important;
}
.btn-danger:active, .btn-danger.active {
  background: #cc0000 !important;
  border-color: #990000 !important;
  color: #fff !important;
}
/* btn-default 工具栏按钮 → 蓝色冷色调 */
.btn-default {
  background: #f0f5ff !important;
  background-image: none !important;
  border-color: #adc6ff !important;
  color: var(--theme-blue-start) !important;
}
.btn-default:hover, .btn-default:focus {
  background: #d6e4ff !important;
  border-color: #85a5ff !important;
  color: var(--theme-blue-end) !important;
}
.btn-default:active, .btn-default.active {
  background: #adc6ff !important;
  border-color: #597ef7 !important;
  color: var(--theme-blue-end) !important;
}

/* 行内样式 #4e73df 文字 → 蓝色 */
h3.control-label[style*="4e73df"],
p[style*="4e73df"] {
  color: var(--theme-blue-start) !important;
}

/* layui 弹窗标题栏背景 → 蓝色 */
.layui-layer-title,
.layui-layer-fast .layui-layer-title,
.layui-layer-iframe .layui-layer-title {
  background: linear-gradient(135deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
  color: #fff !important;
  border-bottom: none !important;
}

/* toast 成功提示 → 蓝色 */
#toast-container > .toast-success {
  background-color: var(--theme-blue-start) !important;
}
#toast-container > .toast-success:hover {
  background-color: var(--theme-blue-end) !important;
}

/* radio / checkbox 选中颜色 → 蓝色 */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
  accent-color: var(--theme-blue-start) !important;
}

/* ================ 登录页 ================ */
/* 登录页样式已直接在HTML文件中修改，避免影响其他页面 */

/* 后台页面背景 */
.skin-blue .content-wrapper {
  background: #f0f5ff !important;
}

/* 首页统计卡片容器布局 - 一行5个 */
@media (min-width: 1024px) {
  .content-wrapper .grid.lg\:grid-cols-4,
  .content-wrapper main .grid.lg\:grid-cols-4,
  .skin-blue .content-wrapper .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* ================ 滚动条样式 ================ */
::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, var(--theme-blue-end), var(--theme-primary-dark)) !important;
}

/* ================ 所有Bootstrap标签样式 → 蓝色 ================ */
body .label,
body .label-default,
body .label-primary,
body .label-success,
body .label-info,
body .label-warning,
body .label-danger {
  background: linear-gradient(135deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
  color: #fff !important;
  border: none !important;
}

/* ================ 首页统计卡片样式 ================ */
.content-wrapper .small-box,
.content-wrapper .rounded-xl,
.content-wrapper .p-6,
.content-wrapper .card-shadow,
.content-wrapper .hover-lift,
.content-wrapper div[style*="background"][style*="f26522"],
.content-wrapper div[style*="background"][style*="fa8c16"],
.content-wrapper div[style*="linear-gradient"] {
  background: #fff !important;
  background-image: none !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}
.content-wrapper .small-box .inner h3,
.content-wrapper div[style*="background"] h3,
.content-wrapper .rounded-xl h3,
.content-wrapper .p-6 h3 {
  color: var(--theme-blue-start) !important;
  font-weight: 700 !important;
}
.content-wrapper .small-box .inner p,
.content-wrapper div[style*="background"] p,
.content-wrapper .rounded-xl p,
.content-wrapper .p-6 p {
  color: #333 !important;
}
.small-box .icon {
  color: rgba(24, 144, 255) !important;
  opacity: 0.15 !important;
}
.small-box .small-box-footer {
  background: transparent !important;
  color: var(--theme-blue-start) !important;
}
.bg-orange,
.bg-warning,
.small-box.bg-orange,
.small-box.bg-warning {
  background: #fff !important;
}

/* 首页图表卡片和其他卡片 */
.box {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
  border-top: none !important;
}
.box-header {
  border-bottom: none !important;
}

/* ================ #ff5722 橙色 → 主题蓝色覆盖 ================ */
/* layui 危险色 / 红色系按钮 → 蓝色 */
.layui-bg-red { background-color: var(--theme-blue-start) !important; }
.layui-border-red { border-color: var(--theme-blue-start) !important; color: var(--theme-blue-start) !important; }
.layui-font-red { color: var(--theme-blue-start) !important; }
.layui-btn-danger { background-color: var(--theme-blue-start) !important; }
.layui-btn-danger:hover { background-color: var(--theme-secondary) !important; }
.layui-form-danger:focus,
.layui-form-danger + .layui-form-select .layui-input {
  border-color: var(--theme-blue-start) !important;
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12) !important;
}
.layui-input-wrap .layui-input.layui-form-danger:focus + .layui-input-split {
  border-color: var(--theme-blue-start) !important;
}
.layui-input-wrap .layui-input[type="number"].layui-input-number-out-of-range {
  color: var(--theme-blue-start) !important;
}
.layui-tab-title li .layui-tab-close:hover {
  background-color: var(--theme-blue-start) !important;
  color: #fff !important;
}
.layui-timeline-axis:hover { color: var(--theme-blue-start) !important; }
.layui-badge, .layui-badge-dot, .layui-badge-rim {
  background-color: var(--theme-blue-start) !important;
}

/* not_vip 页面 strong 文字 + 按钮 → 主题蓝色 */
.auth-tip .tip-text strong { color: var(--theme-blue-start) !important; }
.auth-tip .auth-btn { background-color: var(--theme-blue-start) !important; }

/* ================ 实名认证页 (realname) 橙色 → 主题蓝色 ================ */
.header_content h1 { color: var(--theme-blue-start) !important; }
.header_content p {
  color: var(--theme-blue-start) !important;
  background-color: rgba(24, 144, 255, 0.08) !important;
}
.header_content span { color: var(--theme-blue-start) !important; }
.auth-type-btn:hover {
  color: var(--theme-blue-start) !important;
  box-shadow: 0 8px 25px rgba(24, 144, 255, 0.18) !important;
}
.auth-type-btn i { color: var(--theme-blue-start) !important; }

/* ================ 全局橙色 #f26522 / #fa8c16 → 主题蓝色覆盖 ================ */

/* common/meta.html .btn-primary 内联样式 */
.btn-primary { background: var(--theme-blue-start) !important; }

/* voice_range_span（多个页面共用） */
.voice_range_span { color: var(--theme-blue-start) !important; }

/* zimedia / webmedia 收藏按钮 */
.btn-collection { color: var(--theme-blue-start) !important; border-color: var(--theme-blue-start) !important; }
.btn-collection-active { background: var(--theme-blue-start) !important; color: #fff !important; }

/* tuozhan / shoulu_tuozhan 页面 */
.keyword-area h3 {
  background: linear-gradient(168deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
}
.instructions h3 { color: var(--theme-blue-start) !important; }
.container_keyword {
  background: linear-gradient(135deg, var(--theme-blue-end), var(--theme-blue-start)) !important;
  box-shadow: 0 0 10px rgba(24, 144, 255, 0.4) !important;
}
/* shoulu_tuozhan 行内 style 按钮/标签（特指度用 id+class 提升） */
#save-btn, #shoulu-btn, #generate-btn2,
button[style*="fa8c16"], button[style*="f26522"] {
  background: linear-gradient(135deg, var(--theme-blue-end), var(--theme-blue-start)) !important;
  background-image: linear-gradient(135deg, var(--theme-blue-end), var(--theme-blue-start)) !important;
  border-color: var(--theme-blue-start) !important;
}
.result-count[style*="fa8c16"],
.result-count[style*="f26522"],
div[style*="fa8c16"],
div[style*="f26522"][class*="result"] {
  background: linear-gradient(135deg, var(--theme-blue-end), var(--theme-blue-start)) !important;
}

/* zhiling/add.html 默认指令按钮 */
.moren_zhiling {
  background: linear-gradient(83deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
}
span.moren_zhiling[style*="f26522"],
span.moren_zhiling[style*="fa8c16"] {
  background: linear-gradient(83deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
}

/* company_keyword/add.html AI蒸馏拓展按钮 */
.strat_zhengliu {
  background: linear-gradient(168deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
}
span.strat_zhengliu[style*="f26522"],
span.strat_zhengliu[style*="fa8c16"] {
  background: linear-gradient(168deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
}

/* user_huaxiang/add.html 按钮 */
.open-doc-btn { background-color: var(--theme-blue-start) !important; }
#submitBtn { background-color: var(--theme-blue-start) !important; }

/* zhishu / zhengliu 页面标题行内色 */
h2[style*="f26522"] { color: var(--theme-blue-start) !important; }

/* quanyi 页面标题行内色 */
h1[style*="f26522"] { color: var(--theme-blue-start) !important; }

/* ai_task voice_range_span 已由上面统一覆盖 */

/* payment 页面 CSS 变量 + 选中态 */
.payment-page, .plan-card, .package-card,
[class*="plan"][class*="card"], [class*="package"][class*="card"] {
  --primary-color: var(--theme-blue-start) !important;
  --primary-gradient: linear-gradient(135deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
  --selected-border: var(--theme-blue-start) !important;
  --selected-text: var(--theme-blue-start) !important;
}
/* payment 选中边框 / 文字（行内样式被覆盖） */
[style*="border-color: #f26522"],
[style*="border-color:#f26522"] {
  border-color: var(--theme-blue-start) !important;
}
[style*="color: #f26522"],
[style*="color:#f26522"] {
  color: var(--theme-blue-start) !important;
}

/* analyze/add.html SVG 渐变色 → 蓝色（用 CSS filter 近似，SVG stop-color 无法用CSS覆盖，改边框/文字色） */
.ai-list .item-ai-dis {
  border-color: var(--theme-blue-start) !important;
}

/* ================ radio / checkbox label 按钮样式 → 蓝色 ================ */
/* 未选中：浅蓝底 + 蓝色文字（覆盖 bootstrap.css 紫色渐变） */
.radio label, .checkbox label {
  background: linear-gradient(168deg, #dbeafe, #bfdbff) !important;
  color: var(--theme-blue-start) !important;
}
/* 选中：蓝色渐变 + 白色文字（覆盖 bootstrap.css :has(:checked) 紫色渐变） */
label:has(input[type="radio"]:checked),
label:has(input[type="checkbox"]:checked) {
  background: linear-gradient(168deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
  color: #fff !important;
}

/* ================ media.css 紫色 #7b31e9 / #965ee9 / #2f48e2 → 主题蓝色 ================ */
/* 筛选顶部 tab hover/选中 */
.filter_search .media_top_menu .media_menu_item:hover .mediaicon,
.filter_search .media_top_menu .media_menu_item:hover .media_name,
.filter_search .media_top_menu .media_menu_item.on .mediaicon,
.filter_search .media_top_menu .media_menu_item.on .media_name { color: var(--theme-blue-start) !important; }

/* 筛选条件标签 hover/选中 */
.filter_search .filter_search_item .filter_search_list li.on,
.filter_search .filter_search_item .filter_search_list li:hover {
  background: var(--theme-blue-start) !important;
  color: #fff !important;
}
.filter_search .filter_search_item .filter_search_btn:hover {
  color: var(--theme-blue-start) !important;
  border-color: var(--theme-blue-start) !important;
}

/* 排序标题选中、排序箭头 */
.media_lists .media_lists_title .comprehensive.on { color: var(--theme-blue-start) !important; }
.media_lists .media_lists_title .filter.on .filter_title { color: var(--theme-blue-start) !important; }
.media_lists .media_lists_title .filter .iconclick i.lower.on { border-top-color: var(--theme-blue-start) !important; }
.media_lists .media_lists_title .filter .iconclick i.upper.on { border-bottom-color: var(--theme-blue-start) !important; }

/* 关键词搜索按钮 */
.media_lists .media_lists_title .search_keyword button { border-color: var(--theme-blue-start) !important; }
.media_lists .media_lists_title .search_keyword .search_btn { background: var(--theme-blue-start) !important; }
.media_lists .media_lists_title .search_keyword .close_btn { color: var(--theme-blue-start) !important; }

/* 媒体价格数字 */
.list_wrap .list_item .list_item_center .media_info_top .media_info_left .media_info .media_info_price .media_price {
  color: var(--theme-blue-start) !important;
}

/* 更新链接 */
.list_wrap .list_item .list_item_center .media_info_top .media_info_left .case_link .update_link > span {
  color: var(--theme-blue-start) !important;
}

/* 投稿按钮（addcart_btn） */
.list_wrap .list_item .list_item_btn a.addcart_btn {
  background: linear-gradient(168deg, var(--theme-blue-start), var(--theme-blue-end)) !important;
}
.list_wrap .list_item .list_item_btn a.addcart_btn:hover {
  background: var(--theme-blue-end) !important;
}
.list_wrap .list_item .list_item_btn a.addcart_btn .addcart_item span:hover {
  background: var(--theme-blue-start) !important;
}

/* 详情按钮 hover */
.list_wrap .list_item .list_item_btn a.mediadetail_btn:hover {
  color: var(--theme-blue-start) !important;
  border-color: var(--theme-blue-start) !important;
}

/* 分页总数字 */
.bottom_paging .newsmedia_number span { color: var(--theme-blue-start) !important; }

/* 星媒体列表 hover */
.star_list .star_list_item .star_list_link:hover {
  background: var(--theme-blue-start) !important;
  border-color: var(--theme-blue-start) !important;
}

/* 分页当前页 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--theme-blue-start) !important;
}