/* 仙玉代理 · 墨玉账本皮肤 — layui 覆盖
 * 将本文件 <link> 放在 layui.css 之后即可覆盖原皮肤
 * 搭配 TWEAKS: --xy-accent, --xy-radius 可由 theme.js 注入
 */

:root {
  /* 墨玉 主色 */
  --xy-primary: #1F3A34;
  --xy-primary-hover: #172B27;
  --xy-primary-soft: #E6ECE9;
  --xy-accent: #B08343;
  --xy-accent-soft: #F5EBD6;

  /* 米黄纸底 */
  --xy-bg: #F6F1E6;
  --xy-card: #FFFDF7;
  --xy-inset: #E8E1CE;
  --xy-hover: #F2ECDB;

  /* 边框 */
  --xy-border: #D9D1BE;
  --xy-border-soft: #E5DEC9;

  /* 文字 */
  --xy-text: #1A1814;
  --xy-text-sub: #4A4640;
  --xy-text-muted: #7A7468;

  /* 语义色 */
  --xy-success: #2E7D5B;
  --xy-success-soft: #E6F0EB;
  --xy-warning: #A56A1C;
  --xy-warning-soft: #FBEFD8;
  --xy-danger: #A8301F;
  --xy-danger-soft: #F7E4DF;

  --xy-radius: 6px;
  --xy-radius-card: 10px;
}

/* ═══ 页面底色 ═══ */
body, .layui-body {
  background: var(--xy-bg) !important;
  font-family: "Noto Sans SC", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--xy-text);
}

/* 提高后台可读性：表单、表格、下拉选中项统一使用黑色文字 */
.layui-body,
.layui-body *,
.layui-card,
.layui-card *,
.layui-table,
.layui-table *,
.layui-form,
.layui-form *,
.layui-input,
.layui-textarea,
.layui-select,
.layui-form-select dl dd,
.layui-form-select dl dt,
.layui-form-select .layui-input,
.layui-laypage,
.layui-laypage *,
.layui-layer,
.layui-layer * {
  color: #000 !important;
}

.layui-form-select dl dd.layui-this,
.layui-form-select dl dd:hover,
.layui-table-click,
.layui-table-hover,
.layui-table tbody tr:hover td,
.layui-laypage .layui-laypage-curr em {
  color: #000 !important;
}

.layui-btn,
.layui-btn *,
.layui-badge,
.layui-badge *,
.layui-nav,
.layui-nav *,
.layui-header,
.layui-header *,
.layui-side,
.layui-side *,
.layui-logo,
.layui-logo * {
  color: inherit;
}

/* ═══ 卡片 ═══ */
.layui-card {
  background: var(--xy-card);
  border: 1px solid var(--xy-border);
  border-radius: var(--xy-radius-card);
  box-shadow: none;
  overflow: hidden;
}
.layui-card-header {
  border-bottom: 1px solid var(--xy-border-soft);
  font-weight: 600;
  color: var(--xy-text);
  background: var(--xy-card);
  letter-spacing: 0.3px;
}
.layui-card-header h3 {
  font-family: "Noto Serif SC", serif;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  color: var(--xy-text);
}

/* 面包屑 */
.layadmin-header .layui-breadcrumb a,
.layadmin-header .layui-breadcrumb cite {
  color: var(--xy-text-muted);
  font-size: 12px;
}
.layadmin-header .layui-breadcrumb a:last-child cite {
  color: var(--xy-text);
  font-weight: 500;
}

