/* aooa.ai 主题 v8 */

/* ============================================================
   通用（深色 + 浅色模式均适用）
   ============================================================ */

/* 字体 */
body, #app {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

/* 主色：按钮/焦点橙红，两种模式都用 */
* {
  --el-color-primary:        #e8532b !important;
  --el-color-primary-light-3:#ee7555 !important;
  --el-color-primary-light-9:rgba(232,83,43,0.08) !important;
  --el-color-primary-dark-2: #d44420 !important;
  --el-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif !important;
  --el-menu-active-color: #e8532b !important;
}

/* Primary 按钮两种模式 */
.el-button--primary {
  background: #e8532b !important;
  border-color: #e8532b !important;
  color: #fff !important;
}
.el-button--primary:hover { background: #f0734e !important; border-color: #f0734e !important; }
.el-button--primary:active { background: #d44420 !important; border-color: #d44420 !important; }

/* 进度条 */
.el-progress-bar__inner { background: linear-gradient(90deg,#e8532b,#f0734e) !important; }

/* 分页 active */
.el-pagination.is-background .el-pager li.is-active {
  background: #e8532b !important;
  color: #fff !important;
}
.el-pagination.is-background .el-pager li:hover { color: #e8532b !important; }

/* Logo 容器：去掉 teal glow，统一尺寸 */
.sidebar-logo {
  box-shadow: none !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
}
.rounded-2xl.overflow-hidden:has(img[alt="Logo"]) {
  box-shadow: none !important;
  width: 46px !important;
  height: 46px !important;
}

/* API 铭牌 */
.sidebar-brand-title::after,
h1.text-gradient::after {
  content: "API";
  display: inline-block;
  vertical-align: middle;
  font-weight: 800;
  letter-spacing: 0.14em;
  border-radius: 3px;
  background: linear-gradient(180deg, #ea5c32 0%, #c94220 100%) !important;
  background-image: linear-gradient(180deg, #ea5c32 0%, #c94220 100%) !important;
  border: 1px solid rgba(0,0,0,0.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.45);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.35);
}
.sidebar-brand-title::after { margin-left: 7px; padding: 1px 5px; font-size: 0.56rem; line-height: 1.6; }
h1.text-gradient::after    { margin-left: 10px; padding: 2px 8px; font-size: 0.62rem; line-height: 1.5; }


/* ============================================================
   深色模式（.dark 类加在 html 上）
   ============================================================ */
.dark body,
.dark #app {
  background: #0e0e10 !important;
  color: #e8e5e0 !important;
}

.dark html,
html.dark {
  background-color: #0e0e10 !important;
}

.dark * {
  --el-text-color-primary:     #e8e5e0 !important;
  --el-text-color-regular:     rgba(232,229,224,0.85) !important;
  --el-text-color-secondary:   rgba(232,229,224,0.55) !important;
  --el-text-color-placeholder: rgba(232,229,224,0.32) !important;
  --el-text-color-disabled:    rgba(232,229,224,0.2) !important;
  --el-bg-color:               #1d1d1f !important;
  --el-bg-color-page:          #0e0e10 !important;
  --el-bg-color-overlay:       #2a2a2e !important;
  --el-fill-color-blank:       #1d1d1f !important;
  --el-border-color:           rgba(232,229,224,0.12) !important;
  --el-border-color-light:     rgba(232,229,224,0.08) !important;
  --el-border-color-lighter:   rgba(232,229,224,0.05) !important;
  --el-menu-bg-color:          #1d1d1f !important;
  --el-menu-text-color:        rgba(232,229,224,0.7) !important;
  --el-menu-hover-bg-color:    rgba(232,83,43,0.08) !important;
}

/* 背景 */
.dark .el-header { background: #1d1d1f !important; border-bottom: 1px solid rgba(232,229,224,0.06) !important; }
.dark .el-aside  { background: #1d1d1f !important; border-right:  1px solid rgba(232,229,224,0.06) !important; }
.dark .el-main   { background: #0e0e10 !important; }

/* 文字 */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6,
.dark p, .dark span, .dark div, .dark label, .dark td, .dark th, .dark li,
.dark .el-form-item__label,
.dark .el-descriptions__label,
.dark .el-statistic__head,
.dark .el-statistic__number,
.dark .el-table__cell,
.dark .el-sub-menu__title,
.dark [class*="el-text"],
.dark [class*="title"]:not(.el-button) {
  color: #e8e5e0 !important;
}
.dark .el-form-item__label,
.dark .el-table th .cell,
.dark .el-descriptions__label { color: rgba(232,229,224,0.55) !important; }

/* 链接 */
.dark a { color: rgba(232,229,224,0.8) !important; }
.dark a:hover { color: #f0734e !important; }
.dark .el-link { color: rgba(232,229,224,0.8) !important; }
.dark .el-link:hover { color: #f0734e !important; }
.dark .el-link.is-underline:hover::after { border-color: #f0734e !important; }

/* 卡片 */
.dark .el-card {
  background: #1d1d1f !important;
  border: 1px solid rgba(232,229,224,0.08) !important;
  box-shadow: 0 4px 32px rgba(0,0,0,0.5) !important;
  color: #e8e5e0 !important;
}
.dark .el-card__header { border-bottom: 1px solid rgba(232,229,224,0.08) !important; }

/* 输入框 */
.dark .el-input__wrapper {
  background: rgba(255,255,255,0.04) !important;
  box-shadow: 0 0 0 1px rgba(232,229,224,0.12) inset !important;
}
.dark .el-input__wrapper:hover { box-shadow: 0 0 0 1px rgba(232,229,224,0.22) inset !important; }
.dark .el-input__wrapper.is-focus { box-shadow: 0 0 0 1px #e8532b inset !important; }
.dark .el-input__inner { color: #e8e5e0 !important; background: transparent !important; }
.dark .el-input__inner::placeholder { color: rgba(232,229,224,0.32) !important; }
.dark .el-select .el-input__inner { color: #e8e5e0 !important; }

/* 普通按钮 */
.dark .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger) {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(232,229,224,0.12) !important;
  color: #e8e5e0 !important;
}

/* 表格 */
.dark .el-table {
  background: #1d1d1f !important;
  --el-table-bg-color: #1d1d1f !important;
  --el-table-tr-bg-color: #1d1d1f !important;
  --el-table-header-bg-color: #2a2a2e !important;
  --el-table-row-hover-bg-color: rgba(232,83,43,0.06) !important;
  --el-table-border-color: rgba(232,229,224,0.06) !important;
  --el-table-text-color: #e8e5e0 !important;
  --el-table-header-text-color: rgba(232,229,224,0.55) !important;
}

/* 下拉 */
.dark .el-select-dropdown,
.dark .el-dropdown-menu,
.dark .el-popper { background: #2a2a2e !important; border-color: rgba(232,229,224,0.08) !important; }
.dark .el-select-dropdown__item,
.dark .el-dropdown-menu__item { color: rgba(232,229,224,0.8) !important; }
.dark .el-select-dropdown__item.is-selected,
.dark .el-select-dropdown__item:hover,
.dark .el-dropdown-menu__item:hover { background: rgba(232,83,43,0.1) !important; color: #e8e5e0 !important; }

/* 标签 */
.dark .el-tag { background: rgba(255,255,255,0.06) !important; border-color: rgba(232,229,224,0.1) !important; color: rgba(232,229,224,0.85) !important; }
.dark .el-tag--success { background: rgba(103,194,58,0.12) !important; border-color: rgba(103,194,58,0.2) !important; color: #7ecb50 !important; }
.dark .el-tag--danger  { background: rgba(245,108,108,0.12) !important; border-color: rgba(245,108,108,0.2) !important; color: #f78989 !important; }
.dark .el-tag--warning { background: rgba(230,162,60,0.12) !important; border-color: rgba(230,162,60,0.2) !important; color: #e6a23c !important; }
.dark .el-tag--primary { background: rgba(232,83,43,0.12) !important; border-color: rgba(232,83,43,0.2) !important; color: #f0734e !important; }

/* 分页 */
.dark .el-pagination button,
.dark .el-pagination .el-pager li { background: rgba(255,255,255,0.04) !important; color: rgba(232,229,224,0.7) !important; }

/* 对话框 */
.dark .el-dialog { background: #1d1d1f !important; border: 1px solid rgba(232,229,224,0.08) !important; }
.dark .el-dialog__title { color: #e8e5e0 !important; }

/* 进度条文字 */
.dark .el-progress__text { color: rgba(232,229,224,0.7) !important; }

/* 滚动条 */
.dark ::-webkit-scrollbar { width:5px; height:5px; }
.dark ::-webkit-scrollbar-track { background:#0e0e10; }
.dark ::-webkit-scrollbar-thumb { background:rgba(232,229,224,0.12); border-radius:3px; }
.dark ::-webkit-scrollbar-thumb:hover { background:rgba(232,229,224,0.22); }

/* 登录页背景 */
.dark .min-h-screen > .absolute.inset-0 {
  background: #0e0e10 !important;
  background-image: none !important;
}
.dark .min-h-screen .blur-3xl { display: none !important; }
.dark .card-glass {
  background: rgba(29,29,31,0.95) !important;
  border: 1px solid rgba(232,229,224,0.07) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: 0 8px 48px rgba(0,0,0,0.6) !important;
}