:root {
  --bear-bg: #ffffff;
  --bear-ink: #171717;
  --bear-muted: #4d4d4d;
  --bear-faint: #808080;
  --bear-line: rgba(0, 0, 0, 0.08);
  --bear-soft: #fafafa;
  --bear-blue: #0a72ef;
  --bear-pink: #de1d8d;
  --bear-red: #ff5b4f;
  --bear-ring: rgba(0, 0, 0, 0.08) 0 0 0 1px;
  --bear-card: rgba(0, 0, 0, 0.08) 0 0 0 1px,
    rgba(0, 0, 0, 0.04) 0 2px 2px,
    rgba(0, 0, 0, 0.04) 0 8px 8px -8px,
    #fafafa 0 0 0 1px;
}

html,
body,
#root {
  background: var(--bear-bg) !important;
  color: var(--bear-ink) !important;
  font-family: "Geist", "SF Pro Display", "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

body.bear-brand {
  min-height: 100vh;
}

body.bear-brand a {
  color: var(--bear-ink);
  text-decoration-color: rgba(0, 0, 0, 0.24);
  text-underline-offset: 3px;
}

body.bear-brand .semi-layout,
body.bear-brand .semi-layout-content,
body.bear-brand .semi-layout-sider,
body.bear-brand .semi-navigation,
body.bear-brand .semi-navigation-inner {
  background: var(--bear-bg) !important;
}

body.bear-brand .semi-layout-sider,
body.bear-brand aside,
body.bear-brand .sidebar,
body.bear-brand .sidebar-section {
  box-shadow: var(--bear-ring) !important;
  border: 0 !important;
}

body.bear-brand header,
body.bear-brand .semi-navigation-header,
body.bear-brand .semi-layout-header {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(12px);
  box-shadow: var(--bear-ring) !important;
  border: 0 !important;
}

body.bear-brand h1,
body.bear-brand h2,
body.bear-brand h3,
body.bear-brand .semi-typography,
body.bear-brand .semi-typography h1,
body.bear-brand .semi-typography h2,
body.bear-brand .semi-typography h3 {
  color: var(--bear-ink) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

body.bear-brand .semi-card,
body.bear-brand .semi-table,
body.bear-brand .semi-modal-content,
body.bear-brand .semi-popover-wrapper,
body.bear-brand .semi-dropdown,
body.bear-brand .semi-banner,
body.bear-brand .semi-collapse,
body.bear-brand .semi-list,
body.bear-brand .semi-tabs-bar {
  background: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: var(--bear-card) !important;
}

body.bear-brand .semi-card-header,
body.bear-brand .semi-table-thead > .semi-table-row > .semi-table-row-head,
body.bear-brand .semi-collapse-header,
body.bear-brand .semi-tabs-tab {
  background: var(--bear-soft) !important;
  color: var(--bear-ink) !important;
  border: 0 !important;
}

body.bear-brand .semi-table-row,
body.bear-brand .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
  border-color: rgba(0, 0, 0, 0.06) !important;
}

body.bear-brand .semi-button {
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: var(--bear-ring) !important;
  font-weight: 500 !important;
}

body.bear-brand .semi-button-primary,
body.bear-brand .semi-button-primary:not(.semi-button-light) {
  background: var(--bear-ink) !important;
  color: #fff !important;
}

body.bear-brand .semi-button-primary:hover,
body.bear-brand .semi-button-primary:focus {
  background: #000 !important;
}

body.bear-brand .semi-input,
body.bear-brand .semi-input-wrapper,
body.bear-brand .semi-select,
body.bear-brand .semi-select-selection,
body.bear-brand .semi-textarea,
body.bear-brand input,
body.bear-brand textarea {
  background: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: var(--bear-ring) !important;
}

body.bear-brand .semi-tag,
body.bear-brand .semi-badge,
body.bear-brand .semi-tag-default,
body.bear-brand .semi-tag-blue {
  border: 0 !important;
  border-radius: 9999px !important;
  background: #ebf5ff !important;
  color: #0068d6 !important;
  font-weight: 500 !important;
}

body.bear-brand .semi-navigation-item-selected,
body.bear-brand .semi-navigation-item:hover,
body.bear-brand .semi-navigation-sub-wrap-selected {
  background: #f5f5f5 !important;
  color: var(--bear-ink) !important;
  border-radius: 6px !important;
}

body.bear-brand .semi-navigation-item-text,
body.bear-brand .semi-navigation-header-list-outer,
body.bear-brand .semi-typography-secondary,
body.bear-brand .semi-form-field-label,
body.bear-brand .semi-descriptions-key,
body.bear-brand .semi-table-row-cell {
  color: var(--bear-muted) !important;
}

body.bear-brand pre,
body.bear-brand code {
  font-family: "Geist Mono", "SFMono-Regular", "Roboto Mono", Menlo, Consolas, monospace !important;
}

body.bear-brand pre {
  background: #171717 !important;
  color: #fafafa !important;
  border-radius: 8px !important;
  box-shadow: var(--bear-card) !important;
}

body.bear-brand .sbg-variant-violet,
body.bear-brand .sbg-variant-teal,
body.bear-brand .sbg-variant-amber,
body.bear-brand .sbg-variant-rose,
body.bear-brand .sbg-variant-blue,
body.bear-brand .sidebar-section li.semi-navigation-item:has(.lucide-square-terminal),
body.bear-brand .sidebar-section li.semi-navigation-item:has(.lucide-message-square),
body.bear-brand .sidebar-section a[href="/console/playground"],
body.bear-brand .sidebar-section a[href="/console/chat"],
body.bear-brand a[href*="github.com/Calcium-Ion"],
body.bear-brand a[href*="docs.newapi.pro"] {
  display: none !important;
}

body.bear-brand .bear-brand-mark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--bear-ink);
  font-weight: 600;
}

body.bear-brand .bear-brand-mark::before {
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  border-radius: 5px;
  background:
    linear-gradient(90deg, var(--bear-blue) 0 33%, var(--bear-pink) 33% 66%, var(--bear-red) 66% 100%);
  box-shadow: var(--bear-ring);
}

@media (max-width: 768px) {
  body.bear-brand .semi-card,
  body.bear-brand .semi-table,
  body.bear-brand .semi-modal-content {
    border-radius: 6px !important;
  }
}