/* ============================================================
 * test03 管理员后台 - 自定义样式（Layui 2.9 设计语言）
 * 主色：#ff7d00 活力橙；侧边栏：#393D49 深炭灰；背景：#f2f2f2
 * ============================================================ */
:root {
  --t3-primary: #ff7d00;          /* 活力橙主色 */
  --t3-primary-deep: #e66800;     /* 主色加深 */
  --t3-primary-light: #fff3e6;    /* 主色浅底 */
  --t3-sidebar: #393D49;          /* 侧边栏深色 */
  --t3-sidebar-hover: #4E5465;    /* 侧边栏悬停 */
  --t3-bg: #f2f2f2;               /* 页面背景 */
  --t3-border: #e6e6e6;           /* 边框色 */
  --t3-text: #333;
  --t3-text-2: #999;
  --t3-radius: 6px;
}

* { box-sizing: border-box; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  background: var(--t3-bg);
  color: var(--t3-text);
  margin: 0;
}

/* ============ 登录页 ============ */
.login-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2b2822 0%, #3d3428 55%, #ff7d00 160%);
  position: relative;
  overflow: hidden;
}
.login-page::before,
.login-page::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 125, 0, 0.12);
}
.login-page::before { width: 480px; height: 480px; top: -160px; right: -140px; }
.login-page::after { width: 380px; height: 380px; bottom: -140px; left: -120px; }
.login-box {
  position: relative;
  z-index: 2;
  width: 420px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.30);
  padding: 38px 44px 28px;
}
.login-brand { text-align: center; margin-bottom: 26px; }
.login-brand .logo {
  width: 60px; height: 60px; border-radius: 8px;
  background: linear-gradient(135deg, #ff7d00, #e66800);
  color: #fff; font-size: 28px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  margin-bottom: 12px;
}
.login-brand h1 { font-size: 20px; font-weight: 700; margin: 0; color: #333; }
.login-brand p { color: #999; font-size: 13px; margin: 6px 0 0; }
.login-tip {
  background: var(--t3-primary-light); border: 1px solid #ffe0c2; color: var(--t3-primary-deep);
  border-radius: 4px; padding: 8px 12px; font-size: 12px; margin-bottom: 18px; text-align: center;
}
.lg-row {
  display: flex; align-items: center; border: 1px solid var(--t3-border);
  border-radius: 4px; margin-bottom: 16px; height: 44px; padding: 0 12px;
  background: #fff; transition: border-color .2s, box-shadow .2s;
}
.lg-row:focus-within { border-color: var(--t3-primary); box-shadow: 0 0 0 2px rgba(255, 125, 0, 0.14); }
.lg-icon { color: #999; margin-right: 10px; font-size: 15px; }
.lg-row .layui-input { border: none; background: transparent; height: auto; padding: 0; box-shadow: none; }
.lg-row-code { padding-right: 8px; }
.lg-row-code canvas { border-radius: 4px; cursor: pointer; flex: 0 0 auto; }
.lg-remember { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #666; margin-bottom: 18px; cursor: pointer; }
.lg-remember input { accent-color: var(--t3-primary); }
.lg-btn {
  height: 44px; font-size: 15px; letter-spacing: 6px; border-radius: 4px;
  background: linear-gradient(135deg, #ff7d00, #e66800);
}
.lg-btn:hover { opacity: .92; background: linear-gradient(135deg, #ff7d00, #e66800); }
.login-footer { text-align: center; color: #aaa; font-size: 12px; margin-top: 20px; }

/* ============ 后台整体布局 ============ */
.admin-body { display: flex; min-height: 100vh; }
.sidebar {
  width: 240px; background: var(--t3-sidebar); color: #c2c7d0;
  position: fixed; top: 0; bottom: 0; left: 0; z-index: 100;
  display: flex; flex-direction: column; transition: width .25s;
}
.sidebar-brand {
  height: 60px; display: flex; align-items: center; gap: 10px;
  padding: 0 16px; color: #fff; font-weight: 700; font-size: 15px;
  background: rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  white-space: nowrap; overflow: hidden;
}
.sidebar-brand .logo-mini {
  width: 34px; height: 34px; border-radius: 6px; flex: 0 0 34px;
  background: linear-gradient(135deg, #ff7d00, #e66800);
  display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 16px;
}
.sidebar-foot {
  padding: 14px 0; text-align: center; font-size: 12px; color: #6a7280;
  border-top: 1px solid rgba(255, 255, 255, 0.07); flex: 0 0 auto; white-space: nowrap;
}

/* layui 导航树（侧边菜单） */
#sideMenu { width: 100%; overflow-y: auto; flex: 1; background: var(--t3-sidebar); }
#sideMenu::-webkit-scrollbar { width: 4px; }
#sideMenu::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.15); border-radius: 2px; }
#sideMenu .layui-nav-item a { padding-left: 20px; }
#sideMenu .layui-nav-item a i { margin-right: 8px; font-size: 14px; }
#sideMenu .layui-nav-item a span { font-size: 14px; }
#sideMenu .layui-nav-child a { padding-left: 42px; }
#sideMenu .layui-nav-child a i { font-size: 11px; opacity: .7; }
#sideMenu .layui-nav-itemed > a,
#sideMenu .layui-nav-itemed > .layui-nav-more { color: #fff !important; }
#sideMenu .layui-nav-tree .layui-this > a,
#sideMenu .layui-nav-tree .layui-nav-child dd.layui-this a {
  background-color: var(--t3-primary);
  color: #fff;
}
#sideMenu .layui-nav-tree .layui-this > a i,
#sideMenu .layui-nav-tree .layui-nav-child dd.layui-this a i { color: #fff; }

/* 折叠侧栏 */
.sidebar-collapsed .sidebar { width: 64px; }
.sidebar-collapsed .sidebar-brand span,
.sidebar-collapsed .sidebar-foot { display: none; }
.sidebar-collapsed #sideMenu .layui-nav-item a span,
.sidebar-collapsed #sideMenu .layui-nav-more { display: none; }
.sidebar-collapsed #sideMenu .layui-nav-item a { padding-left: 0; text-align: center; }
.sidebar-collapsed #sideMenu .layui-nav-item a i { margin-right: 0; font-size: 16px; }
.sidebar-collapsed #sideMenu .layui-nav-child { display: none !important; }
.sidebar-collapsed .main-wrap { margin-left: 64px; }

.main-wrap {
  flex: 1; margin-left: 240px; display: flex; flex-direction: column;
  min-height: 100vh; transition: margin-left .25s;
}

/* ============ 顶栏 ============ */
.topbar {
  height: 60px; background: #fff; border-bottom: 1px solid var(--t3-border);
  display: flex; align-items: center; padding: 0 20px; gap: 14px;
  position: sticky; top: 0; z-index: 50;
}
.topbar .page-title { font-size: 17px; font-weight: 700; color: #333; }
.topbar .breadcrumb-box { color: #999; font-size: 13px; margin-top: 2px; }
.topbar .icon-btn {
  width: 38px; height: 38px; border-radius: 4px; border: 1px solid var(--t3-border);
  background: #f8f8f8; color: #666; display: flex; align-items: center; justify-content: center;
  cursor: pointer; font-size: 16px; transition: all .2s;
}
.topbar .icon-btn:hover { border-color: var(--t3-primary); color: var(--t3-primary); background: #fff6ee; }
.tb-right { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.avatar-box { display: flex; align-items: center; gap: 10px; cursor: pointer; position: relative; }
.avatar-circle {
  width: 38px; height: 38px; border-radius: 50%;
  background: linear-gradient(135deg, #ff7d00, #e66800); color: #fff;
  display: flex; align-items: center; justify-content: center; font-weight: 700;
}
.tb-name { font-size: 14px; font-weight: 600; color: #333; line-height: 1.3; }
.tb-role { font-size: 12px; color: #999; line-height: 1.3; }
.small-caret { color: #999; font-size: 12px; }
.dropdown-menu-custom {
  position: absolute; right: 0; top: 48px; min-width: 200px;
  background: #fff; border: 1px solid var(--t3-border); border-radius: 6px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); padding: 6px; display: none; z-index: 300;
}
.dropdown-menu-custom.show { display: block; }
.dropdown-menu-custom .drop-header { padding: 10px 12px; border-bottom: 1px solid #f0f0f0; margin-bottom: 4px; }
.dropdown-menu-custom .drop-header .fw-bold { font-size: 14px; color: #333; }
.dropdown-menu-custom .drop-time { font-size: 12px; color: #999; margin-top: 3px; }
.dropdown-menu-custom a {
  display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 4px;
  color: #666; text-decoration: none; font-size: 14px;
}
.dropdown-menu-custom a:hover { background: #f7f7f7; color: var(--t3-primary); }
.dropdown-menu-custom a.drop-logout { color: #FF5722; }
.dropdown-menu-custom a.drop-logout:hover { background: #fff2f0; }

/* ============ 内容区 ============ */
.content-wrap { padding: 16px 20px; flex: 1; }
.toolbar-bar { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; min-height: 38px; }
.toolbar-bar .layui-btn i { margin-right: 3px; }
.filter-bar {
  background: #fff; border: 1px solid var(--t3-border); border-radius: var(--t3-radius);
  padding: 12px 14px; margin-bottom: 14px;
}
/* 搜索项布局：PC 端每行 4 个，自动对齐 */
.filter-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 14px;
  align-items: center;
}
.filter-row .f-item { width: 100%; }
.filter-row .f-item .layui-input,
.filter-row .f-item .layui-form-select { width: 100%; }
.filter-row .f-item .layui-btn { width: auto; }
.filter-row .layui-btn i { margin-right: 3px; }
/* 搜索/重置按钮独立一行，靠右对齐 */
.filter-row .filter-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
@media (max-width: 1199.98px) { .filter-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991.98px) { .filter-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .filter-row { grid-template-columns: 1fr; } }
.page-card {
  background: #fff; border: 1px solid var(--t3-border); border-radius: var(--t3-radius);
  padding: 16px;
}
.pager-bar { display: flex; justify-content: flex-end; margin-top: 14px; min-height: 32px; }

/* ============ 表格（layui-table 定制） ============ */
.table-wrap { overflow-x: auto; }
.app-table.layui-table { font-size: 13px; }
.layui-table thead th { background: #f8f8f8; font-weight: 600; color: #555; white-space: nowrap; }
.layui-table tbody tr { transition: background .15s; }
.layui-table tbody tr:hover { background: #fff6ee; }
.layui-table tbody td { vertical-align: middle; }
/* 操作列按钮强制一行显示，避免换行凌乱 */
.app-table td:last-child { white-space: nowrap; }
.badge-status { font-size: 12px; padding: 3px 8px; line-height: 1.4; }
.empty-td { text-align: center; color: #999; padding: 46px 0 !important; }
.empty-td i { font-size: 34px; color: #d8d8d8; margin-bottom: 8px; display: inline-block; }

/* 行内操作按钮 */
.btn-act { padding: 0 8px; line-height: 24px; font-size: 12px; }
.btn-act i { margin-right: 2px; }

/* 详情弹窗内容 */
.detail-item { background: #f8f8f8; border: 1px solid #f0f0f0; border-radius: 4px; padding: 9px 12px; height: 100%; }
.detail-label { font-size: 12px; color: #999; margin-bottom: 4px; }
.detail-value { font-size: 14px; font-weight: 600; color: #333; word-break: break-all; }

/* ============ 统计卡片 ============ */
.stat-card { border: 1px solid var(--t3-border); border-radius: var(--t3-radius); }
.stat-card:hover { border-color: var(--t3-primary); box-shadow: 0 4px 12px rgba(255, 125, 0, 0.15); transition: all .2s; }
.stat-body { display: flex; align-items: center; gap: 12px; }
.stat-icon {
  width: 52px; height: 52px; border-radius: 8px; flex: 0 0 52px;
  display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.stat-icon.t-teal { background: #fff3e6; color: #ff7d00; }
.stat-icon.t-blue { background: #e8f3ff; color: #1E9FFF; }
.stat-icon.t-green { background: #eaf8ec; color: #16b777; }
.stat-icon.t-orange { background: #fff5e6; color: #FFB800; }
.stat-icon.t-red { background: #fff0ee; color: #FF5722; }
.stat-info { flex: 1; }
.stat-label { font-size: 12px; color: #999; }
.stat-value { font-size: 22px; font-weight: 700; color: #333; margin-top: 2px; }
.stat-foot { font-size: 11px; color: #aaa; text-align: right; max-width: 110px; }

/* ============ layui-card 微调 ============ */
.layui-card { border: 1px solid var(--t3-border); border-radius: var(--t3-radius); }
.layui-card-header { border-bottom: 1px solid #f4f4f4; color: #333; font-weight: 600; }
.card-note { float: right; font-size: 12px; color: #999; font-weight: 400; }

/* 待办 / 动态列表 */
.todo-item {
  display: flex; justify-content: space-between; align-items: center;
  padding: 11px 4px; border-bottom: 1px dashed #f2f2f2; font-size: 13px;
}
.todo-item:last-child { border-bottom: none; }
.todo-item i { margin-right: 8px; }
.feed-item { padding: 9px 4px; border-bottom: 1px dashed #f2f2f2; font-size: 13px; }
.feed-item:last-child { border-bottom: none; }
.feed-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 10px; }
.feed-time { color: #999; font-size: 12px; }

/* ============ 销控图 ============ */
.room-legend { width: 20px; height: 14px; border-radius: 3px; display: inline-block; vertical-align: middle; }
.legend-item { display: inline-flex; align-items: center; gap: 6px; margin-right: 16px; font-size: 12px; color: #666; }
.sell-group-title { font-size: 15px; font-weight: 700; margin-bottom: 10px; color: #333; }
.sell-building { margin-bottom: 14px; }
.sell-building-name { font-size: 13px; color: #666; font-weight: 600; margin-bottom: 6px; }
.sell-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.sell-room {
  width: 96px; height: 44px; color: #fff; border-radius: 4px;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; cursor: pointer; transition: transform .15s, box-shadow .15s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.sell-room:hover { transform: scale(1.08); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
.bg-unsold { background: #ff7d00; }   /* 未售 */
.bg-sold { background: #FF5722; }     /* 已售 */
.bg-hold { background: #FFB800; }     /* 保留 */
.bg-booked { background: #8f9aa7; }   /* 预定 */

/* ============ 在线用户 / 软件卡片 ============ */
.online-card, .software-card { border: 1px solid var(--t3-border); border-radius: var(--t3-radius); }
.online-avatar {
  width: 42px; height: 42px; border-radius: 50%; background: var(--t3-primary-light); color: var(--t3-primary-deep);
  display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 17px;
}
.software-icon {
  width: 52px; height: 52px; border-radius: 8px; background: linear-gradient(135deg, #ff7d00, #e66800);
  color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px;
}

/* ============ 弹窗微调 ============ */
.layui-layer { border-radius: 8px !important; }
.layui-layer-title { border-radius: 8px 8px 0 0 !important; }
.layui-form-item .layui-form-label { font-size: 13px; color: #555; }

/* ============ 小屏适配 ============ */
@media (max-width: 992px) {
  .sidebar { width: 64px; }
  .sidebar-brand span, .sidebar-foot { display: none; }
  #sideMenu .layui-nav-item a span, #sideMenu .layui-nav-more { display: none; }
  #sideMenu .layui-nav-item a { padding-left: 0; text-align: center; }
  #sideMenu .layui-nav-item a i { margin-right: 0; }
  #sideMenu .layui-nav-child { display: none !important; }
  .main-wrap { margin-left: 64px; }
}


/* ============================================================
 * Git / GitHub Dark 科技风（test03 深色主题覆盖段）
 * 深色界面 + Git 橙强调色，接近 Git 操作界面
 * ============================================================ */
:root {
  --git-bg: #0d1117;
  --git-card: #161b22;
  --git-border: #30363d;
  --git-input: #21262d;
  --git-text: #c9d1d9;
  --git-text-2: #8b949e;
  --git-text-3: #484f58;
  --git-accent: #f05133;
  --git-accent-deep: #d84315;
  --git-green: #3fb950;
  --git-blue: #58a6ff;
  --git-red: #f85149;
  --t3-primary: #f05133;
  --t3-primary-deep: #d84315;
  --t3-primary-light: #3a1d12;
  --t3-sidebar: #161b22;
  --t3-sidebar-hover: #21262d;
  --t3-bg: #0d1117;
  --t3-border: #30363d;
  --t3-text: #c9d1d9;
  --t3-text-2: #8b949e;
}

/* ---- 全局 ---- */
body { background-color: #0d1117 !important; color: #c9d1d9 !important; }
::-webkit-scrollbar-thumb { background: #30363d !important; }

/* ---- 登录页 ---- */
.login-page { background: linear-gradient(135deg, #010409 0%, #0d1117 55%, #f05133 170%) !important; }
.login-box { background-color: #161b22 !important; box-shadow: 0 24px 64px rgba(1, 4, 9, 0.6) !important; }
.login-brand h1 { color: #e6edf3 !important; }
.login-brand p { color: #8b949e !important; }
.login-brand .logo { background: linear-gradient(135deg, #f05133, #d84315) !important; }
.login-tip { background-color: #3a1d12 !important; border-color: rgba(240, 81, 51, 0.35) !important; color: #ff8a6b !important; }
.lg-row { background-color: #21262d !important; border-color: #30363d !important; }
.lg-row:focus-within { border-color: #f05133 !important; box-shadow: 0 0 0 3px rgba(240, 81, 51, 0.15) !important; }
.lg-icon { color: #8b949e !important; }
.lg-remember { color: #8b949e !important; }
.lg-btn { background: linear-gradient(135deg, #f05133, #d84315) !important; }
.lg-btn:hover { background: linear-gradient(135deg, #d84315, #c93a1d) !important; }
.lg-row .layui-input { color: #c9d1d9 !important; background: transparent !important; }
.login-footer { color: #484f58 !important; }

/* ---- 侧栏 ---- */
.sidebar { background-color: #161b22 !important; }
.sidebar-brand { border-bottom-color: #21262d !important; color: #e6edf3 !important; }
.sidebar-brand .logo-mini { background: linear-gradient(135deg, #f05133, #d84315) !important; }
.sidebar-foot { color: #484f58 !important; border-top-color: #21262d !important; }
#sideMenu { background-color: #161b22 !important; }
#sideMenu .layui-nav-item a { color: #8b949e !important; }
#sideMenu .layui-nav-item a:hover { background-color: #1f242c !important; color: #e6edf3 !important; }
#sideMenu .layui-nav-itemed > a,
#sideMenu .layui-nav-itemed > .layui-nav-more { color: #e6edf3 !important; }
#sideMenu .layui-nav-tree .layui-this > a,
#sideMenu .layui-nav-tree .layui-nav-child dd.layui-this a { background-color: #f05133 !important; color: #fff !important; }
#sideMenu .layui-nav-child { background-color: transparent !important; }
#sideMenu .layui-nav-child a { color: #8b949e !important; }
#sideMenu .layui-nav-child dd.layui-this { background-color: transparent !important; }
#sideMenu .layui-nav-more { border-color: #8b949e transparent transparent transparent !important; }
#sideMenu .layui-nav-itemed > a .layui-nav-more { border-color: transparent transparent #e6edf3 transparent !important; }

/* ---- 顶栏 ---- */
.topbar { background-color: #161b22 !important; border-bottom-color: #30363d !important; }
.topbar .page-title { color: #e6edf3 !important; }
.topbar .breadcrumb-box { color: #8b949e !important; }
.topbar .icon-btn { background-color: #21262d !important; border-color: #30363d !important; color: #8b949e !important; }
.topbar .icon-btn:hover { background-color: rgba(240, 81, 51, 0.15) !important; border-color: #f05133 !important; color: #f05133 !important; }
.avatar-circle { background: linear-gradient(135deg, #f05133, #d84315) !important; }
.tb-name { color: #e6edf3 !important; }
.tb-role { color: #8b949e !important; }
.small-caret { color: #8b949e !important; }
.dropdown-menu-custom { background-color: #161b22 !important; border-color: #30363d !important; }
.dropdown-menu-custom .drop-header { border-bottom-color: #21262d !important; }
.dropdown-menu-custom .drop-header .fw-bold { color: #e6edf3 !important; }
.dropdown-menu-custom .drop-time { color: #8b949e !important; }
.dropdown-menu-custom a { color: #c9d1d9 !important; }
.dropdown-menu-custom a:hover { background-color: #21262d !important; color: #f05133 !important; }
.dropdown-menu-custom a.drop-logout { color: #f85149 !important; }
.dropdown-menu-custom a.drop-logout:hover { background-color: #351d1b !important; }

/* ---- 内容区 / 卡片 ---- */
.filter-bar, .page-card, .layui-card, .stat-card, .online-card, .software-card { background-color: #161b22 !important; border-color: #30363d !important; }
.layui-card-header { color: #e6edf3 !important; border-bottom-color: #21262d !important; }
.card-note { color: #8b949e !important; }
.detail-item { background-color: #21262d !important; border-color: #30363d !important; }
.detail-label { color: #8b949e !important; }
.detail-value { color: #e6edf3 !important; }
.stat-card:hover { border-color: #f05133 !important; box-shadow: 0 4px 16px rgba(240, 81, 51, 0.25) !important; }
.stat-icon.t-teal { background-color: #3a1d12 !important; color: #f05133 !important; }
.stat-icon.t-blue { background-color: #142033 !important; color: #58a6ff !important; }
.stat-icon.t-green { background-color: #143020 !important; color: #3fb950 !important; }
.stat-icon.t-orange { background-color: #33250f !important; color: #d29922 !important; }
.stat-icon.t-red { background-color: #351d1b !important; color: #f85149 !important; }
.stat-label { color: #8b949e !important; }
.stat-value { color: #e6edf3 !important; }
.stat-foot { color: #484f58 !important; }
.todo-item, .feed-item { border-color: #21262d !important; }
.todo-item { color: #c9d1d9 !important; }
.feed-time { color: #8b949e !important; }
.sell-group-title { color: #e6edf3 !important; }
.sell-building-name { color: #8b949e !important; }
.legend-item { color: #8b949e !important; }
.online-avatar { background-color: #3a1d12 !important; color: #ff8a6b !important; }
.software-icon { background: linear-gradient(135deg, #f05133, #d84315) !important; }
.empty-td { color: #8b949e !important; }
.empty-td i { color: #30363d !important; }
.bg-unsold { background-color: #f05133 !important; }

/* ---- 表格 ---- */
.layui-table { background-color: transparent !important; color: #c9d1d9 !important; }
.layui-table thead tr { background-color: transparent !important; }
.layui-table th { background-color: #21262d !important; color: #8b949e !important; border-color: #30363d !important; }
.layui-table td { border-color: #21262d !important; color: #c9d1d9 !important; }
.layui-table tbody tr { background-color: transparent !important; }
.layui-table tbody tr:hover { background-color: #1c2128 !important; }
.layui-table-hover, .layui-table tbody tr:hover, .layui-table-mend { background-color: #1c2128 !important; }

/* ---- Layui 表单 ---- */
.layui-input, .layui-textarea { background-color: #21262d !important; border-color: #30363d !important; color: #c9d1d9 !important; }
.layui-input:focus, .layui-textarea:focus { border-color: #f05133 !important; box-shadow: 0 0 0 3px rgba(240, 81, 51, 0.15) !important; }
.layui-input::placeholder, .layui-textarea::placeholder { color: #484f58 !important; }
.layui-form-label { color: #8b949e !important; }
.layui-form-select dl { background-color: #161b22 !important; border-color: #30363d !important; }
.layui-form-select dl dd { color: #c9d1d9 !important; }
.layui-form-select dl dd:hover { background-color: #21262d !important; }
.layui-form-select dl dd.layui-this { background-color: #21262d !important; color: #f05133 !important; }
.layui-form-select .layui-edge { border-top-color: #8b949e !important; }
.layui-form-select dl dd.layui-disabled { color: #484f58 !important; }

/* ---- Layui 按钮 ---- */
.layui-btn { background-color: #f05133 !important; border-color: #f05133 !important; }
.layui-btn:hover { background-color: #d84315 !important; }
.layui-btn-primary { background-color: transparent !important; border: 1px solid #30363d !important; color: #c9d1d9 !important; }
.layui-btn-primary:hover { background-color: #1f242c !important; border-color: #8b949e !important; color: #fff !important; }
.layui-btn-normal { background-color: #21262d !important; border-color: #30363d !important; color: #c9d1d9 !important; }
.layui-btn-normal:hover { background-color: #30363d !important; color: #fff !important; }
.layui-btn-danger { background-color: #f85149 !important; border-color: #f85149 !important; }
.layui-btn-danger:hover { background-color: #da3633 !important; }
.layui-btn-warm { background-color: #d29922 !important; border-color: #d29922 !important; }
.layui-btn-warm:hover { background-color: #bf8700 !important; }

/* ---- 分页 ---- */
.layui-laypage a { background-color: #21262d !important; border-color: #30363d !important; color: #c9d1d9 !important; }
.layui-laypage a:hover { border-color: #f05133 !important; color: #f05133 !important; }
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #f05133 !important; }
.layui-laypage .layui-laypage-curr .layui-laypage-em em { color: #fff !important; }
.layui-laypage span { color: #8b949e !important; }
.layui-laypage input { background-color: #21262d !important; border-color: #30363d !important; color: #c9d1d9 !important; }
.layui-laypage .layui-laypage-skip { color: #8b949e !important; }

/* ---- 弹窗 ---- */
.layui-layer { background-color: #161b22 !important; box-shadow: 0 16px 48px rgba(1, 4, 9, 0.6) !important; }
.layui-layer-title { background-color: #21262d !important; color: #e6edf3 !important; border-bottom-color: #30363d !important; }
.layui-layer-content { color: #c9d1d9 !important; }
.layui-layer-btn a { background-color: #21262d !important; border: 1px solid #30363d !important; color: #c9d1d9 !important; }
.layui-layer-btn a:hover { border-color: #8b949e !important; color: #fff !important; }
.layui-layer-btn .layui-layer-btn0 { background-color: #f05133 !important; border-color: #f05133 !important; color: #fff !important; }
.layui-layer-btn .layui-layer-btn0:hover { background-color: #d84315 !important; }
.layui-layer-close { color: #8b949e !important; }
.layui-layer-setwin .layui-layer-close2 { background: none !important; }
.layui-layer-setwin { top: 12px !important; }