/* ═══ 按钮 ═══ */
.layui-btn {
  background: var(--xy-card);
  color: var(--xy-text);
  border: 1px solid var(--xy-border);
  border-radius: var(--xy-radius);
  font-weight: 500;
  letter-spacing: 0.3px;
  transition: background .12s, border-color .12s;
  height: 34px; line-height: 32px; padding: 0 14px;
}
.layui-btn:hover { background: var(--xy-hover); color: var(--xy-text); border-color: var(--xy-border); }
.layui-btn-normal {
  background: var(--xy-primary);
  color: #F5E6BE;
  border-color: var(--xy-primary);
}
.layui-btn-normal:hover { background: var(--xy-primary-hover); color: #F5E6BE; }
.layui-btn-danger {
  background: var(--xy-card);
  color: var(--xy-danger);
  border: 1px solid rgba(168,48,31,.35);
}
.layui-btn-danger:hover { background: var(--xy-danger-soft); color: var(--xy-danger); }
.layui-btn-warm, .layui-btn-accept {
  background: var(--xy-card);
  color: var(--xy-success);
  border: 1px solid rgba(46,125,91,.35);
}
.layui-btn-warm:hover, .layui-btn-accept:hover { background: var(--xy-success-soft); }
.layui-btn-primary {
  background: var(--xy-inset);
  color: var(--xy-text-sub);
  border-color: var(--xy-border);
}
.layui-btn-xs { height: 24px; line-height: 22px; padding: 0 8px; font-size: 12px; }
.layui-btn-sm { height: 28px; line-height: 26px; padding: 0 10px; }
.layui-btn-disabled, .layui-btn-disabled:hover {
  background: var(--xy-inset) !important;
  color: var(--xy-text-muted) !important;
  border-color: var(--xy-border) !important;
  cursor: default;
}

/* ═══ 输入框 ═══ */
.layui-input, .layui-textarea, .layui-select {
  background: var(--xy-card);
  border: 1px solid var(--xy-border);
  border-radius: var(--xy-radius);
  color: var(--xy-text);
  height: 34px;
  padding: 0 10px;
  font-family: inherit;
}
.layui-input:focus, .layui-textarea:focus, .layui-select:focus {
  border-color: var(--xy-text-sub);
  background: var(--xy-card);
}
.layui-form-label {
  color: var(--xy-text-sub);
  font-size: 12px;
  padding: 9px 12px 9px 0;
  width: auto !important;
  font-weight: 500;
}

/* ═══ 表格 ═══ */
.layui-table {
  border: none;
  background: transparent;
  font-size: 13px;
  color: var(--xy-text);
}
.layui-table thead {
  background: var(--xy-inset);
}
.layui-table thead th {
  background: var(--xy-inset);
  color: var(--xy-text-sub);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--xy-border);
  height: 44px;
}
.layui-table tbody td {
  border-bottom: 1px solid var(--xy-border-soft);
  background: var(--xy-card);
  height: 48px;
  padding: 0 14px;
}
.layui-table tbody tr:hover td {
  background: var(--xy-hover) !important;
}
.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
  border-color: var(--xy-border);
  border-radius: 3px;
}
.layui-table-view .layui-form-checked[lay-skin=primary] i {
  background: var(--xy-primary);
  border-color: var(--xy-primary);
}

/* ═══ 徽章 ═══ */
.layui-badge, .layui-badge-rim {
  background: var(--xy-inset);
  color: var(--xy-text-sub);
  border-radius: 3px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  font-weight: 500;
}
.layui-bg-blue   { background: var(--xy-primary-soft) !important; color: var(--xy-primary) !important; }
.layui-bg-green  { background: var(--xy-success-soft) !important; color: var(--xy-success) !important; }
.layui-bg-orange { background: var(--xy-warning-soft) !important; color: var(--xy-warning) !important; }
.layui-bg-red    { background: var(--xy-danger-soft) !important; color: var(--xy-danger) !important; }
.layui-bg-cyan   { background: var(--xy-accent-soft) !important; color: var(--xy-accent) !important; }

/* ═══ 分页 ═══ */
.layui-laypage a, .layui-laypage span {
  background: var(--xy-card);
  border: 1px solid var(--xy-border);
  color: var(--xy-text-sub);
  border-radius: var(--xy-radius);
  margin: 0 3px;
  height: 30px; line-height: 28px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: var(--xy-primary);
}

