/* 自定义现代后台控制台主题 */

/* 全局与滚动条美化 */
body {
  background-color: #f5f7fa !important;
  font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  color: #1e293b;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f5f7fa !important;
}
::-webkit-scrollbar-thumb {
  background-color: #cbd5e1 !important;
  border-radius: 10px;
}

/* 顶部 Header 现代极简白 & 固定 70px */
.layui-header {
  height: 70px !important;
  background-color: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01) !important;
}
.layui-header .layui-logo {
  width: 220px !important;
  height: 70px !important;
  line-height: 70px !important;
  color: #2563eb !important;
  background-color: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
  border-bottom: none !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  letter-spacing: 0.5px;
}
.layui-header .layui-logo sup {
  background-color: #2563eb;
  color: #ffffff;
  padding: 1px 4px;
  border-radius: 4px;
  font-size: 9px;
  margin-left: 5px;
  font-weight: normal;
}
.layui-header .layui-nav-item {
  height: 70px !important;
  line-height: 70px !important;
}
.layui-header .layui-nav-item > a {
  color: #475569 !important;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}
.layui-header .layui-nav-item > a:hover {
  color: #2563eb !important;
}
.layui-header .layui-nav-item.layui-this {
  background: transparent !important;
}
.layui-header .layui-nav-item.layui-this > a {
  color: #2563eb !important;
  font-weight: 600;
}
.layui-header .layui-layout-left {
  left: 220px !important;
}
.layui-header .layui-layout-left [data-target-menu-type] {
  border-right: 1px solid #e2e8f0 !important;
}
.layui-header .layui-layout-left [data-target-menu-type] i {
  color: #64748b !important;
}
.layui-header .layui-layout-right > li > a {
  border-left: 1px solid #e2e8f0 !important;
}
.layui-header .layui-nav-item .layui-nav-child {
  top: 70px !important;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02) !important;
  border: 1px solid #f1f5f9;
  background-color: #ffffff;
  padding: 4px 0;
}
.layui-header .layui-nav-item .layui-nav-child dd a {
  color: #475569 !important;
  border-top: none !important;
  padding: 8px 16px !important;
  text-align: left !important;
  font-size: 13px;
  transition: all 0.2s ease;
}
.layui-header .layui-nav-item .layui-nav-child dd a:hover {
  background-color: #eff6ff !important;
  color: #2563eb !important;
}

/* 侧边导航栏极简雅致 - 220px 宽度 */
.layui-layout > .layui-side {
  top: 70px !important;
  width: 220px !important;
  background-color: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.01) !important;
}
.layui-side-scroll {
  width: 100% !important;
  background-color: #ffffff !important;
}
.layui-layout > .layui-side .layui-nav-tree {
  width: 100% !important;
  background-color: #ffffff !important;
  padding: 16px 12px !important;
  box-sizing: border-box;
}

