:root {
  --nostalgia-paper: #f6efe4;
  --nostalgia-ink: #3b2f2f;
  --nostalgia-accent: #b2542f;
  --nostalgia-accent-2: #7a3b1f;
  --nostalgia-muted: #7c6a5d;
  --nostalgia-border: #d8c7b4;
  --nostalgia-card: #fbf6ee;
  --nostalgia-header: #efe1cf;
  --nostalgia-shadow: rgba(60, 40, 30, 0.15);
  --nostalgia-shadow-strong: rgba(60, 40, 30, 0.25);
}

html,
body {
  background-color: var(--nostalgia-paper);
  color: var(--nostalgia-ink);
  font-family: "KaiTi", "STKaiti", "FangSong", "SimSun", serif;
  font-size: 24px;
  line-height: 1.6;
}

body {
  background-image:
    radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.4), transparent 45%),
    radial-gradient(circle at 80% 10%, rgba(255, 255, 255, 0.35), transparent 40%),
    linear-gradient(180deg, #f9f2e9 0%, #f6efe4 60%, #f2e6d5 100%);
  background-attachment: fixed;
}

body,
.layui-body,
.layui-layout-admin .layui-body {
  background-color: var(--nostalgia-paper) !important;
}

a,
.layui-breadcrumb a {
  color: var(--nostalgia-accent);
}

a:hover,
.layui-breadcrumb a:hover {
  color: var(--nostalgia-accent-2);
}

.layui-layout-admin .layui-header,
.layui-layout-admin .layui-side,
.layui-layout-admin .layui-body {
  background-color: transparent;
}

.layui-layout-admin .layui-header {
  background-color: var(--nostalgia-header) !important;
  box-shadow: 0 2px 8px var(--nostalgia-shadow);
  border-bottom: 1px solid var(--nostalgia-border) !important;
}

.layui-layout-admin .layui-side {
  background-color: #efe1cf !important;
  border-right: 1px solid var(--nostalgia-border) !important;
  box-shadow: 2px 0 8px var(--nostalgia-shadow);
}

.layui-nav {
  background-color: transparent;
}

.layui-nav-tree .layui-nav-item a {
  color: #3f332a !important;
  background-color: #f5ecdf !important;
  border-bottom: 1px solid rgba(216, 199, 180, 0.6);
  font-size: 1rem;
}

.layui-nav-tree .layui-nav-item>a {
  background-color: #efe1cf !important;
  font-weight: 600;
}

.layui-btn,
.layui-input,
.layui-textarea,
.layui-select,
.layui-form-label,
.layui-form-item,
.layui-form,
.layui-table,
.layui-table-view,
.layui-tab,
.layui-breadcrumb,
.layui-nav {
  font-size: 1.2rem !important;
}

.layui-layout-admin,
.layui-layout-admin .layui-body,
.layuimini-tab,
.layuimini-tab .layui-tab-title,
.layuimini-tab .layui-tab-title li {
  font-size: 1.2rem !important;
}

.layui-table,
.layui-table th,
.layui-table td,
.layui-table-cell,
.layui-table-view,
.layui-table-tool,
.layui-table-page {
  font-size: 1.2rem !important;
}

.layui-nav-tree,
.layui-nav-tree .layui-nav-item a,
.layui-nav-tree .layui-nav-itemed>a,
.layui-nav-tree .layui-nav-child dd a,
.layui-side-menu,
.layuimini-left-menu,
.layuimini-left-menu * {
  font-size: 1.2rem !important;
}

.layui-tab-title li,
.layui-tab-title li span,
.layuimini-tab .layui-tab-title li,
.layuimini-tab .layui-tab-title li span {
  font-size: 1.2rem !important;
}

.layui-form-label,
.layui-form-item .layui-input-inline,
.layui-form-item .layui-input-block,
.layui-input,
.layui-textarea,
.layui-select {
  font-size: 1.2rem !important;
}

.layui-layer-title,
.layui-layer-content,
.layui-layer-btn,
.layui-layer-btn a {
  font-size: 1.2rem !important;
}

.layui-table-cell {
  height: auto !important;
  line-height: 1.6 !important;
}