/* ═══ 侧栏 ═══ */
.layui-side, .layui-side-menu {
  background: #1F1C16 !important;
  border-right: none;
}
.layui-nav-tree .layui-nav-item a {
  color: #C9BFA8;
  font-size: 13px;
}
.layui-nav-tree .layui-nav-itemed > a,
.layui-nav-tree .layui-nav-bar {
  background: #2A251C !important;
}
.layui-nav-tree .layui-this > a {
  background: #3A2F1E !important;
  color: #F5E6BE !important;
  border-left: 2px solid var(--xy-accent);
}
.layui-logo {
  font-family: "Noto Serif SC", serif;
  font-weight: 600;
  color: #F5E6BE;
  letter-spacing: 1.5px;
  background: linear-gradient(180deg, #1F1C16 0%, #181510 100%);
  border-bottom: 1px solid rgba(245,230,190,.08);
}

/* ═══ 顶栏 ═══ */
.layui-header {
  background: var(--xy-card);
  border-bottom: 1px solid var(--xy-border);
}
.layui-header .layui-nav .layui-nav-item a {
  color: var(--xy-text-sub);
}
.layadmin-pagetabs {
  background: var(--xy-inset);
  border-bottom: 1px solid var(--xy-border);
}

/* ═══ KPI 卡片（结算统计）═══ */
.xy-stat-card {
  background: var(--xy-card) !important;
  color: var(--xy-text) !important;
  border: 1px solid var(--xy-border) !important;
  border-radius: var(--xy-radius-card);
  padding: 18px 20px !important;
  min-height: 110px !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  position: relative;
  overflow: hidden;
}
.xy-stat-card.xy-primary {
  background: var(--xy-primary) !important;
  color: #F5E6BE !important;
  border: none !important;
}
.xy-stat-card .xy-label {
  font-size: 11px;
  color: var(--xy-text-muted);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 6px;
}
.xy-stat-card.xy-primary .xy-label { color: #C9BFA8; }
.xy-stat-card .xy-value {
  font-family: "DM Serif Display", "Noto Serif SC", serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.5px;
  font-variant-numeric: tabular-nums;
  color: var(--xy-text);
}
.xy-stat-card.xy-primary .xy-value { color: #F5E6BE; }
.xy-stat-card .xy-sub {
  font-size: 12px;
  color: var(--xy-text-muted);
  margin-top: 8px;
}
.xy-stat-card.xy-primary .xy-sub { color: #C9BFA8; }
.xy-stat-card .xy-corner {
  position: absolute;
  top: 16px; right: 16px;
  width: 28px; height: 28px;
  border-radius: 6px;
  background: var(--xy-accent-soft);
  color: var(--xy-accent);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px;
}
.xy-stat-card.xy-primary .xy-corner {
  background: rgba(245,230,190,.12);
  color: var(--xy-accent);
}

/* ═══ 页面标题 ═══ */
.xy-page-title {
  font-family: "Noto Serif SC", serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--xy-text);
  letter-spacing: 0.5px;
  margin: 0 0 4px 0;
}
.xy-page-subtitle {
  font-size: 12px;
  color: var(--xy-text-muted);
  margin-bottom: 20px;
}

/* 筛选条（card-header 里含 form） */
.layuiadmin-card-header-auto {
  background: var(--xy-inset);
  border-bottom: 1px solid var(--xy-border);
  padding: 14px 16px !important;
}
.layuiadmin-card-header-auto .layui-form-item {
  margin-bottom: 0;
}

/* layer 弹窗 */
.layui-layer {
  border-radius: var(--xy-radius-card) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.18) !important;
}
.layui-layer-title {
  background: var(--xy-card) !important;
  color: var(--xy-text) !important;
  border-bottom: 1px solid var(--xy-border-soft) !important;
  font-family: "Noto Serif SC", serif;
  font-weight: 600;
}

/* 移动适配 */
@media (max-width: 768px) {
  .xy-stat-card .xy-value { font-size: 22px; }
  .xy-page-title { font-size: 18px; }
  .layui-card-body { padding: 14px !important; }
}