/* 移除所有卡片样式 */
.layui-layout > .layui-side .layui-nav-item,
.layui-layout > .layui-side .layui-nav-itemed {
  background-color: transparent !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* 1. 父级分组标题样式（仅针对有子菜单的项） */
.layui-layout > .layui-side .layui-nav-item[data-submenu-layout] > a {
  height: 32px !important;
  line-height: 32px !important;
  color: #8c8c8c !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  padding: 0 12px !important;
  pointer-events: none !important;
  cursor: default !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  margin-top: 20px !important;
  margin-bottom: 4px !important;
}
.layui-layout > .layui-side .layui-nav-item[data-submenu-layout] > a .nav-text {
  font-size: 12px !important;
  display: inline-block !important;
  transform: scale(0.917) !important; /* 12px * 0.917 = 11px, 绕过 Chrome 浏览器最小中文字体 12px 限制 */
  transform-origin: left center !important;
  white-space: nowrap !important;
}
.layui-layout > .layui-side .layui-nav-item[data-submenu-layout]:first-child > a {
  margin-top: 0 !important;
}

/* 隐藏父级分组的图标与折叠箭头 */
.layui-layout > .layui-side .layui-nav-item[data-submenu-layout] > a > .menu-custom-icon,
.layui-layout > .layui-side .layui-nav-item[data-submenu-layout] > a > .nav-icon,
.layui-layout > .layui-side .layui-nav-item[data-submenu-layout] > a > .layui-nav-more {
  display: none !important;
}

/* 2. 单个直连菜单项样式（没有子菜单的父级项） */
.layui-layout > .layui-side .layui-nav-item:not([data-submenu-layout]) > a {
  height: 36px !important;
  line-height: 36px !important;
  color: #475569 !important;
  border-radius: 6px !important;
  padding: 0 12px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  transition: all 0.2s ease-in-out;
  background-color: transparent !important;
  display: flex !important;
  align-items: center !important;
  margin: 10px 0 !important;
}
.layui-layout > .layui-side .layui-nav-item:not([data-submenu-layout]) > a:hover {
  background-color: #f1f5f9 !important;
  color: #1e293b !important;
}

/* 3. 子菜单容器 - 强制显示，实现扁平布局 */
.layui-layout > .layui-side .layui-nav-child {
  background-color: transparent !important;
  padding: 0 !important;
  margin-top: 0 !important;
  display: block !important;
}

/* 4. 子菜单单项样式 */
.layui-layout > .layui-side .layui-nav-child dd {
  margin: 10px 0 !important;
  position: relative;
}
.layui-layout > .layui-side .layui-nav-child dd a {
  height: 36px !important;
  line-height: 36px !important;
  color: #475569 !important;
  font-size: 12px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.2s ease-in-out;
}
.layui-layout > .layui-side .layui-nav-child dd a:hover {
  background-color: #f1f5f9 !important;
  color: #1e293b !important;
}

/* 隐藏子菜单中所有零乱且不好看的默认 Layui 图标 */
.layui-layout > .layui-side .layui-nav-child dd a span.layui-icon:not(.menu-custom-icon),
.layui-layout > .layui-side .layui-nav-child dd a span[class*="layui-icon"]:not(.menu-custom-icon),
.layui-layout > .layui-side .layui-nav-child dd a span[class*="fa-"]:not(.menu-custom-icon) {
  display: none !important;
}

/* 统一的自定义图标样式 */
.layui-layout > .layui-side .menu-custom-icon {
  width: 16px !important;
  margin-right: 8px !important;
  font-size: 14px !important;
  text-align: center !important;
  display: inline-block !important;
  color: #64748b !important;
  transition: all 0.2s ease-in-out !important;
}

/* 悬停与选中时的图标颜色转换 */
.layui-layout > .layui-side .layui-nav-item:not([data-submenu-layout]) > a:hover .menu-custom-icon {
  color: #1e293b !important;
}
.layui-layout > .layui-side .layui-nav-child dd a:hover .menu-custom-icon {
  color: #1e293b !important;
}
.layui-layout > .layui-side .layui-nav-child dd.layui-this a .menu-custom-icon,
.layui-layout > .layui-side .layui-nav-tree .layui-this > a .menu-custom-icon {
  color: #2563eb !important;
}

/* 彻底清除 Layui 默认选中项（dd.layui-this / li.layui-this）的背景色与所有边角绿色残留 */
.layui-layout > .layui-side .layui-nav-tree .layui-this,
.layui-layout > .layui-side .layui-nav-tree li.layui-this {
  background-color: transparent !important;
  background: transparent !important;
}

/* 保持并确保选中的 a 链接有正确的轻蓝底色 */
.layui-layout > .layui-side .layui-nav-child dd.layui-this a,
.layui-layout > .layui-side .layui-nav-tree .layui-this > a {
  background-color: #eff6ff !important;
  color: #2563eb !important;
  font-weight: 500 !important;
}

/* 移除 Layui 默认的侧边导航选中项左侧竖条指示器，消除圆角外的色彩残留 */
.layui-layout > .layui-side .layui-nav-tree .layui-this:after,
.layui-layout > .layui-side .layui-nav-tree .layui-nav-bar {
  display: none !important;
  background-color: transparent !important;
  width: 0 !important;
}
/* 选中项指示圆点 - 移除以防与图标冲突 */
.layui-layout > .layui-side .layui-nav-child dd.layui-this a::before {
  display: none !important;
}

/* 导航展开图标与位置调整 */
.layui-side .layui-nav-more {
  display: none !important;
}

/* 主体背景与卡片阴影重构 */
.layui-layout > .layui-body {
  top: 70px !important;
  left: 220px !important;
  background-color: #f5f7fa !important;
  padding: 24px !important;
  box-sizing: border-box;
}
.layui-layout-left-mini > .layui-body {
  left: 50px !important;
}
.layui-layout-left-mini > .layui-side {
  width: 50px !important;
}
.layui-layout-left-mini > .layui-side .layui-nav-tree {
  padding: 5px !important;
}
.layui-layout-left-mini > .layui-side .layui-nav-item a {
  padding: 0 !important;
  text-align: center;
}

/* 面板卡片美化 */
.think-box-shadow {
  background: #ffffff !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08) !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  transition: all 0.2s ease-in-out;
}
.think-box-shadow:hover {
  box-shadow: 0 4px 12px rgba(0, 21, 41, 0.12) !important;
}

/* 消除双层背景底色：使包裹卡片的布局主容器（带 layui-bg-gray）背景透明 */
.layui-layout > .layui-body > .layui-card.layui-bg-gray,
.layui-layout-admin .layui-body .layui-card.layui-bg-gray {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.layui-layout > .layui-body > .layui-card.layui-bg-gray > .layui-card-body,
.layui-layout-admin .layui-body .layui-card.layui-bg-gray > .layui-card-body {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 让普通 layui-card（非 layui-bg-gray 布局容器）统一使用 think-box-shadow 的卡片样式 */
.layui-layout > .layui-body .layui-card:not(.layui-bg-gray),
.layui-layout-admin .layui-body .layui-card:not(.layui-bg-gray) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08) !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box !important;
  display: block;
}
.layui-layout > .layui-body .layui-card:not(.layui-bg-gray) > .layui-card-body,
.layui-layout-admin .layui-body .layui-card:not(.layui-bg-gray) > .layui-card-body {
  padding: 0 !important;
  background-color: transparent !important;
  background: transparent !important;
  margin: 0 !important;
}
/* 优化弹出层（Modal Layer）内部的表单卡片样式，消除双重边距与不对称 */
.layui-layer-content .layui-card,
.layui-layer-page .layui-card {
  width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.layui-layer-content .layui-card-body,
.layui-layer-page .layui-card-body {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 24px 32px !important; /* 统一弹出层表单内部四周间距，确保左右完美对称 */
}
/* 面板头部 */
.think-box-shadow .margin-bottom-15 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 12px;
  margin-bottom: 20px !important;
}

/* 表格美化 */
.layui-table {
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  margin: 0 !important;
}
.layui-table th {
  background-color: #ffffff !important;
  color: #8c8c8c !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  padding: 16px 12px !important;
}
.layui-table td {
  padding: 14px 12px !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.65) !important;
  border-bottom: 1px solid #f0f0f0 !important;
  background: transparent !important;
}
.layui-table tbody tr:hover {
  background-color: #fafafa !important;
}
.layui-table[lay-even] tr:nth-child(even) {
  background-color: transparent !important;
}
.layui-table thead tr,
.layui-table thead td {
  background-color: transparent !important;
  background: transparent !important;
}