.layui-nav-tree .layui-nav-item a i,
.layui-nav-tree .layui-nav-item a .layui-icon,
.layui-nav-tree .layui-nav-item a .fa {
  font-size: 1.2rem !important;
}

.layui-nav .layui-nav-item,
.layui-nav .layui-nav-item a,
.layui-nav .layui-nav-item span,
.layui-nav .layui-nav-item cite {
  font-size: 1.3rem !important;
}

.layuimini-menu-left,
.layuimini-menu-left .layui-nav-item a,
.layuimini-menu-left .layui-nav-item a span,
.layuimini-menu-left .layui-nav-item a cite,
.layuimini-menu-left .layui-nav-child dd a {
  font-size: 1.3rem !important;
}

.layui-side .layui-nav-tree .layui-nav-item a span,
.layui-side .layui-nav-tree .layui-nav-item a cite {
  font-size: 0.95rem !important;
}

.layui-nav-tree .layui-nav-item a:hover,
.layui-nav-tree .layui-nav-item.layui-this>a {
  background-color: #e1c7a8 !important;
  color: #5a2e16 !important;
}

.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-nav-child dd a:hover {
  background-color: #dbc0a2 !important;
  color: #5a2e16 !important;
}

.layui-nav-tree .layui-nav-child dd a {
  background-color: #f7efe5 !important;
  color: #4a3a30 !important;
}

.layui-nav .layui-nav-item.layuimini-setting > a:hover,
.layui-nav .layui-nav-item.layuimini-setting.layui-this > a {
  background-color: #6b3e1a !important;
  color: #f5e6d3 !important;
  border-color: #d4b08c !important;
  transition: all 0.3s ease;
}

.layui-nav .layui-nav-child dd a:hover {
  background-color: #8b5a2b !important;
  color: #f5e6d3 !important;
  padding-left: 20px;
  transition: all 0.3s ease;
}

.layui-card,
.layui-panel,
.layui-collapse,
.layui-form,
.layui-table,
.layui-tab,
.layui-elem-quote {
  background-color: var(--nostalgia-card) !important;
  border-color: var(--nostalgia-border) !important;
  box-shadow: 0 6px 16px var(--nostalgia-shadow);
}

.layui-card-header,
.layui-elem-quote {
  background-color: #f3e7d6 !important;
  color: var(--nostalgia-ink) !important;
  border-bottom: 1px solid var(--nostalgia-border) !important;
}

.layui-form-label,
.layui-form-item .layui-input-inline,
.layui-form-item .layui-input-block {
  color: var(--nostalgia-ink);
}

.layui-input,
.layui-textarea,
.layui-select,
.layui-form-select dl {
  background-color: #fffdf8 !important;
  border: 1px solid var(--nostalgia-border) !important;
  color: var(--nostalgia-ink) !important;
  box-shadow: inset 0 1px 2px rgba(75, 50, 35, 0.08);
}

.layui-input:focus,
.layui-textarea:focus {
  border-color: var(--nostalgia-accent);
  box-shadow: 0 0 0 2px rgba(178, 84, 47, 0.15);
}

.layui-btn {
  background-color: var(--nostalgia-accent) !important;
  border: 1px solid var(--nostalgia-accent-2) !important;
  color: #fff !important;
  border-radius: 4px;
  box-shadow: 0 4px 10px var(--nostalgia-shadow-strong);
}

.layui-btn:hover {
  background-color: var(--nostalgia-accent-2);
}

.layui-btn-primary {
  background-color: #f9f2e8 !important;
  border: 1px solid var(--nostalgia-border) !important;
  color: var(--nostalgia-ink) !important;
  box-shadow: none;
}

.layui-btn-normal,
.layui-btn-warm,
.layui-btn-danger {
  background-color: var(--nostalgia-accent) !important;
  border-color: var(--nostalgia-accent-2) !important;
  color: #fff !important;
}

.layui-btn-primary:hover {
  background-color: #f0e2cf;
  color: var(--nostalgia-accent-2);
}

.layui-table thead tr {
  background-color: #efe1cf !important;
}

