/* Element Plus 暗金主题适配 */
.el-button--primary {
  --el-button-bg-color: #c6a46b;
  --el-button-border-color: #c6a46b;
  --el-button-hover-bg-color: #e2c48a;
  --el-button-hover-border-color: #e2c48a;
  --el-button-active-bg-color: #b8945a;
  --el-button-active-border-color: #b8945a;
  --el-button-text-color: #1a1610;
  --el-button-hover-text-color: #1a1610;
}
.el-input__wrapper,
.el-textarea__inner {
  background: rgba(8, 8, 10, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(198, 164, 107, 0.28) inset !important;
}
.el-input__inner,
.el-textarea__inner,
.el-input-number .el-input__inner {
  color: #f4efe6 !important;
}
.el-input-number {
  width: 100%;
  --el-fill-color-blank: transparent;
}
.el-input-number__decrease,
.el-input-number__increase {
  background: rgba(8, 8, 10, 0.55) !important;
  color: #e2c48a !important;
  border-color: rgba(198, 164, 107, 0.28) !important;
}
.el-input__wrapper:hover,
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px rgba(226, 196, 138, 0.65) inset !important;
}

/* 登录/注册：输入框与大按钮同高，避免显得扁窄 */
.auth-card .el-form-item {
  margin-bottom: 1.15rem;
}
.auth-card .el-form-item__label {
  margin-bottom: 0.35rem !important;
  line-height: 1.4;
  font-size: 0.86rem;
}
.auth-card .el-input {
  --el-input-height: 48px;
  width: 100%;
  font-size: 15px;
}
.auth-card .el-input__wrapper {
  min-height: 48px;
  padding: 4px 14px;
}
.auth-card .el-input__inner {
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}
.auth-card .el-input__inner::placeholder {
  color: rgba(232, 228, 220, 0.38);
}
.auth-card .el-checkbox {
  height: auto;
}
.auth-card .el-checkbox__label {
  font-size: 0.92rem;
}
.auth-card .el-button--large {
  --el-button-size: 48px;
  height: 48px;
  font-size: 1rem;
  letter-spacing: 0.12em;
  border-radius: 0;
}
.el-checkbox__label { color: #cbbfae !important; }
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #c6a46b;
  border-color: #c6a46b;
}
.el-form-item__label { color: #e2c48a !important; }
.el-tabs__item { color: #cbbfae !important; }
.el-tabs__item.is-active { color: #e2c48a !important; }
.el-tabs__active-bar { background-color: #c6a46b !important; }
.el-tabs__nav-wrap::after { background-color: rgba(198, 164, 107, 0.2) !important; }
.el-table {
  --el-table-bg-color: transparent;
  --el-table-tr-bg-color: transparent;
  --el-table-header-bg-color: rgba(8, 8, 10, 0.55);
  --el-table-row-hover-bg-color: rgba(226, 196, 138, 0.12);
  --el-table-current-row-bg-color: rgba(226, 196, 138, 0.12);
  --el-table-border-color: rgba(198, 164, 107, 0.18);
  --el-table-text-color: #f4efe6;
  --el-table-header-text-color: #e2c48a;
}
.el-table th.el-table__cell { background: rgba(8, 8, 10, 0.55) !important; }
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: rgba(255, 255, 255, 0.03);
}
.el-table__body tr:hover > td.el-table__cell {
  background: rgba(226, 196, 138, 0.12) !important;
}
.el-dialog {
  --el-dialog-bg-color: #14120f;
  --el-dialog-title-font-size: 1.1rem;
}
.el-dialog__title { color: #e2c48a !important; }
.el-message-box { background: #14120f !important; border: 1px solid rgba(198,164,107,.28) !important; }
.el-message-box__title, .el-message-box__message { color: #f4efe6 !important; }

/* 分页：全局暗金主题 */
.el-pagination {
  --el-pagination-bg-color: transparent;
  --el-pagination-button-bg-color: rgba(0, 0, 0, 0.28);
  --el-pagination-button-color: #e2c48a;
  --el-pagination-hover-color: #e2c48a;
  --el-pagination-font-size: 13px;
  --el-text-color-primary: #e2c48a;
  --el-text-color-regular: #cbbfae;
  --el-disabled-bg-color: rgba(0, 0, 0, 0.18);
  --el-disabled-text-color: rgba(143, 134, 122, 0.7);
  --el-fill-color: rgba(0, 0, 0, 0.28);
  --el-fill-color-blank: rgba(0, 0, 0, 0.28);
  --el-border-color: rgba(198, 164, 107, 0.28);
  --el-border-color-light: rgba(198, 164, 107, 0.28);
  flex-wrap: wrap;
  justify-content: center;
}
.el-pagination button,
.el-pagination .btn-prev,
.el-pagination .btn-next,
.el-pager li {
  background: rgba(0, 0, 0, 0.28) !important;
  color: #e2c48a !important;
  border: 1px solid rgba(198, 164, 107, 0.28) !important;
  min-width: 28px;
  border-radius: 0 !important;
}
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  background: rgba(0, 0, 0, 0.28) !important;
  color: #e2c48a !important;
}
.el-pagination button:hover,
.el-pagination .btn-prev:hover,
.el-pagination .btn-next:hover,
.el-pager li:hover {
  color: #1a1610 !important;
  background: #e2c48a !important;
  border-color: #e2c48a !important;
}
.el-pager li.is-active,
.el-pagination.is-background .el-pager li.is-active {
  color: #1a1610 !important;
  background: #c6a46b !important;
  border-color: #c6a46b !important;
  font-weight: 600;
}
.el-pagination button:disabled,
.el-pagination .btn-prev:disabled,
.el-pagination .btn-next:disabled,
.el-pagination button.is-disabled,
.el-pagination .btn-prev.is-disabled,
.el-pagination .btn-next.is-disabled {
  color: rgba(143, 134, 122, 0.55) !important;
  background: rgba(0, 0, 0, 0.16) !important;
  border-color: rgba(198, 164, 107, 0.12) !important;
}
.el-pagination__total,
.el-pagination__jump,
.el-pagination__classifier {
  color: #cbbfae !important;
}
.el-pagination__editor.el-input .el-input__wrapper {
  background: rgba(8, 8, 10, 0.72) !important;
}
.el-pagination__editor.el-input .el-input__inner {
  color: #e2c48a !important;
}
.el-pagination .el-select .el-select__wrapper {
  background: rgba(8, 8, 10, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(198, 164, 107, 0.28) inset !important;
  color: #e2c48a !important;
}

.auth-card { width: 100%; }
.auth-card .el-button { width: 100%; }
.auth-links { margin-top: 0.9rem; color: #8f867a; font-size: 0.9rem; }

/* 顶部横向菜单：紧跟品牌靠左 */
.app-top-menu {
  flex: 0 1 auto;
  border-bottom: none !important;
  background: transparent !important;
  --el-menu-horizontal-height: 58px;
  --el-menu-hover-bg-color: rgba(226, 196, 138, 0.08);
  --el-menu-active-color: #e2c48a;
  --el-menu-text-color: #cbbfae;
  --el-menu-bg-color: transparent;
}
.app-top-menu.el-menu--horizontal {
  justify-content: flex-start;
  border-bottom: none !important;
}
.app-top-menu .el-menu-item {
  border-bottom: 2px solid transparent !important;
  letter-spacing: 0.08em;
  font-size: 0.86rem;
  padding: 0 14px !important;
}
.app-top-menu .el-menu-item:hover,
.app-top-menu .el-menu-item:focus {
  background: rgba(226, 196, 138, 0.08) !important;
  color: #e2c48a !important;
}
.app-top-menu .el-menu-item.is-active {
  background: transparent !important;
  border-bottom-color: #c6a46b !important;
  color: #e2c48a !important;
}
@media (max-width: 720px) {
  .app-topbar { flex-wrap: wrap; padding-top: 0.25rem; }
  .app-topnav-mount { flex-wrap: nowrap; width: 100%; min-width: 0; }
  .app-topnav-inner { width: 100%; }
  .app-top-navlinks { width: auto; }
  .app-top-menu { width: 100%; --el-menu-horizontal-height: 44px; }
  .topnav-meta {
    width: 100%;
    margin: 0 0 0.45rem;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}