/* ====================================================
   配置与列表输入项元素现代化重组 
   ==================================================== */

/* 1. 输入项 (Inputs / Selects / Textareas) */
.layui-input, .layui-select, .layui-textarea, .layui-form-select .layui-input {
  background-color: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  color: #1e293b !important;
  font-size: 13px !important;
  padding: 0 12px !important;
  transition: all 0.15s ease-in-out !important;
  box-shadow: none !important;
}
.layui-input:focus, .layui-select:focus, .layui-textarea:focus, .layui-form-select .layui-input:focus {
  border-color: #2563eb !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08) !important;
}
.layui-form-select dl {
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
.layui-form-select dl dd.layui-this {
  background-color: #eff6ff !important;
  color: #2563eb !important;
}

/* 调整搜索表单输入框高度 */
.form-search .layui-input-inline input,
.form-search .layui-input-inline select {
  height: 34px !important;
  line-height: 34px !important;
}

/* 2. 按钮美化 (Buttons) */
.layui-btn {
  height: 34px !important;
  line-height: 34px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0 16px !important;
  transition: all 0.2s ease !important;
}

/* 小按钮与极小按钮尺寸修正，确保行内操作按钮不会过大 */
.layui-btn-sm {
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  border-radius: 4px !important;
}
.layui-btn-xs {
  height: 22px !important;
  line-height: 22px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  border-radius: 3px !important;
}

/* 列表表格行内按钮强制转为优雅文字链接 (Table Row Actions -> Text Links) */
.layui-layout-admin .layui-body .layui-table td .layui-btn:not(.layui-btn-disabled),
.layui-layout-admin .layui-body .layui-table td .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-disabled),
.layui-layout-admin .layui-body .layui-table td .layui-btn-danger,
.layui-layout-admin .layui-body .layui-table td .layui-btn-warm,
.layui-layout-admin .layui-body .layui-table td .layui-btn-primary {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 12px 0 0 !important;
  height: auto !important;
  line-height: normal !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  display: inline-block !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  transition: color 0.3s !important;
}