.layui-table tbody tr:hover {
  background-color: rgba(178, 84, 47, 0.08) !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: var(--nostalgia-accent);
}

.layui-layer {
  border: 1px solid var(--nostalgia-border);
  box-shadow: 0 12px 30px rgba(60, 40, 30, 0.2);
  border-radius: 6px;
}

.layui-layer-title {
  background-color: #f3e7d6;
  border-bottom: 1px solid var(--nostalgia-border);
  color: var(--nostalgia-ink);
}

.layui-tab-title li.layui-this {
  color: var(--nostalgia-accent-2);
}

.layui-tab-brief>.layui-tab-title .layui-this {
  border-color: var(--nostalgia-accent);
}

.layui-form-checked i,
.layui-form-onswitch {
  border-color: var(--nostalgia-accent) !important;
  background-color: var(--nostalgia-accent) !important;
}

.layui-badge,
.layui-badge-dot,
.layui-badge-rim {
  background-color: var(--nostalgia-accent) !important;
  color: #fff !important;
}

.layui-table-cell,
.layui-table-view .layui-table,
.layui-table-page,
.layui-table-tool {
  background-color: transparent;
}

iframe,
.layui-body {
  background-color: transparent;
}

body .layui-form-select dl dd.layui-this {
  background-color: #5a2e16 !important;
  color: #fff6ea !important;
}

/* Final font baseline: 18px across admin UI */
html,
body {
  font-size: 18px !important;
}

.layui-btn,
.layui-input,
.layui-textarea,
.layui-select,
.layui-form-label,
.layui-form-item,
.layui-form,
.layui-table,
.layui-table-view,
.layui-tab,
.layui-breadcrumb,
.layui-nav,
.layui-layout-admin,
.layui-layout-admin .layui-body,
.layuimini-tab,
.layuimini-tab .layui-tab-title,
.layuimini-tab .layui-tab-title li,
.layui-table,
.layui-table th,
.layui-table td,
.layui-table-cell,
.layui-table-view,
.layui-table-tool,
.layui-table-page,
.layui-nav-tree,
.layui-nav-tree .layui-nav-item a,
.layui-nav-tree .layui-nav-itemed > a,
.layui-nav-tree .layui-nav-child dd a,
.layui-side-menu,
.layuimini-left-menu,
.layuimini-left-menu * ,
.layui-tab-title li,
.layui-tab-title li span,
.layuimini-tab .layui-tab-title li,
.layuimini-tab .layui-tab-title li span,
.layui-form-label,
.layui-form-item .layui-input-inline,
.layui-form-item .layui-input-block,
.layui-layer-title,
.layui-layer-content,
.layui-layer-btn,
.layui-layer-btn a,
.layui-nav-tree .layui-nav-item a i,
.layui-nav-tree .layui-nav-item a .layui-icon,
.layui-nav-tree .layui-nav-item a .fa {
  font-size: 1rem !important;
}

.layui-nav .layui-nav-item,
.layui-nav .layui-nav-item a,
.layui-nav .layui-nav-item span,
.layui-nav .layui-nav-item cite,
.layuimini-menu-left,
.layuimini-menu-left .layui-nav-item a,
.layuimini-menu-left .layui-nav-item a span,
.layuimini-menu-left .layui-nav-item a cite,
.layuimini-menu-left .layui-nav-child dd a,
.layui-side .layui-nav-tree .layui-nav-item a span,
.layui-side .layui-nav-tree .layui-nav-item a cite {
  font-size: 1rem !important;
}

html,
body {
  font-size: 17px !important;
}

