:root {
  --admin-ink: #1c1c1c;
  --admin-gold: #9c824e;
  --admin-parchment: #efece6;
  --admin-canvas: #f8f8f6;
  --admin-line: #ded9cf;
  --admin-muted: #6c6962;
  --admin-surface: #ffffff;
  --admin-danger: #b42318;
  --base-color: var(--admin-gold);
}

html,
body {
  color: var(--admin-ink);
  background: var(--admin-canvas);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:focus-visible {
  outline: 2px solid var(--admin-gold) !important;
  outline-offset: 2px;
}

.layui-layout-admin .layui-logo,
.layui-layout-admin .first-nav {
  background: var(--admin-ink);
}

.layui-layout-admin .layui-logo {
  width: 136px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.layui-layout-admin .layui-logo a img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .32);
}

.layui-layout-admin .first-nav {
  width: 136px !important;
}

.layui-layout-admin .first-nav .layui-side-scroll {
  width: 153px;
}

.layui-layout-admin .first-nav .layui-side-scroll .layui-nav-tree {
  width: 136px;
}

.layui-layout-admin .first-nav .layui-side-scroll .layui-nav-tree .layui-nav-item {
  width: 120px;
  height: 42px;
  margin: 0 8px 5px;
  border-radius: 2px;
}

.layui-layout-admin .first-nav .layui-side-scroll .layui-nav-tree .layui-nav-item a {
  height: 42px;
  color: rgba(255, 255, 255, .76);
  letter-spacing: .02em;
  transition: color 160ms ease, background-color 160ms ease;
}

.layui-layout-admin .first-nav .layui-side-scroll .layui-nav-tree .layui-nav-item a.active,
.layui-layout-admin .first-nav .layui-side-scroll .layui-nav-tree .layui-nav-item a:hover {
  color: #fff;
  background: var(--admin-gold);
}

.layui-layout-admin .layui-header-right {
  left: 136px;
  border-bottom-color: var(--admin-line);
  background: rgba(255, 255, 255, .96);
}

.layui-layout-admin .layui-header-right .layui-header-crumbs .layui-header-crumbs-first {
  width: 144px;
  font-family: Georgia, "Songti SC", "SimSun", serif;
  font-size: 17px;
}

.layui-layout-admin .second-nav {
  left: 136px;
  width: 144px !important;
  border-right-color: var(--admin-line);
}

.layui-layout-admin .second-nav .layui-side-scroll {
  width: 164px;
}

.layui-layout-admin .second-nav .layui-side-scroll .layui-nav {
  width: 144px;
}

.layui-layout-admin .second-nav .second-selected-nav {
  color: var(--admin-ink) !important;
  background: var(--admin-parchment);
}

.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav,
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav,
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
  color: var(--admin-gold) !important;
}

.layui-layout-admin .layui-body {
  left: 280px;
  background: var(--admin-canvas);
}

.layui-layout-admin .layui-body .body-content {
  min-width: 960px;
  min-height: calc(100vh - 86px);
  margin: 18px;
  padding: 22px;
  border: 1px solid var(--admin-line);
  background: var(--admin-surface);
  box-shadow: 0 16px 42px rgba(28, 28, 28, .045);
}

.layui-layout-admin .layui-body > .fourstage-nav.layui-tab {
  left: 280px;
  width: calc(100vw - 298px);
  border-color: var(--admin-canvas);
}

.layui-card,
.layui-panel,
.card-common,
.layui-collapse,
.layui-table-view {
  border-color: var(--admin-line) !important;
  border-radius: 2px;
  box-shadow: none !important;
}

.layui-card-header,
.layui-table-header,
.layui-table-tool,
.layui-colla-title {
  color: var(--admin-ink);
  background: var(--admin-parchment) !important;
  border-color: var(--admin-line) !important;
}

.layui-table th {
  color: var(--admin-ink);
  font-weight: 600;
}

.layui-table td,
.layui-table th,
.layui-table-view,
.layui-table-header,
.layui-table-page {
  border-color: var(--admin-line);
}

.layui-table tbody tr:hover,
.layui-table-hover {
  background: #fbfaf7 !important;
}

.layui-btn {
  min-height: 36px;
  padding: 0 18px;
  color: #fff;
  background: var(--admin-ink);
  border-color: var(--admin-ink);
  border-radius: 2px;
  letter-spacing: .025em;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.layui-btn:hover {
  color: #fff;
  background: var(--admin-gold);
  border-color: var(--admin-gold);
  opacity: 1;
}

.layui-btn:active {
  transform: translateY(1px);
}

.layui-btn-primary {
  color: var(--admin-ink);
  background: #fff;
  border-color: var(--admin-line);
}

.layui-btn-danger,
.layui-btn-warm[data-danger="true"] {
  color: #fff;
  background: var(--admin-danger);
  border-color: var(--admin-danger);
}

.layui-input,
.layui-select,
.layui-textarea,
.layui-form-select dl,
.layui-laydate {
  border-color: var(--admin-line) !important;
  border-radius: 2px !important;
}

.layui-input:focus,
.layui-textarea:focus {
  border-color: var(--admin-gold) !important;
  box-shadow: 0 0 0 3px rgba(156, 130, 78, .12);
}

.layui-form-checked[lay-skin="primary"] i,
.layui-form-checkbox[lay-skin="primary"] i:hover,
.layui-form-radio > i:hover,
.layui-form-radioed > i,
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  color: #fff;
  border-color: var(--admin-gold);
  background: var(--admin-gold);
}

.layui-tab-brief > .layui-tab-title .layui-this,
.required,
a:hover {
  color: var(--admin-gold);
}

.layui-tab-brief > .layui-tab-more li.layui-this::after,
.layui-tab-brief > .layui-tab-title .layui-this::after {
  border-bottom-color: var(--admin-gold);
}

.layui-layer {
  border-radius: 2px !important;
  box-shadow: 0 24px 70px rgba(28, 28, 28, .18) !important;
}

.layui-layer-title {
  color: var(--admin-ink) !important;
  background: var(--admin-parchment) !important;
  border-bottom-color: var(--admin-line) !important;
  font-family: Georgia, "Songti SC", "SimSun", serif;
  font-size: 17px !important;
}

.tips-wrap,
.layui-layout-admin .tips-wrap {
  color: var(--admin-ink);
  background: #fbf6e9;
  border-color: #d7c69e;
}

@media (min-width: 1600px) {
  .layui-layout-admin .layui-body .body-content {
    padding: 26px 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}