/* 小火龙API console skin v7 — warm light (no black bg), orange brand */
html,
html[theme-mode="dark"],
html[theme-mode="light"],
html[theme-mode="classic"],
html[data-theme],
:root {
  --semi-color-primary: #FF6A1A !important;
  --semi-color-primary-hover: #FF812F !important;
  --semi-color-primary-active: #E24F00 !important;
  --semi-color-primary-disabled: rgba(255,106,26,.35) !important;
  --semi-color-primary-light-default: rgba(255,106,26,.10) !important;
  --semi-color-primary-light-hover: rgba(255,106,26,.16) !important;
  --semi-color-primary-light-active: rgba(255,106,26,.22) !important;
  --semi-color-secondary: #FF8A3D !important;
  --semi-color-secondary-hover: #FFA366 !important;
  --semi-color-secondary-active: #E66A20 !important;
  --semi-color-danger: #E5484D !important;
  --semi-color-warning: #F5A524 !important;
  --semi-color-success: #30A46C !important;
  --semi-color-info: #FF6A1A !important;
  --semi-color-bg-0: #FFF8F2 !important;
  --semi-color-bg-1: #FFFFFF !important;
  --semi-color-bg-2: #FFF1E6 !important;
  --semi-color-bg-3: #FFE6D4 !important;
  --semi-color-bg-4: #FFD8BC !important;
  --semi-color-text-0: #2A1A12 !important;
  --semi-color-text-1: #4A3428 !important;
  --semi-color-text-2: #7A5C4A !important;
  --semi-color-text-3: #A88872 !important;
  --semi-color-border: rgba(180,100,40,.16) !important;
  --semi-color-fill-0: rgba(255,106,26,.04) !important;
  --semi-color-fill-1: rgba(255,106,26,.07) !important;
  --semi-color-fill-2: rgba(255,106,26,.12) !important;
  --semi-color-disabled-bg: #F3E8DF !important;
  --semi-color-disabled-text: #A88872 !important;
  --semi-color-nav-bg: #FFF3EA !important;
  --semi-color-tertiary: #7A5C4A !important;
  --semi-color-link: #E24F00 !important;
  --semi-color-link-hover: #FF6A1A !important;
  --semi-color-link-active: #C44300 !important;
  --semi-color-focus-border: rgba(255,106,26,.55) !important;
  --semi-color-overlay-bg: rgba(42,26,18,.35) !important;
  --semi-color-highlight-bg: rgba(255,106,26,.12) !important;
  --semi-color-white: #FFFFFF !important;
  --semi-color-black: #2A1A12 !important;
  --semi-color-default: #7A5C4A !important;
  color-scheme: light !important;
}

html, body {
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(255,138,61,.14), transparent 55%),
    radial-gradient(700px 380px at 100% 0%, rgba(255,106,26,.08), transparent 50%),
    #FFF8F2 !important;
  color: #2A1A12 !important;
  min-height: 100% !important;
}

body, #root, #root > div,
.semi-layout, .semi-layout-content, .semi-portal-main,
main, .main, .app, .App {
  background-color: transparent !important;
  color: #2A1A12 !important;
}

#root, #root > div,
.semi-layout,
.semi-layout-content,
.semi-page,
.semi-card,
.semi-modal-content,
.semi-sidesheet-content,
.semi-form,
.semi-table-wrapper,
.semi-banner,
.semi-list,
.semi-tabs-content,
.semi-collapse,
.semi-descriptions {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #2A1A12 !important;
  border-color: rgba(180,100,40,.14) !important;
}

.semi-layout-sider,
.semi-navigation,
.semi-navigation-vertical,
.semi-navigation-list,
.semi-navigation-inner {
  background: linear-gradient(180deg, #FFF6EE 0%, #FFEFD1 100%) !important;
  border-right: 1px solid rgba(180,100,40,.12) !important;
  box-shadow: none !important;
}

.semi-layout-header,
.semi-navigation-header,
header, .header,
.semi-page-header {
  background: rgba(255,248,242,.92) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(180,100,40,.12) !important;
  color: #2A1A12 !important;
}

.semi-navigation-item,
.semi-navigation-item-text,
.semi-navigation-item-icon {
  color: #5A4030 !important;
  border-radius: 10px !important;
}
.semi-navigation-item:hover {
  background: rgba(255,106,26,.10) !important;
  color: #2A1A12 !important;
}
.semi-navigation-item-selected,
.semi-navigation-item-selected .semi-navigation-item-text {
  background: linear-gradient(90deg, rgba(255,106,26,.16), rgba(255,106,26,.04)) !important;
  color: #C44300 !important;
  box-shadow: inset 3px 0 0 #FF6A1A;
}

.semi-card,
.semi-table,
.semi-table-wrapper,
.semi-modal-content,
.semi-sidesheet-content,
.semi-form,
.semi-page {
  background: #FFFFFF !important;
  border-color: rgba(180,100,40,.12) !important;
  color: #2A1A12 !important;
  box-shadow: 0 8px 28px rgba(120,60,20,.08);
}

.semi-card-header,
.semi-card-body,
.semi-card-footer,
.semi-modal-header,
.semi-modal-body,
.semi-modal-footer {
  background: transparent !important;
  border-color: rgba(180,100,40,.10) !important;
  color: #2A1A12 !important;
}

.semi-table-thead > .semi-table-row > .semi-table-row-head {
  background: #FFF3EA !important;
  color: #4A3428 !important;
  border-color: rgba(180,100,40,.10) !important;
}
.semi-table-tbody > .semi-table-row > .semi-table-row-cell {
  background: transparent !important;
  color: #2A1A12 !important;
  border-color: rgba(180,100,40,.08) !important;
}
.semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
  background: rgba(255,106,26,.05) !important;
}