.layui-btn,
.layui-input,
.layui-textarea,
.layui-select,
.layui-form-label,
.layui-form-item,
.layui-form,
.layui-table,
.layui-table-view,
.layui-tab,
.layui-breadcrumb,
.layui-nav,
.layui-layout-admin,
.layui-layout-admin .layui-body,
.layuimini-tab,
.layuimini-tab .layui-tab-title,
.layuimini-tab .layui-tab-title li,
.layui-table,
.layui-table th,
.layui-table td,
.layui-table-cell,
.layui-table-view,
.layui-table-tool,
.layui-table-page,
.layui-nav-tree,
.layui-nav-tree .layui-nav-item a,
.layui-nav-tree .layui-nav-itemed>a,
.layui-nav-tree .layui-nav-child dd a,
.layui-side-menu,
.layuimini-left-menu,
.layuimini-left-menu *,
.layui-tab-title li,
.layui-tab-title li span,
.layuimini-tab .layui-tab-title li,
.layuimini-tab .layui-tab-title li span,
.layui-form-label,
.layui-form-item .layui-input-inline,
.layui-form-item .layui-input-block,
.layui-layer-title,
.layui-layer-content,
.layui-layer-btn,
.layui-layer-btn a,
.layui-nav-tree .layui-nav-item a i,
.layui-nav-tree .layui-nav-item a .layui-icon,
.layui-nav-tree .layui-nav-item a .fa {
  font-size: 0.9rem !important;
}

.layui-nav .layui-nav-item,
.layui-nav .layui-nav-item a,
.layui-nav .layui-nav-item span,
.layui-nav .layui-nav-item cite,
.layuimini-menu-left,
.layuimini-menu-left .layui-nav-item a,
.layuimini-menu-left .layui-nav-item a span,
.layuimini-menu-left .layui-nav-item a cite,
.layuimini-menu-left .layui-nav-child dd a,
.layui-side .layui-nav-tree .layui-nav-item a span,
.layui-side .layui-nav-tree .layui-nav-item a cite {
  font-size: 0.95rem !important;
}

.layui-layout-admin .layui-header {
  background-color: #3b2f2a !important;
  border-bottom-color: #2a201b !important;
}

.layui-layout-admin .layui-logo {
  background-color: #3b2f2a !important;
  color: #efe6d6 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Times New Roman", "Georgia", "KaiTi", "STKaiti", serif;
}

.layui-layout-admin .layui-logo img {
  filter: sepia(20%) saturate(120%);
}

.nostalgia-logo-text {
  color: #efe6d6 !important;
  font-size: 20px;
  letter-spacing: 1px;
}

.layui-layout-admin .layui-side,
.layui-side .layui-nav-tree {
  background-color: #efe0cb !important;
}

.layui-side .layui-nav-tree .layui-nav-item>a {
  background-color: #efe0cb !important;
  color: #4a3429 !important;
  font-weight: 600;
}

.layui-side .layui-nav-tree .layui-nav-item a {
  background-color: #f4e6d2 !important;
  color: #4a3429 !important;
}

.layui-side .layui-nav-tree .layui-nav-item a:hover {
  background-color: #e4c7a4 !important;
  color: #5a2e16 !important;
}

.layui-side .layui-nav-tree .layui-this>a,
.layui-side .layui-nav-tree .layui-this a,
.layui-side .layui-nav-tree .layui-nav-itemed>a {
  background-color: #8b4a2b !important;
  color: #fff6ea !important;
}

.layui-side .layui-nav-tree .layui-nav-itemed .layui-nav-child {
  background-color: #f1e2cf !important;
}

.layui-side .layui-nav-tree .layui-nav-child dd a {
  background-color: #f7efe5 !important;
  color: #4a3429 !important;
}

.layui-side .layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-side .layui-nav-tree .layui-nav-child dd a:hover {
  background-color: #d6b28b !important;
  color: #5a2e16 !important;
}

.layui-side .layui-nav-tree .layui-nav-item a i,
.layui-side .layui-nav-tree .layui-nav-item a .layui-icon,
.layui-side .layui-nav-tree .layui-nav-item a .fa {
  color: #8f6a45 !important;
}

.layui-side .layui-nav-tree .layui-this a i,
.layui-side .layui-nav-tree .layui-this a .layui-icon,
.layui-side .layui-nav-tree .layui-this a .fa {
  color: #fff2e2 !important;
}

.layui-nav-bar,
.layui-nav-tree .layui-nav-bar {
  background-color: #8b4a2b !important;
}

.layui-layout-admin .layui-header .layui-nav,
.layui-layout-admin .layui-header .layui-nav-item>a,
.layui-layout-admin .layui-header .layui-nav-item {
  background-color: #3b2f2a !important;
  color: #efe6d6 !important;
}