/* 颜色规则与 Hover */
.layui-layout-admin .layui-body .layui-table td .layui-btn:not(.layui-btn-disabled),
.layui-layout-admin .layui-body .layui-table td .layui-btn:not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-primary):not(.layui-btn-disabled) {
  color: #1890ff !important;
}
.layui-layout-admin .layui-body .layui-table td .layui-btn:not(.layui-btn-disabled):hover {
  color: #40a9ff !important;
  background: transparent !important;
  background-color: transparent !important;
}
.layui-layout-admin .layui-body .layui-table td .layui-btn-danger {
  color: #ff4d4f !important;
}
.layui-layout-admin .layui-body .layui-table td .layui-btn-danger:hover {
  color: #ff7875 !important;
  background: transparent !important;
  background-color: transparent !important;
}
.layui-layout-admin .layui-body .layui-table td .layui-btn-warm {
  color: #d97706 !important;
}
.layui-layout-admin .layui-body .layui-table td .layui-btn-warm:hover {
  color: #f59e0b !important;
  background: transparent !important;
  background-color: transparent !important;
}
.layui-layout-admin .layui-body .layui-table td .layui-btn-primary {
  color: #475569 !important;
}
.layui-layout-admin .layui-body .layui-table td .layui-btn-primary:hover {
  color: #0f172a !important;
  background: transparent !important;
  background-color: transparent !important;
}
.layui-layout-admin .layui-body .layui-table td .layui-btn.layui-btn-disabled,
.layui-layout-admin .layui-body .layui-table td .layui-btn.layui-btn-disabled:hover {
  color: #bfbfbf !important;
  cursor: not-allowed !important;
  background: transparent !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
.layui-layout-admin .layui-body .layui-table td .text-explode {
  display: none !important;
}


/* 主操作按钮 -> 现代蓝 */
.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-disabled) {
  background-color: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
}
.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-disabled):hover {
  background-color: #1d4ed8 !important;
  box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2) !important;
}

/* 幽灵/白底/重置按钮 -> 浅灰 */
.layui-btn-primary {
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
}
.layui-btn-primary:hover {
  background-color: #f8fafc !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}

/* 绿色/成功按钮 (例如导出Excel) */
.layui-btn-success, [class*="layui-bg-green"], .layui-btn-green {
  background-color: #10b981 !important;
  color: #ffffff !important;
  border: none !important;
}
.layui-btn-success:hover, .layui-btn-green:hover {
  background-color: #059669 !important;
  box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.2) !important;
}

/* 红色/危险按钮 */
.layui-btn-danger {
  background-color: #ef4444 !important;
  color: #ffffff !important;
  border: none !important;
}
.layui-btn-danger:hover {
  background-color: #dc2626 !important;
  box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.2) !important;
}

/* 3. 选项卡 (Tabs) */
.layui-tab-title {
  border-bottom: 1px solid #e2e8f0 !important;
  height: 45px !important;
}
.layui-tab-title li {
  line-height: 45px !important;
  font-size: 14px !important;
  color: #64748b !important;
  font-weight: 500 !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s ease !important;
}
.layui-tab-title li:hover {
  color: #2563eb !important;
}
.layui-tab-title .layui-this {
  color: #2563eb !important;
  font-weight: 600 !important;
  border-bottom-color: #2563eb !important;
}
.layui-tab-title .layui-this:after {
  display: none !important;
}

/* 4. 分页控件 (Paginations) */
.pagination-container {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-top: 24px !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.65) !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.pagination-container .pagination {
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  gap: 8px !important;
}
.pagination-container .pagination li {
  display: inline-block !important;
  float: none !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}
