/* =============================================================================
   众为播种机后台管理系统 - 全局统一样式
   统一主题色、页头、选项卡、按钮与内容区留白，供各页面复用。
   主题色：#168c77（主色） / #173c4b（深色） / #f5f8fb（背景）
   ============================================================================= */

:root {
  --zw-primary: #168c77;
  --zw-primary-dark: #12735f;
  --zw-primary-light: #e6f5f1;
  --zw-deep: #173c4b;
  --zw-bg: #f5f8fb;
  --zw-border: #e1eaed;
  --zw-text: #2f4b58;
  --zw-text-weak: #7a9098;
}

/* ============ 主体框架：去掉内容区多余留白 ============ */
html, body { height: 100%; }
body.layui-layout-body { overflow: hidden; background: var(--zw-bg); }

.layui-layout-admin .layui-header {
  background: linear-gradient(90deg, #16333f 0%, #168c77 100%) !important;
  border-bottom: none;
  box-shadow: 0 2px 10px rgba(20, 60, 70, .18);
}

/* 左上角标题/Logo */
.layui-layout-admin .layui-logo {
  background: rgba(0, 0, 0, .18) !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .5px;
  border-right: 1px solid rgba(255, 255, 255, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.layui-layout-admin .layui-logo i { font-size: 17px; }
/* 强制 Logo 文字为白色，避免 initBgColor 覆盖成主题绿导致视觉异常 */
.layui-layout-admin .layui-logo #zwLogoText {
  color: #fff !important;
}

/* 顶部右侧导航 */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item a { color: #eafaf6; }
.layui-layout-admin .layui-header .layui-nav .layui-nav-item a:hover { color: #fff; }
.layui-layout-admin .layui-header .layui-nav .layui-nav-child {
  border: none;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(20, 60, 70, .18);
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-child a { color: #35525e !important; }
.layui-layout-admin .layui-header .layui-nav .layui-nav-child a:hover {
  background: var(--zw-primary-light) !important;
  color: var(--zw-primary) !important;
}

/* 左侧菜单 */
.layui-layout-admin .layui-side { background: #1d3b45 !important; }
.layui-layout-admin .layui-side .layui-nav { background: transparent; }
.layui-layout-admin .layui-nav-tree .layui-nav-item > a { color: #cfe3e0; }
.layui-layout-admin .layui-nav-tree .layui-nav-item > a:hover { color: #fff; }
.layui-layout-admin .layui-nav-tree .layui-nav-child a { color: #a9c6c1; }
.layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-layout-admin .layui-nav-tree .layui-this > a {
  background: var(--zw-primary) !important;
  color: #fff !important;
}

/* ============ 选项卡：更清晰的选中态与关闭按钮 ============ */
.layui-tab-title {
  height: 40px;
  background: #eef4f5;
  border-bottom: 1px solid var(--zw-border);
}
.layui-tab-title li {
  min-width: 90px;
  max-width: 180px;
  height: 40px;
  line-height: 40px;
  color: #5b737c;
  font-size: 13.5px;
  border-right: 1px solid #e2eaec;
  transition: background .15s, color .15s;
}
.layui-tab-title li:hover { background: #e2edee; }
.layui-tab-title li.layui-this {
  background: #fff !important;
  color: var(--zw-primary) !important;
  font-weight: 600;
  border-top: 2px solid var(--zw-primary);
}
.layui-tab-title li.layui-this:after { display: none !important; }
.layui-tab-title .layui-tab-close { color: #9fb4b8; }
.layui-tab-title .layui-tab-close:hover {
  background: #d64545;
  color: #fff;
  border-radius: 50%;
}

.layui-tab-brief > .layui-tab-title .layui-this { color: var(--zw-primary); }
.layui-tab-brief > .layui-tab-title .layui-this:after { border-bottom-color: var(--zw-primary); }

/* 页面操作下拉 */
.closeBox { background: #eef4f5 !important; border-bottom: 1px solid var(--zw-border); }

/* ============ 内容区 ============ */
.layui-body { background: var(--zw-bg); }

/* 去掉 layui 默认给内容区带来的多余留白（这是页面底部出现空白的原因） */
.layui-layout-admin .layui-body {
  padding: 0 !important;
  bottom: 0 !important;
}
.layui-layout-admin .layui-body > .layui-tab {
  margin: 0 !important;
  height: 100%;
}
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-content {
  padding: 0 !important;
  height: calc(100% - 40px);
  box-sizing: border-box;
}
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item {
  height: 100%;
}
.layui-body iframe { display: block; width: 100%; border: none; height: 100%; }

/* ============ 通用按钮（主题色） ============ */
.layui-btn { border-radius: 7px; }
.layui-btn:not(.layui-btn-primary):not(.layui-btn-normal):not(.layui-btn-warm):not(.layui-btn-danger):not(.layui-btn-disabled) {
  background-color: var(--zw-primary);
}
.layui-btn-primary {
  border-color: #cfdde2;
  color: #356070;
  background: #fff;
}

/* ============ 搜索区：按钮并排不换行 ============ */
.zw-search-actions {
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex: 0 0 auto;
}
.zw-search-actions .layui-btn { margin: 0; }
.zw-search-actions .layui-btn + .layui-btn { margin-left: 10px; }
.zw-search-actions .zw-btn-search { background: var(--zw-primary); }
.zw-search-actions .zw-btn-reset {
  background: #fff;
  border: 1px solid #cfdde2;
  color: #356070;
}

/* ============ 顶部导航小工具 ============ */
.zw-header-user { display: inline-flex; align-items: center; gap: 6px; }
.zw-header-user .zw-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px; height: 26px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .22);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

/* =============================================================================
   通用列表页统一外观（.table_div / .operation 结构）
   适用于所有带搜索 + 表格 + 新增/编辑面板的页面，无需逐个页面改造。
   ============================================================================= */
.table_div,
.operation {
  box-sizing: border-box;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid var(--zw-border);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(30, 60, 78, .06);
}
.operation { max-width: 900px; margin: 16px auto 0; }

/* 列表页搜索区：整齐排布、圆角输入框 */
.table_div #searchParam {
  margin-bottom: 14px;
  padding: 14px 16px;
  border: 1px solid #e4edf0;
  border-radius: 10px;
  background: #f8fbfc;
}
.table_div #searchParam .layui-form-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.table_div #searchParam .layui-input-inline { margin: 0; }
.table_div .layui-input,
.table_div .layui-textarea {
  width: 100%;
  height: 36px;
  border-radius: 7px;
  border-color: #d8e4e8;
}
.table_div .layui-input:focus {
  border-color: var(--zw-primary);
  box-shadow: 0 0 0 3px rgba(22, 140, 119, .12);
}

/* 表格外观统一 */
.table_div .layui-table-view {
  border: 1px solid var(--zw-border);
  border-radius: 10px;
  overflow: hidden;
}
.table_div .layui-table-header .layui-table { background: #eff7f6; }
.table_div .layui-table-header .layui-table th {
  color: #37606b;
  font-weight: 700;
}
.table_div .layui-table tbody tr:hover { background: #f2fbf8; }
.table_div .layui-table-page {
  border-top: 1px solid var(--zw-border);
  background: #fbfdfd;
}
.table_div .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: var(--zw-primary) !important;
}

/* 操作面板标题栏配色统一 */
.operation .panel-heading,
.operation .title {
  background: linear-gradient(110deg, var(--zw-deep), #187d6d);
  color: #fff;
  border-radius: 12px 12px 0 0;
}

/* 工具条按钮统一为主题色 */
.table_div .layui-table-tool .layui-btn { background: var(--zw-primary); }