.semi-input,
.semi-input-textarea,
.semi-input-wrapper,
.semi-select,
.semi-select-selection,
.semi-inputNumber,
.semi-cascader,
.semi-tree-select,
.semi-datepicker,
.semi-tagInput,
.semi-tagInput-wrapper,
input, textarea, select {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-color: rgba(180,100,40,.20) !important;
  color: #2A1A12 !important;
  box-shadow: none !important;
}
input::placeholder, textarea::placeholder {
  color: #A88872 !important;
}
.semi-input:focus,
.semi-input-wrapper-focus,
.semi-select-focus {
  border-color: rgba(255,106,26,.55) !important;
  box-shadow: 0 0 0 3px rgba(255,106,26,.14) !important;
}

.semi-button-primary,
button.semi-button-primary,
.semi-button.semi-button-primary {
  background: linear-gradient(135deg, #FF8A3D, #FF6A1A 55%, #E24F00) !important;
  background-color: #FF6A1A !important;
  border: none !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 18px rgba(255,106,26,.22) !important;
}
.semi-button-secondary,
.semi-button-tertiary,
.semi-button-light {
  background: #FFF3EA !important;
  border: 1px solid rgba(180,100,40,.18) !important;
  color: #4A3428 !important;
}
.semi-button-danger {
  background: linear-gradient(135deg, #FF7A7A, #E5484D) !important;
  border: none !important;
  color: #FFFFFF !important;
}

.semi-portal,
.semi-dropdown,
.semi-dropdown-menu,
.semi-popover-content,
.semi-tooltip-content,
.semi-select-option-list,
.semi-toast,
.semi-notification,
.semi-notification-notice {
  background: #FFFFFF !important;
  border: 1px solid rgba(180,100,40,.14) !important;
  color: #2A1A12 !important;
  box-shadow: 0 12px 36px rgba(80,40,10,.12) !important;
}
.semi-dropdown-item:hover,
.semi-select-option-focused,
.semi-select-option-selected {
  background: rgba(255,106,26,.10) !important;
  color: #C44300 !important;
}

.semi-tabs-tab { color: #7A5C4A !important; }
.semi-tabs-tab-active { color: #E24F00 !important; }
.semi-tabs-ink-bar { background: #FF6A1A !important; }
.semi-switch-checked { background-color: #FF6A1A !important; }
.semi-checkbox-checked .semi-checkbox-inner,
.semi-radio-checked .semi-radio-inner {
  background: #FF6A1A !important;
  border-color: #FF6A1A !important;
}
.semi-tag {
  background: rgba(255,106,26,.10) !important;
  border-color: rgba(255,106,26,.18) !important;
  color: #C44300 !important;
}
.semi-page-item,
.semi-page-prev,
.semi-page-next {
  background: #FFFFFF !important;
  border-color: rgba(180,100,40,.16) !important;
  color: #4A3428 !important;
}
.semi-page-item-active {
  background: rgba(255,106,26,.14) !important;
  border-color: #FF6A1A !important;
  color: #C44300 !important;
}

.semi-modal-mask,
.semi-sidesheet-mask {
  background: rgba(42,26,18,.35) !important;
}

a, .semi-typography-link { color: #E24F00 !important; }
a:hover { color: #FF6A1A !important; }
.semi-typography,
.semi-typography-paragraph,
.semi-typography-text,
.semi-typography-title {
  color: inherit;
}
.semi-typography-secondary,
.semi-typography-tertiary {
  color: #7A5C4A !important;
}
.semi-divider {
  border-color: rgba(180,100,40,.12) !important;
  background: rgba(180,100,40,.12) !important;
}

body [class*="login"],
body [class*="Login"],
body [class*="register"],
body [class*="Register"],
#root [class*="login"],
#root [class*="Login"],
#root [class*="register"],
#root [class*="Register"] {
  background: transparent !important;
  color: #2A1A12 !important;
  border-radius: 18px !important;
}

#root [class*="login"] .semi-card,
#root [class*="Login"] .semi-card,
#root [class*="register"] .semi-card,
#root [class*="Register"] .semi-card,
#root [class*="login"] form,
#root [class*="Login"] form,
body form {
  background: rgba(255,255,255,.96) !important;
  background-color: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(180,100,40,.14) !important;
  box-shadow: 0 18px 48px rgba(120,60,20,.10) !important;
  color: #2A1A12 !important;
  border-radius: 18px !important;
}

body::before{
  content:"";
  pointer-events:none;
  position:fixed;
  inset:auto auto -120px -120px;
  width:460px; height:460px;
  background:radial-gradient(circle, rgba(255,138,61,.16), transparent 70%);
  z-index:0;
}
body::after{
  content:"";
  pointer-events:none;
  position:fixed;
  top:-140px; right:-100px;
  width:500px; height:500px;
  background:radial-gradient(circle, rgba(255,106,26,.10), transparent 68%);
  z-index:0;
}
#root { position: relative; z-index: 1; }

.semi-navigation-item[data-xh-hide="about"],
.semi-dropdown-item[data-xh-hide="about"],
a[data-xh-hide="about"],
button[data-xh-hide="about"],
.xh-hide-about {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(255,106,26,.28); border-radius:99px}
::-webkit-scrollbar-track{background:transparent}