.layui-layout-admin .layui-header .layui-nav-item>a:hover,
.layui-layout-admin .layui-header .layui-nav-item.layui-this>a {
  background-color: #5a2e16 !important;
  color: #f7efe5 !important;
}

.layui-layout-admin .layui-header .layui-nav-item.layui-this>a {
  font-weight: 700;
}

.layui-layout-admin .layui-header .layui-nav-child {
  background-color: #4a3429 !important;
  border-color: #2a201b !important;
}

.layui-layout-admin .layui-header .layui-nav-child dd a:hover,
.layui-layout-admin .layui-header .layui-nav-child dd.layui-this a {
  background-color: #5a2e16 !important;
  color: #f7efe5 !important;
}

.layui-tab-title,
.layui-tab-title li {
  background-color: #f3e3cf !important;
  color: #4a3429 !important;
}

.layui-tab-title li.layui-this {
  background-color: #d6b28b !important;
  color: #5a2e16 !important;
  border-bottom-color: #8b4a2b !important;
}

.layui-tab-title li.layui-this:after,
.layui-tab-title li.layui-this .layui-tab-dot {
  background-color: #8b4a2b !important;
}

.layui-tab-title li .layui-tab-dot {
  background-color: #8b4a2b !important;
}

.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
  background-color: #8b4a2b !important;
  box-shadow: 0 0 6px rgba(139, 74, 43, 0.35);
}

.layui-tab-title li:hover {
  background-color: #ead1b2 !important;
}

.layui-tab-content {
  background-color: #fbf6ee !important;
}

.layui-btn,
.layui-btn-normal,
.layui-btn-warm,
.layui-btn-danger {
  background-color: #5a2e16 !important;
  border-color: #4a2411 !important;
  color: #fff6ea !important;
}

.layui-btn-primary {
  background-color: #f3e3cf !important;
  border-color: #d6c1aa !important;
  color: #4a3429 !important;
}

.layui-btn:hover,
.layui-btn-normal:hover,
.layui-btn-warm:hover,
.layui-btn-danger:hover {
  background-color: #4a2411 !important;
  border-color: #3a1a0b !important;
}

.layui-table thead tr th {
  background-color: #e7d1b7 !important;
  color: #4a3429 !important;
}

.layui-table th,
.layui-table td {
  border-color: #e2d0ba !important;
}

body .layui-layer-btn .layui-layer-btn0 {
  border-color: #5a2e16 !important;
  background-color: #5a2e16 !important;
  color: #fff !important;
}

body .layui-layer-btn a {
  border-color: #cbb39b !important;
  background-color: #f3e3cf !important;
  color: #4a3429 !important;
}

body .layui-nav .layui-nav-child dd a {
  color: #f7efe5 !important;
}

body .layui-nav .layui-nav-child dd a:hover,
body .layui-nav .layui-nav-child dd.layui-this a {
  background-color: #5a2e16 !important;
  color: #fff6ea !important;
}

body .layui-nav .layui-nav-child {
  background-color: #4a3429 !important;
  border-color: #2a201b !important;
}

body .layui-nav .layui-nav-bar {
  background-color: #5a2e16 !important;
}

.layui-bg-blue,
.layui-bg-green,
.layui-bg-orange,
.layui-bg-red,
.layui-bg-cyan {
  background-color: #5a2e16 !important;
  color: #fff6ea !important;
}

.layui-text-blue,
.layui-text-green,
.layui-text-orange,
.layui-text-red,
.layui-text-cyan {
  color: #5a2e16 !important;
}

.layui-badge,
.layui-badge-dot,
.layui-badge-rim {
  background-color: #5a2e16 !important;
  color: #fff6ea !important;
}

body .layui-form-radio>i:hover,
body .layui-form-radioed>i {
  color: #5a2e16 !important;
}

.layui-laydate,
.layui-laydate-content,
.layui-laydate-header {
  background-color: #f8efe1 !important;
  color: #4a3429 !important;
  border-color: #d6c1aa !important;
}