.pagination-container .pagination-total {
  color: rgba(0, 0, 0, 0.65) !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
}
.pagination-limit {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: auto !important; /* 将页码和前往跳转框推到右侧 */
  flex-shrink: 0 !important;
}
.custom-limit-select {
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 24px 0 12px !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.65) !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.3s !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba%280%2C0%2C0%2C0.45%29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 12px !important;
  box-sizing: border-box !important;
}
.custom-limit-select:hover,
.custom-limit-select:focus {
  border-color: #40a9ff !important;
}

.pagination-container > ul > li > a,
.pagination-container > ul > li > span {
  display: inline-block !important;
  width: auto !important;
  min-width: 32px !important;
  height: 32px !important;
  line-height: 30px !important;
  text-align: center !important;
  padding: 0 8px !important;
  color: rgba(0, 0, 0, 0.65) !important;
  text-decoration: none !important;
  background-color: #fff !important;
  border: 1px solid #d9d9d9 !important;
  font-size: 14px !important;
  margin: 0 !important;
  border-radius: 4px !important;
  transition: all 0.3s !important;
  box-sizing: border-box !important;
  float: none !important;
  flex-shrink: 0 !important;
}
.pagination-container > ul > li.active > span {
  z-index: 2 !important;
  color: #fff !important;
  cursor: default !important;
  background-color: #1890ff !important;
  border-color: #1890ff !important;
}
.pagination-container > ul > li > a:hover {
  color: #1890ff !important;
  border-color: #1890ff !important;
}
.pagination-container > ul > li.disabled > span {
  color: rgba(0, 0, 0, 0.25) !important;
  background-color: #f5f5f5 !important;
  border-color: #d9d9d9 !important;
  cursor: not-allowed !important;
}

.pagination-goto {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 8px !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.65) !important;
  flex-shrink: 0 !important;
}
.goto-page-input {
  width: 48px !important;
  height: 32px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  text-align: center !important;
  margin: 0 8px !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.65) !important;
  outline: none !important;
  transition: all 0.3s !important;
  box-sizing: border-box !important;
}
.goto-page-input:hover,
.goto-page-input:focus {
  border-color: #40a9ff !important;
}


/* 5. 单选与复选 (Checkboxes & Radios) */
.think-checkbox input[type=checkbox] {
  border-radius: 4px !important;
  border: 1px solid #cbd5e1 !important;
}
.think-checkbox input[type=checkbox]:checked {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}
.think-checkbox input[type=checkbox]:checked:after {
  color: #ffffff !important;
}
.think-radio input[type=radio] {
  border: 1px solid #cbd5e1 !important;
}
.think-radio input[type=radio]:checked {
  border-color: #2563eb !important;
}
.think-radio input[type=radio]:checked:after {
  background: #2563eb !important;
}

/* 6. 徽章状态标签 (Badges) */
.layui-badge {
  border-radius: 4px !important;
  font-size: 11px !important;
  padding: 2px 6px !important;
}
.layui-badge.layui-bg-blue {
  background-color: #eff6ff !important;
  color: #2563eb !important;
  border: 1px solid #bfdbfe !important;
}
.layui-badge.layui-bg-green, .layui-badge.layui-bg-success {
  background-color: #ecfdf5 !important;
  color: #10b981 !important;
  border: 1px solid #a7f3d0 !important;
}
.layui-badge.layui-bg-red {
  background-color: #fef2f2 !important;
  color: #ef4444 !important;
  border: 1px solid #fca5a5 !important;
}

/* ====================================================
   wangEditor 现代化视觉重构与样式覆写
   ==================================================== */
.wang-editor-wrapper {
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02) !important;
  transition: all 0.2s ease-in-out !important;
}
.wang-editor-wrapper:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08) !important;
}
.wang-editor-wrapper .wang-editor-toolbar {
  border-bottom: 1px solid #cbd5e1 !important;
  background-color: #f8fafc !important;
  z-index: 100 !important;
}
.wang-editor-wrapper .w-e-bar {
  background-color: transparent !important;
  border: none !important;
  padding: 4px 8px !important;
}
.wang-editor-wrapper .wang-editor-content {
  background-color: #ffffff !important;
  z-index: 99 !important;
}
.wang-editor-wrapper .w-e-text-container {
  background-color: transparent !important;
  border: none !important;
}
.wang-editor-wrapper .w-e-text-container [contenteditable="true"] {
  padding: 16px 20px !important;
  line-height: 1.6 !important;
  font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: #334155 !important;
}
.wang-editor-wrapper .w-e-text-placeholder {
  top: 16px !important;
  left: 20px !important;
  font-family: inherit !important;
  color: #94a3b8 !important;
  font-style: normal !important;
}

