/**
 * 掘金助手 · 金黄发财主题（仅样式覆盖）
 */
:root {
  --ts-accent: #c9a227;
  --ts-accent-2: #e0b84a;
  --ts-bg: #f7f3e8;
  --ts-card: #ffffff;
  --ts-text: #3d3426;
  --ts-sidebar: #2c2416;
  --ts-sidebar-text: #f0e6c8;
  --ts-sidebar-active: #d4a84b;
}

body.hold-transition {
  background: var(--ts-bg);
}

.content-wrapper,
.right-side {
  background-color: var(--ts-bg) !important;
}

.main-header .logo {
  background: linear-gradient(120deg, #8a6a1a, #c9a227 55%, #e0b84a) !important;
  color: #fffef5 !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.main-header .logo:hover {
  background: linear-gradient(120deg, #7a5e16, #d4a84b) !important;
}

.main-header .navbar {
  background: #fffef8 !important;
  box-shadow: 0 1px 8px rgba(80, 60, 20, 0.08);
}

.main-header .navbar .nav > li > a {
  color: #5c4e32 !important;
}

.main-header .navbar .nav > li > a:hover {
  background: #f5edd6 !important;
  color: #a8841c !important;
}

/* 侧栏 · 深褐金 */
.main-sidebar,
.left-side {
  background-color: var(--ts-sidebar) !important;
}

.user-panel > .info,
.user-panel > .info > a,
.sidebar-menu > li > a,
.sidebar-menu > li .treeview-menu > li > a {
  color: var(--ts-sidebar-text) !important;
}

.sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.sidebar-menu > li.active > a,
.sidebar-menu > li:hover > a,
.skin-black-blue .sidebar-menu > li.active > a,
.skin-black-blue .sidebar-menu > li:hover > a {
  background: rgba(212, 168, 75, 0.18) !important;
  border-left-color: var(--ts-sidebar-active) !important;
  color: #ffe9a8 !important;
}

.sidebar-menu > li > .treeview-menu {
  background: #241e14 !important;
}

.user-panel > .image > img,
.navbar-nav > .user-menu > .dropdown-toggle > img.user-image {
  border: 2px solid rgba(224, 184, 74, 0.55);
  object-fit: cover;
}

.user-header {
  background: linear-gradient(120deg, #8a6a1a, #e0b84a) !important;
}

.box {
  border-radius: 10px !important;
  border-top: 3px solid var(--ts-accent-2) !important;
  box-shadow: 0 4px 18px rgba(80, 60, 20, 0.07) !important;
  overflow: hidden;
  background: var(--ts-card);
}

.box.box-solid,
.box.box-primary,
.box.box-info,
.box.box-success,
.box.box-warning,
.box.box-danger {
  border-top-width: 3px !important;
}

.box-header {
  border-bottom: 1px solid #efe6d2;
}

.btn-primary {
  background-color: var(--ts-accent) !important;
  border-color: var(--ts-accent) !important;
  color: #fffef5 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #b89120 !important;
  border-color: #b89120 !important;
}

.btn-success {
  background-color: #d4a84b !important;
  border-color: #d4a84b !important;
  color: #2c2416 !important;
}

.content-header > h1 {
  font-size: 22px;
  color: var(--ts-text);
  font-weight: 600;
}

.nav-tabs-custom {
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(80, 60, 20, 0.05);
}

.table > thead > tr > th {
  background: #f5edd6;
  color: #5c4e32;
  border-bottom: 1px solid #e8d9b0 !important;
  font-weight: 600;
}

.pagination > .active > a,
.pagination > .active > span {
  background-color: var(--ts-accent) !important;
  border-color: var(--ts-accent) !important;
}

.form-control:focus {
  border-color: var(--ts-accent-2) !important;
  box-shadow: 0 0 0 3px rgba(224, 184, 74, 0.22) !important;
}

.panel,
.alert {
  border-radius: 8px;
}