.layui-laydate-content td,
.layui-laydate-content td span {
  color: #4a3429 !important;
}

.layui-laydate-content td.laydate-disabled,
.layui-laydate-content td.laydate-disabled span {
  color: #b7a692 !important;
}

.layui-laydate-header i,
.layui-laydate-header span {
  color: #6f3a21 !important;
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
  color: #5a2e16 !important;
}

.layui-laydate .layui-this,
.layui-laydate .layui-this:hover {
  background-color: #8b4a2b !important;
  color: #fff6ea !important;
}

.layui-laydate-content td.laydate-selected,
.layui-laydate-content td.laydate-selected:hover,
.layui-laydate-content td.laydate-selected span {
  background-color: #8b4a2b !important;
  color: #fff6ea !important;
}

.layui-laydate-content td.laydate-day-mark::after {
  background-color: #8b4a2b !important;
}

body .layui-laydate .layui-this,
body .layui-laydate .layui-this:hover,
body .layui-laydate .layui-this span,
body .layui-laydate .layui-this:hover span,
body .layui-laydate .laydate-main-list-0 .layui-this,
body .layui-laydate .laydate-main-list-0 .layui-this span {
  background-color: #8b4a2b !important;
  color: #fff6ea !important;
}

body .layui-laydate .laydate-year-list li.layui-this,
body .layui-laydate .laydate-year-list li.layui-this span,
body .layui-laydate .laydate-month-list li.layui-this,
body .layui-laydate .laydate-month-list li.layui-this span {
  background-color: #8b4a2b !important;
  color: #fff6ea !important;
}

body .layui-laydate .layui-this:before,
body .layui-laydate .layui-this:after {
  border-color: #8b4a2b !important;
}

.layui-laydate-content td:hover {
  background-color: #e4c7a4 !important;
}

.layui-laydate-footer span:hover,
.layui-laydate-footer span.laydate-btns-confirm {
  color: #5a2e16 !important;
}

body .layui-layout-admin .layui-header .layui-nav .layui-this > a,
body .layui-layout-admin .layui-header .layui-nav .layui-nav-item.layui-this > a {
  background-color: #5a2e16 !important;
  color: #fff6ea !important;
}

body .layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this > a,
body .layui-layout-admin .layui-header .layui-nav .layui-nav-child a.layui-this,
body .layui-nav .layui-nav-child a.layui-this,
body .layui-nav .layui-nav-child dd.layui-this > a {
  background-color: #5a2e16 !important;
  color: #fff6ea !important;
}

body .layui-layout-admin .layui-header .layui-nav .layui-this,
body .layui-layout-admin .layui-header .layui-nav .layui-nav-item.layui-this,
body .layui-nav .layui-nav-item.layui-this {
  background-color: #5a2e16 !important;
}

.layui-header .layui-nav .layui-nav-child dd.layui-this a,
.layui-header .layui-nav-child dd.layui-this,
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
  background-color: #8b4a2b !important;
}

body .layui-nav .layui-nav-item.layui-this > a,
body .layui-nav .layui-this > a,
body .layui-nav-tree .layui-nav-item.layui-this > a,
body .layuimini-menu-left .layui-nav-item.layui-this > a,
body .layui-nav-item.layui-this > a {
  background-color: #5a2e16 !important;
  color: #fff6ea !important;
}

body .layui-nav .layui-nav-item.layui-this,
body .layui-nav-tree .layui-nav-item.layui-this {
  background-color: #5a2e16 !important;
}

/* 顶部用户菜单文字增强可读性 */
body .layui-layout-admin .layui-header .layui-nav .layui-nav-child dd a {
  color: #ffffff !important;
  font-weight: 600;
  letter-spacing: 0.5px;
}

body .layui-layout-admin .layui-header .layui-nav .layui-nav-child dd a:hover {
  background-color: #7a3b1f !important;
  color: #ffffff !important;
}
/* 强制覆盖下拉菜单选中态颜色（怀旧主题） */
.layui-header .layui-nav .layui-nav-child dd.layui-this a,
.layui-header .layui-nav-child dd.layui-this,
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
  background-color: #8b4a2b !important;
}