/* ====================================================
   全局列表与搜寻表单扁平化美化
   ==================================================== */

/* 1. 列表标题栏现代化 (Layui Card Header) */
.layui-layout > .layui-body > .layui-card > .layui-card-header,
.layui-card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: none !important;
  border: none !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: normal !important;
  padding: 0 0 20px 0 !important; /* 保持与下方卡片对齐 */
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1f1f1f !important;
  font-family: 'Outfit', 'Inter', sans-serif !important;
}
.layui-card-header .layui-icon-next {
  display: none !important; /* 隐藏小箭头 */
}


/* 2. 条件搜索区域平铺与去边框 (Search Fieldsets) */
.layui-card-body fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
}
.layui-card-body fieldset legend {
  display: none !important;
}
.form-search {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
}
.form-search .layui-form-item.layui-inline {
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 16px !important;
  margin-right: 24px !important;
  vertical-align: middle !important;
  float: none !important;
}
.form-search .layui-form-item.layui-inline * {
  float: none !important;
}
.form-search .layui-form-label {
  display: inline-block !important;
  width: auto !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 !important;
  margin-right: 8px !important;
  font-size: 14px !important;
  color: #595959 !important;
  font-weight: normal !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: none !important;
}
.form-search .layui-input-inline {
  width: 160px !important;
  margin: 0 !important;
}
.form-search .layui-input {
  height: 32px !important;
  line-height: 32px !important;
  border-radius: 4px !important;
  border: 1px solid #d9d9d9 !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.65) !important;
  background-color: #fff !important;
  transition: all 0.3s !important;
  outline: none !important;
  box-sizing: border-box !important;
}
.form-search .layui-input:hover,
.form-search .layui-input:focus {
  border-color: #40a9ff !important;
  background-color: #fff !important;
  box-shadow: none !important;
}

/* 按钮位置与微调 */
.form-search .layui-btn {
  height: 32px !important;
  line-height: 30px !important;
  border-radius: 4px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
}
.form-search .layui-btn:not(.layui-btn-primary) {
  background-color: #1890ff !important;
  border: 1px solid #1890ff !important;
  color: #fff !important;
}
.form-search .layui-btn:not(.layui-btn-primary):hover {
  background-color: #40a9ff !important;
  border-color: #40a9ff !important;
}
.form-search .layui-btn-primary {
  background-color: #fff !important;
  color: rgba(0, 0, 0, 0.65) !important;
  border: 1px solid #d9d9d9 !important;
}
.form-search .layui-btn-primary:hover {
  color: #40a9ff !important;
  border-color: #40a9ff !important;
  background-color: #fff !important;
}

/* 确保表格中最后一列（操作列）内的链接不换行 */
.layui-layout-admin .layui-body .layui-table td:last-child:has(.layui-btn),
.layui-layout-admin .layui-body .layui-table td:last-child:has(.action-link) {
  white-space: nowrap !important;
}


.layui-layout-admin .layui-body .layui-table img.fixed-img {
  width: 48px !important;
  height: 48px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
}

/* 将后台所有原本使用 color-green 类的文字颜色（如表单字段标签等）修改为主题色蓝色 */
.color-green {
  color: #2563eb !important;
}

/* 顶部导航未处理事务数量角标 */
.header-msg-badge {
  position: absolute;
  right: 12px;
  top: 20px;
  height: 16px;
  min-width: 16px;
  line-height: 16px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 600;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #ffffff !important;
  text-align: center;
  border-radius: 8px;
  box-sizing: border-box;
  display: none;
  box-shadow: 0 2px 4px rgba(255, 77, 79, 0.2);
  z-index: 10;
}
.header-msg-badge.bg-red {
  background-color: #ff4d4f !important;
}
.header-msg-badge.bg-orange {
  background-color: #ffa940 !important;
  box-shadow: 0 2px 4px rgba(255, 169, 64, 0.2);
}