:root {
  color-scheme: dark;
  --aurora-text: #f7f8ff;
  --aurora-muted: rgba(232, 238, 255, 0.72);
  --aurora-panel: rgba(15, 23, 42, 0.58);
  --aurora-panel-strong: rgba(15, 23, 42, 0.78);
  --aurora-surface: rgba(255, 255, 255, 0.12);
  --aurora-border: rgba(255, 255, 255, 0.2);
  --aurora-accent: #ffffff;
  --aurora-accent-text: #1f2b44;
  --aurora-blue: #8ed4ff;
  --aurora-violet: #a99bff;
  --aurora-shadow: 0 22px 54px rgba(2, 6, 23, 0.34);
}

html,
body,
#root {
  min-height: 100%;
}

body {
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif !important;
  color: var(--aurora-text) !important;
  background: #0b1020 !important;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(125deg, rgba(9, 14, 30, 0.76), rgba(23, 20, 44, 0.62) 44%, rgba(10, 18, 35, 0.82)),
    radial-gradient(circle at 18% 72%, rgba(255, 255, 255, 0.12), transparent 42%),
    radial-gradient(circle at 78% 62%, rgba(255, 196, 229, 0.15), transparent 38%);
  pointer-events: none;
}

.aurora-bg-stack {
  position: fixed;
  inset: 0;
  z-index: -10000;
  overflow: hidden;
  pointer-events: none;
}

.aurora-bg-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
  opacity: 0;
  transition: opacity 1.2s ease;
}

.aurora-bg-layer.is-active {
  opacity: 1;
}

.aurora-bg-video {
  position: fixed;
  inset: 0;
  z-index: -10000;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  opacity: 0.92;
  pointer-events: none;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(5, 10, 21, 0.22), rgba(5, 10, 21, 0.58)),
    rgba(7, 12, 24, 0.24);
  pointer-events: none;
}

#root,
#root > div,
main {
  background: transparent !important;
}

html.aurora-newapi-skin body,
html.aurora-newapi-skin #root,
html.aurora-newapi-skin #root > .semi-layout,
html.aurora-newapi-skin .app-layout.semi-layout {
  overflow: visible !important;
}

html.aurora-newapi-skin #root {
  position: relative !important;
  z-index: 1 !important;
}

html.aurora-newapi-skin .semi-layout-header,
html.aurora-newapi-skin .semi-layout-header *,
html.aurora-newapi-skin header,
html.aurora-newapi-skin header * {
  overflow: visible !important;
}

a {
  color: inherit;
}

.semi-layout,
.semi-layout-content,
.semi-layout-sider,
.semi-navigation,
.semi-navigation-vertical,
.semi-navigation-header,
.semi-navigation-footer,
.semi-tabs,
.semi-tabs-content,
.semi-table,
.semi-table-container,
.semi-table-wrapper,
.semi-table-tbody,
.semi-form,
.semi-list,
.semi-list-items,
.semi-modal-body,
.semi-modal-content {
  background: transparent !important;
}

.semi-layout-sider,
aside,
nav {
  background: rgba(12, 18, 35, 0.5) !important;
  border-color: var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.semi-navigation {
  color: var(--aurora-text) !important;
}

.semi-navigation-item,
.semi-navigation-item-text,
.semi-navigation-item-icon,
.semi-navigation-sub-title,
.semi-navigation-header,
.semi-navigation-footer {
  color: rgba(247, 248, 255, 0.82) !important;
}

.semi-navigation-item {
  border-radius: 18px !important;
  margin: 4px 8px !important;
}

.semi-navigation-item:hover,
.semi-navigation-item-selected {
  color: var(--aurora-accent-text) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 14px 28px rgba(2, 6, 23, 0.18);
}

.semi-navigation-item:hover *,
.semi-navigation-item-selected * {
  color: var(--aurora-accent-text) !important;
}

.semi-card,
.semi-card-bordered,
.semi-table,
.semi-table-container,
.semi-table-wrapper,
.semi-form,
.semi-modal-content,
.semi-toast-content,
.semi-popover-wrapper,
.semi-dropdown-menu,
.semi-collapsible-wrapper,
.semi-banner,
.semi-collapse,
.semi-descriptions,
.semi-empty,
.semi-spin-children,
.semi-list-item,
.semi-tabs-bar,
.semi-alert {
  color: var(--aurora-text) !important;
  border-color: var(--aurora-border) !important;
  background: var(--aurora-panel) !important;
  box-shadow: var(--aurora-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.semi-card .semi-form,
.semi-modal-content .semi-form,
.semi-form .semi-form,
form.semi-form {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.semi-card,
.semi-modal-content,
.semi-popover-wrapper,
.semi-dropdown-menu,
.semi-table-wrapper,
.semi-table-container,
.semi-banner,
.semi-alert {
  border-radius: 22px !important;
}

.semi-table-row,
.semi-table-thead > .semi-table-row > .semi-table-row-head,
.semi-table-tbody > .semi-table-row > .semi-table-row-cell {
  color: var(--aurora-text) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: transparent !important;
}

.semi-table-row:hover > .semi-table-row-cell {
  background: rgba(255, 255, 255, 0.08) !important;
}

.semi-table-thead > .semi-table-row > .semi-table-row-head {
  color: rgba(247, 248, 255, 0.72) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.semi-typography,
.semi-typography-primary,
.semi-typography-secondary,
.semi-form-field-label,
.semi-descriptions-key,
.semi-descriptions-value,
.semi-tabs-tab,
.semi-tabs-tab-button,
.semi-breadcrumb-item,
.semi-checkbox-addon,
.semi-radio-addon,
.semi-upload,
.semi-input-wrapper,
.semi-select,
.semi-select-selection,
.semi-input,
.semi-input-textarea,
.semi-input-number,
.semi-input-number-input,
.semi-switch,
.semi-button {
  color: var(--aurora-text) !important;
}

.semi-typography-secondary,
.semi-descriptions-key,
.semi-form-extra,
.semi-form-field-help,
.semi-input-defaultValue,
.semi-input::placeholder,
.semi-input-textarea::placeholder {
  color: var(--aurora-muted) !important;
}

.semi-input-wrapper,
.semi-select,
.semi-select-selection,
.semi-input-number,
.semi-input-textarea,
.semi-datepicker,
.semi-timepicker,
.semi-cascader,
.semi-tree-select,
.semi-auto-complete,
input,
textarea,
select {
  color: var(--aurora-text) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;
}

.semi-input-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  overflow: hidden !important;
}

.semi-input-wrapper .semi-input,
.semi-input-wrapper input,
.semi-input-wrapper input:-webkit-autofill,
.semi-input-wrapper input:-webkit-autofill:hover,
.semi-input-wrapper input:-webkit-autofill:focus {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--aurora-text) !important;
  caret-color: var(--aurora-text) !important;
}

.semi-input-wrapper .semi-input-prefix,
.semi-input-wrapper .semi-input-suffix,
.semi-input-wrapper .semi-input-prefix-icon,
.semi-input-wrapper .semi-input-suffix-icon,
.semi-input-wrapper .semi-input-modebtn,
.semi-input-wrapper .semi-input-clearbtn {
  flex: 0 0 auto !important;
  color: rgba(247, 248, 255, 0.7) !important;
  background: transparent !important;
}

.semi-input-wrapper .semi-input-modebtn,
.semi-input-wrapper .semi-input-clearbtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  margin-left: 4px !important;
  border-radius: 999px !important;
}

.semi-input-wrapper .semi-input-modebtn:hover,
.semi-input-wrapper .semi-input-clearbtn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

.semi-form-field-label,
.semi-form-field-label-text {
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.semi-checkbox,
.semi-checkbox-addon,
.semi-checkbox-content {
  color: rgba(247, 248, 255, 0.92) !important;
}

.semi-checkbox-inner {
  border-color: rgba(255, 255, 255, 0.34) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.semi-checkbox-checked .semi-checkbox-inner,
.semi-checkbox-inner-checked {
  border-color: rgba(142, 212, 255, 0.9) !important;
  background: linear-gradient(135deg, var(--aurora-blue), var(--aurora-violet)) !important;
}

.semi-button-disabled,
.semi-button-primary-disabled,
.semi-button[disabled],
button:disabled {
  color: rgba(255, 255, 255, 0.62) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

[class*="login" i],
[class*="register" i],
[class*="auth" i] {
  color: var(--aurora-text) !important;
}

[class*="login" i] .semi-form,
[class*="register" i] .semi-form,
[class*="auth" i] .semi-form,
[class*="login" i] form,
[class*="register" i] form,
[class*="auth" i] form {
  background: rgba(6, 12, 28, 0.26) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[class*="login" i] .semi-input-wrapper,
[class*="register" i] .semi-input-wrapper,
[class*="auth" i] .semi-input-wrapper {
  min-height: 48px !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

[class*="login" i] .semi-input,
[class*="register" i] .semi-input,
[class*="auth" i] .semi-input,
[class*="login" i] input,
[class*="register" i] input,
[class*="auth" i] input {
  background: transparent !important;
  box-shadow: none !important;
}

[class*="login" i] .semi-input-wrapper::before,
[class*="login" i] .semi-input-wrapper::after,
[class*="register" i] .semi-input-wrapper::before,
[class*="register" i] .semi-input-wrapper::after,
[class*="auth" i] .semi-input-wrapper::before,
[class*="auth" i] .semi-input-wrapper::after {
  display: none !important;
}

[class*="login" i] .semi-card,
[class*="register" i] .semi-card,
[class*="auth" i] .semi-card {
  background: rgba(12, 18, 35, 0.62) !important;
}

.semi-input-wrapper-focus,
.semi-select-focus,
.semi-input-number-focus {
  border-color: rgba(142, 212, 255, 0.66) !important;
  box-shadow: 0 0 0 3px rgba(142, 212, 255, 0.16) !important;
}

.semi-button {
  border-radius: 999px !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.semi-button-primary,
.semi-button-primary:not(.semi-button-light):not(.semi-button-borderless) {
  color: var(--aurora-accent-text) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.22);
}

.semi-button:hover {
  transform: translateY(-1px);
}

.semi-button-danger,
.semi-button-warning {
  color: #fff !important;
}

.semi-tag,
.semi-tag-small,
.semi-tag-large,
.semi-tagInput-wrapper-tag,
.sbg-badge,
.channel-affinity-tag,
[class*="-badge"],
[class*="_badge"],
[class$="badge"],
[class*="-Badge"],
[class*="_Badge"],
[class$="Badge"],
[class*="-tag"],
[class*="_tag"],
[class$="tag"],
[class*="-Tag"],
[class*="_Tag"],
[class$="Tag"] {
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 24px !important;
  border-radius: 999px !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: rgba(247, 248, 255, 0.92) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  white-space: normal !important;
  vertical-align: middle !important;
}

.semi-tag,
.semi-tagInput-wrapper-tag,
.sbg-badge,
.channel-affinity-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 5px 10px !important;
  line-height: 1.35 !important;
}

.semi-tag-content,
.semi-tag-content-center,
.semi-tagInput-wrapper-tag .semi-tag-content,
.semi-badge-count,
.sbg-badge,
.sbg-badge span,
.channel-affinity-tag,
.channel-affinity-tag-content,
[class*="-badge"] span,
[class*="_badge"] span,
[class$="badge"] span,
[class*="-Badge"] span,
[class*="_Badge"] span,
[class$="Badge"] span,
[class*="-tag"] span,
[class*="_tag"] span,
[class$="tag"] span,
[class*="-Tag"] span,
[class*="_Tag"] span,
[class$="Tag"] span {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.35 !important;
}

.semi-tag-close,
.semi-tag-prefix-icon,
.semi-tag-suffix-icon,
.semi-tagInput-wrapper-tag-icon {
  flex: 0 0 auto !important;
}

.semi-tag-group,
.semi-tagInput-wrapper,
.semi-select-content-wrapper-collapse-tag {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.semi-button {
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 32px !important;
}

.semi-button-content,
.semi-button-content span {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.35 !important;
}

.semi-badge,
.semi-badge-block {
  max-width: 100% !important;
}

.semi-badge-count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 18px !important;
  min-height: 18px !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: var(--aurora-accent-text) !important;
  box-shadow: 0 6px 16px rgba(2, 6, 23, 0.16) !important;
}

.semi-tag-solid,
.semi-tag-light,
.semi-tag-ghost,
.semi-tag-blue-light,
.semi-tag-green-light,
.semi-tag-red-light,
.semi-tag-orange-light,
.semi-tag-purple-light,
.semi-tag-grey-light,
.semi-tag-teal-light,
.semi-tag-cyan-light,
.semi-tag-indigo-light,
.semi-tag-amber-light,
.semi-tag-lime-light,
.semi-tag-pink-light,
.semi-tag-light-blue-light,
.semi-tag-light-green-light {
  color: rgba(247, 248, 255, 0.95) !important;
}

.semi-tag-solid.semi-tag-red-solid,
.semi-tag-solid.semi-tag-orange-solid,
.semi-tag-solid.semi-tag-amber-solid,
.semi-badge-danger .semi-badge-count,
.semi-badge-warning .semi-badge-count {
  color: #ffffff !important;
}

.semi-tooltip,
.semi-tooltip-wrapper,
.semi-popover-wrapper,
.semi-dropdown-menu {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.semi-tabs-tab-active,
.semi-tabs-tab-active .semi-tabs-tab-button {
  color: #ffffff !important;
}

.semi-tabs-tab-line.semi-tabs-tab-active::before,
.semi-tabs-bar-line.semi-tabs-bar-top .semi-tabs-tab-active::before {
  background: linear-gradient(90deg, var(--aurora-blue), var(--aurora-violet)) !important;
}

.semi-modal-mask {
  background: rgba(5, 10, 20, 0.7) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.semi-modal-header,
.semi-modal-footer {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.semi-divider {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.semi-pagination-item,
.semi-pagination-prev,
.semi-pagination-next {
  color: var(--aurora-text) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  border-radius: 12px !important;
}

.semi-pagination-item-active {
  color: var(--aurora-accent-text) !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

.semi-select-option,
.semi-dropdown-item,
.semi-cascader-option,
.semi-tree-option {
  color: #f7f8ff !important;
}

.semi-select-option:hover,
.semi-dropdown-item:hover,
.semi-cascader-option:hover,
.semi-tree-option:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

.semi-toast-content {
  border-radius: 18px !important;
}

.semi-spin {
  color: var(--aurora-text) !important;
}

.semi-avatar {
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 8px 20px rgba(2, 6, 23, 0.18);
}

.semi-card:hover,
.semi-table-wrapper:hover,
.semi-list-item:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.semi-icon,
svg {
  color: currentColor;
}

@media (max-width: 768px) {
  .semi-card,
  .semi-modal-content,
  .semi-table-wrapper,
  .semi-table-container,
  .semi-banner,
  .semi-alert {
    border-radius: 18px !important;
  }

  .semi-layout-sider,
  aside,
  nav {
    border-radius: 0 !important;
  }
}

/* taolicx brand and New API polish */
:root {
  --aurora-panel-radius: 16px;
  --aurora-chip-radius: 999px;
  --taolicx-blue: #1478ff;
  --taolicx-violet: #6f3cff;
}

html.aurora-newapi-skin img[src*="logo"],
html.aurora-newapi-skin img[alt*="logo" i] {
  object-fit: contain !important;
}

.taolicx-brand-mark {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 8px 10px;
  margin: 4px 8px 10px;
  color: #f8fbff;
  font-weight: 800;
  letter-spacing: 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(20,120,255,.26), rgba(111,60,255,.16));
  box-shadow: 0 14px 34px rgba(3, 8, 23, .22);
  backdrop-filter: blur(14px);
}

.taolicx-brand-mark img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 8px;
  background: rgba(255,255,255,.92);
  padding: 3px;
}

.taolicx-brand-mark span {
  line-height: 1;
  font-size: 18px;
  white-space: nowrap;
}

.semi-card,
.semi-modal-content,
.semi-popover-wrapper,
.semi-dropdown-menu,
.semi-table-wrapper,
.semi-table-container,
.semi-banner,
.semi-alert,
.semi-toast-content,
.semi-collapse,
.semi-list-item {
  border-radius: var(--aurora-panel-radius) !important;
}

.semi-tag,
.semi-tag-default,
.semi-badge-count,
.semi-button,
.semi-button-primary,
.semi-input-wrapper,
.semi-select,
.semi-select-selection,
.semi-tabs-tab,
.semi-navigation-item {
  border-radius: var(--aurora-chip-radius) !important;
}

.semi-banner,
.semi-alert {
  align-items: flex-start !important;
  overflow: hidden !important;
}

.semi-banner-content,
.semi-alert-content,
.semi-toast-content,
.semi-notification-notice-content,
.semi-modal-body,
.semi-card-body,
.semi-typography,
.semi-typography p,
.semi-descriptions-value,
.semi-descriptions-key,
.semi-table-row-cell,
.semi-form-field,
.semi-form-field-main,
.semi-form-field-label,
.semi-input,
.semi-input-textarea,
.semi-select-selection-text,
.semi-tag-content,
.semi-button-content {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.55 !important;
}

.semi-button,
.semi-tag,
.semi-badge-count {
  white-space: nowrap !important;
  word-break: normal !important;
}

.semi-space,
.semi-space-align-center,
.semi-space-align-start {
  flex-wrap: wrap !important;
  min-width: 0 !important;
}

.semi-card-header,
.semi-card-meta,
.semi-card-meta-wrapper,
.semi-list-item-body,
.semi-list-item-main,
.semi-table-row-cell {
  min-width: 0 !important;
}

.semi-table,
.semi-table-container,
.semi-table-wrapper {
  overflow-x: auto !important;
}

.semi-table table {
  width: max-content !important;
  min-width: 100% !important;
}

.semi-form-field {
  margin-bottom: 16px !important;
}

.semi-form-field-label {
  padding-bottom: 6px !important;
}

.semi-input-wrapper,
.semi-select,
.semi-select-selection,
.semi-input-number {
  min-height: 38px !important;
}

.semi-modal {
  max-width: calc(100vw - 24px) !important;
}

.semi-modal-content {
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
}

.semi-navigation-list-wrapper,
.semi-navigation-list {
  overflow-x: hidden !important;
}

.semi-navigation-item-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  body::before { background: linear-gradient(145deg, rgba(6,10,22,.86), rgba(15,22,44,.74)); }
  .semi-card,
  .semi-modal-content,
  .semi-banner,
  .semi-alert {
    border-radius: 14px !important;
  }
  .taolicx-brand-mark {
    margin: 4px 6px 8px;
    padding: 7px 9px;
  }
  .taolicx-brand-mark img {
    width: 30px;
    height: 30px;
  }
  .taolicx-brand-mark span {
    font-size: 16px;
  }
  .semi-layout-sider,
  aside,
  nav {
    max-width: 88vw !important;
  }
  .semi-table-row-cell,
  .semi-table-row-head {
    padding: 10px 12px !important;
  }
}

/* 2026-05-08 taolicx front-end correction */
html.aurora-newapi-skin .taolicx-brand-mark {
  display: none !important;
}

html.aurora-newapi-skin .taolicx-logo-img,
html.aurora-newapi-skin header img,
html.aurora-newapi-skin nav img,
html.aurora-newapi-skin aside img {
  object-fit: contain !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border-radius: 10px !important;
  padding: 3px !important;
}

html.aurora-newapi-skin .semi-layout-header,
html.aurora-newapi-skin header[class*="sticky"],
html.aurora-newapi-skin header[class*="backdrop-blur"] {
  min-height: 60px !important;
  height: 60px !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #f8fbff !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(100deg, rgba(20, 62, 126, .64), rgba(77, 52, 125, .56)) !important;
  box-shadow: 0 14px 38px rgba(2, 6, 23, .26) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html.aurora-newapi-skin .semi-layout-header > header {
  position: relative !important;
  inset: auto !important;
  height: 60px !important;
  min-height: 60px !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html.aurora-newapi-skin header .semi-typography,
html.aurora-newapi-skin header a,
html.aurora-newapi-skin header button,
html.aurora-newapi-skin nav a,
html.aurora-newapi-skin nav button {
  color: #f8fbff !important;
  text-shadow: 0 1px 10px rgba(2, 6, 23, .24) !important;
}

html.aurora-newapi-skin header nav,
html.aurora-newapi-skin header [class*="overflow-x-auto"] {
  overflow-x: auto !important;
  overflow-y: visible !important;
  min-width: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.aurora-newapi-skin header [class*="overflow-x-auto"] a {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  border-radius: 999px !important;
}

html.aurora-newapi-skin .bg-white,
html.aurora-newapi-skin .dark\:bg-zinc-900\/75,
html.aurora-newapi-skin .dark\:bg-zinc-900,
html.aurora-newapi-skin .dark\:bg-black,
html.aurora-newapi-skin [class*="bg-white"],
html.aurora-newapi-skin [class*="bg-gray-"],
html.aurora-newapi-skin [class*="bg-zinc-"] {
  background-color: transparent !important;
}

html.aurora-newapi-skin .pricing-layout,
html.aurora-newapi-skin .pricing-content,
html.aurora-newapi-skin .pricing-view-container,
html.aurora-newapi-skin .pricing-scroll-hide {
  color: #f7f8ff !important;
  background: transparent !important;
}

html.aurora-newapi-skin .pricing-sidebar {
  width: 346px !important;
  max-width: 346px !important;
  min-width: 300px !important;
  color: #f7f8ff !important;
  background: rgba(10, 16, 32, .68) !important;
  border-right: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 16px 0 44px rgba(2, 6, 23, .24) !important;
}

html.aurora-newapi-skin .pricing-sidebar .semi-divider,
html.aurora-newapi-skin .pricing-sidebar .semi-divider-inner-text,
html.aurora-newapi-skin .pricing-sidebar [class*="semi-divider"] {
  color: rgba(248,251,255,.88) !important;
  border-color: rgba(255,255,255,.14) !important;
}

html.aurora-newapi-skin .pricing-sidebar .semi-row {
  row-gap: 8px !important;
}

html.aurora-newapi-skin .pricing-sidebar .semi-col {
  padding: 3px 4px !important;
}

html.aurora-newapi-skin .pricing-sidebar .sbg-button,
html.aurora-newapi-skin .pricing-sidebar .semi-button {
  width: 100% !important;
  min-height: 36px !important;
  padding: 7px 10px !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.13) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html.aurora-newapi-skin .pricing-sidebar .semi-button-primary,
html.aurora-newapi-skin .pricing-sidebar .semi-button-light.semi-button-primary {
  color: #111827 !important;
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(255,255,255,.94) !important;
}

html.aurora-newapi-skin .pricing-sidebar .sbg-content,
html.aurora-newapi-skin .pricing-sidebar .semi-button-content {
  display: grid !important;
  align-items: center !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  justify-content: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

html.aurora-newapi-skin .pricing-content {
  padding-top: 0 !important;
}

html.aurora-newapi-skin .pricing-content .semi-card,
html.aurora-newapi-skin .pricing-view-container .semi-card {
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background:
    linear-gradient(145deg, rgba(16, 24, 48, .78), rgba(14, 21, 44, .62)) !important;
  box-shadow: 0 18px 44px rgba(2, 6, 23, .26) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html.aurora-newapi-skin .pricing-content .semi-card-body,
html.aurora-newapi-skin .pricing-view-container .semi-card-body,
html.aurora-newapi-skin .pricing-content .semi-card-body *,
html.aurora-newapi-skin .pricing-view-container .semi-card-body * {
  color: #f8fbff !important;
}

html.aurora-newapi-skin .pricing-content .semi-card-body [class*="text-gray"],
html.aurora-newapi-skin .pricing-content .semi-card-body [class*="text-zinc"],
html.aurora-newapi-skin .pricing-content .semi-card-body [class*="text-slate"],
html.aurora-newapi-skin .pricing-view-container [class*="text-gray"],
html.aurora-newapi-skin .pricing-view-container [class*="text-zinc"],
html.aurora-newapi-skin .pricing-view-container [class*="text-slate"] {
  color: rgba(232, 238, 255, .76) !important;
}

html.aurora-newapi-skin .pricing-content .semi-card .semi-tag,
html.aurora-newapi-skin .pricing-content .semi-card [class*="rounded-full"],
html.aurora-newapi-skin .pricing-view-container .semi-card [class*="rounded-full"] {
  color: #f8fbff !important;
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.18) !important;
}

html.aurora-newapi-skin .pricing-content .semi-card h1,
html.aurora-newapi-skin .pricing-content .semi-card h2,
html.aurora-newapi-skin .pricing-content .semi-card h3,
html.aurora-newapi-skin .pricing-content .semi-card h4,
html.aurora-newapi-skin .pricing-content .semi-card h5,
html.aurora-newapi-skin .pricing-content .semi-card h6,
html.aurora-newapi-skin .pricing-content .semi-card p,
html.aurora-newapi-skin .pricing-content .semi-card span,
html.aurora-newapi-skin .pricing-content .semi-card div {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html.aurora-newapi-skin .pricing-content .grid,
html.aurora-newapi-skin .pricing-view-container .grid {
  align-items: stretch !important;
}

html.aurora-newapi-skin .semi-modal,
html.aurora-newapi-skin .semi-modal-wrap,
html.aurora-newapi-skin .semi-modal-content {
  color: #f8fbff !important;
}

html.aurora-newapi-skin .taolicx-home-main {
  min-height: calc(100vh - 150px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 96px 24px 48px !important;
}

html.aurora-newapi-skin .taolicx-home-shell {
  width: min(1120px, calc(100vw - 48px)) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr) !important;
  gap: 18px !important;
  color: #f8fbff !important;
}

html.aurora-newapi-skin .taolicx-home-hero,
html.aurora-newapi-skin .taolicx-home-panel {
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(16, 24, 48, .76), rgba(13, 20, 42, .58)) !important;
  box-shadow: 0 24px 64px rgba(2, 6, 23, .34) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html.aurora-newapi-skin .taolicx-home-hero {
  min-height: 420px !important;
  padding: 38px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

html.aurora-newapi-skin .taolicx-home-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  color: rgba(248,251,255,.84) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html.aurora-newapi-skin .taolicx-home-kicker img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.94) !important;
  padding: 2px !important;
}

html.aurora-newapi-skin .taolicx-home-hero h1 {
  margin: 26px 0 12px !important;
  color: #ffffff !important;
  font-size: 64px !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html.aurora-newapi-skin .taolicx-home-copy {
  max-width: 720px !important;
  margin: 0 !important;
  color: rgba(236, 242, 255, .82) !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
}

html.aurora-newapi-skin .taolicx-home-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 26px !important;
}

html.aurora-newapi-skin .taolicx-home-actions a,
html.aurora-newapi-skin .taolicx-endpoint-card button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.12) !important;
  color: #f8fbff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html.aurora-newapi-skin .taolicx-home-actions a:first-child,
html.aurora-newapi-skin .taolicx-endpoint-card button {
  color: #111827 !important;
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(255,255,255,.94) !important;
}

html.aurora-newapi-skin .taolicx-endpoint-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-top: 28px !important;
  padding: 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.1) !important;
}

html.aurora-newapi-skin .taolicx-endpoint-card span {
  display: block !important;
  color: rgba(236,242,255,.72) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html.aurora-newapi-skin .taolicx-endpoint-card strong {
  display: block !important;
  margin-top: 4px !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

html.aurora-newapi-skin .taolicx-home-panel {
  padding: 18px !important;
  display: grid !important;
  gap: 12px !important;
  align-content: center !important;
}

html.aurora-newapi-skin .taolicx-home-panel > div {
  min-height: 84px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.1) !important;
}

html.aurora-newapi-skin .taolicx-home-panel span {
  color: rgba(236,242,255,.7) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html.aurora-newapi-skin .taolicx-home-panel strong {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

html.aurora-newapi-skin .taolicx-home-original-note {
  display: none !important;
}

html.aurora-newapi-skin footer a[href*="new-api"],
html.aurora-newapi-skin footer a[href*="New"],
html.aurora-newapi-skin footer a:last-child {
  display: none !important;
}

/* Keep account menus above the background/video and page panels. */
html.aurora-newapi-skin .semi-portal,
html.aurora-newapi-skin .semi-portal-inner,
html.aurora-newapi-skin .semi-dropdown,
html.aurora-newapi-skin .semi-popover,
html.aurora-newapi-skin .semi-tooltip,
html.aurora-newapi-skin .semi-modal,
html.aurora-newapi-skin .semi-modal-wrap,
html.aurora-newapi-skin .semi-notification,
html.aurora-newapi-skin .semi-toast,
html.aurora-newapi-skin [class*="Dropdown"],
html.aurora-newapi-skin [class*="dropdown"],
html.aurora-newapi-skin [class*="Popover"],
html.aurora-newapi-skin [class*="popover"],
html.aurora-newapi-skin [role="menu"],
html.aurora-newapi-skin [role="listbox"] {
  z-index: 2147483000 !important;
}

html.aurora-newapi-skin .semi-dropdown-wrapper,
html.aurora-newapi-skin .semi-popover-wrapper,
html.aurora-newapi-skin .semi-dropdown-menu,
html.aurora-newapi-skin .semi-select-option-list,
html.aurora-newapi-skin .semi-cascader-option-lists,
html.aurora-newapi-skin .semi-tree-select-popover,
html.aurora-newapi-skin .semi-datepicker,
html.aurora-newapi-skin .semi-timepicker {
  z-index: 2147483000 !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  background: #0c1223 !important;
  background-color: #0c1223 !important;
  background-image: none !important;
  box-shadow: 0 22px 60px rgba(2, 6, 23, .45) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: isolate !important;
  background-clip: padding-box !important;
}

html.aurora-newapi-skin .semi-dropdown-wrapper *,
html.aurora-newapi-skin .semi-popover-wrapper *,
html.aurora-newapi-skin .semi-dropdown-menu *,
html.aurora-newapi-skin [role="menu"] *,
html.aurora-newapi-skin [class*="dropdown"] *,
html.aurora-newapi-skin [class*="popover"] * {
  background-clip: padding-box !important;
}

html.aurora-newapi-skin .semi-dropdown-wrapper,
html.aurora-newapi-skin .semi-popover-wrapper {
  position: fixed !important;
}

html.aurora-newapi-skin .semi-dropdown-menu,
html.aurora-newapi-skin .semi-dropdown-menu * {
  color: #f8fbff !important;
}

html.aurora-newapi-skin .semi-dropdown-item,
html.aurora-newapi-skin .semi-dropdown-item a,
html.aurora-newapi-skin .semi-dropdown-item span {
  color: rgba(248,251,255,.92) !important;
}

html.aurora-newapi-skin .semi-dropdown-item:hover,
html.aurora-newapi-skin .semi-dropdown-item-active {
  color: #111827 !important;
  background: rgba(255,255,255,.92) !important;
}

html.aurora-newapi-skin .semi-dropdown-item:hover *,
html.aurora-newapi-skin .semi-dropdown-item-active * {
  color: #111827 !important;
}

/* Pricing filters work better as compact list controls than pills. */
html.aurora-newapi-skin .pricing-sidebar .semi-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

html.aurora-newapi-skin .pricing-sidebar .semi-col {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

html.aurora-newapi-skin .pricing-sidebar .sbg-button,
html.aurora-newapi-skin .pricing-sidebar button.semi-button {
  width: 100% !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  text-align: left !important;
  color: #f8fbff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.10) !important;
}

html.aurora-newapi-skin .pricing-sidebar .semi-button-primary,
html.aurora-newapi-skin .pricing-sidebar .semi-button-light.semi-button-primary {
  color: #111827 !important;
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(255,255,255,.94) !important;
}

html.aurora-newapi-skin .pricing-sidebar .sbg-content,
html.aurora-newapi-skin .pricing-sidebar .semi-button-content {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  justify-content: stretch !important;
  overflow: visible !important;
  text-align: left !important;
  line-height: 1.25 !important;
}

html.aurora-newapi-skin .pricing-sidebar .sbg-icon {
  display: none !important;
}

html.aurora-newapi-skin .pricing-sidebar .sbg-ellipsis {
  grid-column: 1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

html.aurora-newapi-skin .pricing-sidebar .sbg-content > :first-child,
html.aurora-newapi-skin .pricing-sidebar .semi-button-content > :first-child {
  min-width: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

html.aurora-newapi-skin .pricing-sidebar .sbg-badge,
html.aurora-newapi-skin .pricing-sidebar .semi-badge-count,
html.aurora-newapi-skin .pricing-sidebar [class*="badge"] {
  grid-column: 2 !important;
  justify-self: end !important;
  flex: 0 0 auto !important;
  min-width: 24px !important;
  max-width: 56px !important;
  min-height: 22px !important;
  height: 22px !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: rgba(248,251,255,.95) !important;
  background: rgba(255,255,255,.18) !important;
}

html.aurora-newapi-skin .pricing-sidebar .semi-button-primary .sbg-badge,
html.aurora-newapi-skin .pricing-sidebar .semi-button-primary .semi-badge-count,
html.aurora-newapi-skin .pricing-sidebar .semi-button-primary [class*="badge"] {
  color: #111827 !important;
  background: rgba(17, 24, 39, .12) !important;
}

html.aurora-newapi-skin .pricing-content .semi-card [class*="rounded-full"],
html.aurora-newapi-skin .pricing-view-container .semi-card [class*="rounded-full"],
html.aurora-newapi-skin .pricing-content .semi-tag,
html.aurora-newapi-skin .pricing-view-container .semi-tag {
  max-width: 100% !important;
  min-height: 28px !important;
  height: auto !important;
  border-radius: 8px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.25 !important;
}

@media (max-width: 768px) {
  html.aurora-newapi-skin .pricing-sidebar .semi-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 768px) {
  html.aurora-newapi-skin .semi-layout-header,
  html.aurora-newapi-skin header[class*="sticky"],
  html.aurora-newapi-skin header[class*="backdrop-blur"],
  html.aurora-newapi-skin .semi-layout-header > header {
    min-height: 96px !important;
    height: 96px !important;
    overflow: visible !important;
  }

  html.aurora-newapi-skin header > .w-full,
  html.aurora-newapi-skin header > div[class*="px-2"] {
    height: 96px !important;
  }

  html.aurora-newapi-skin header .w-full > [class*="justify-between"],
  html.aurora-newapi-skin header [class*="items-center"][class*="justify-between"] {
    height: 96px !important;
    min-height: 96px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 48px 40px !important;
    align-items: center !important;
    gap: 4px 8px !important;
  }

  html.aurora-newapi-skin header [class*="items-center"][class*="justify-between"] > :first-child {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  html.aurora-newapi-skin header [class*="items-center"][class*="justify-between"] > :last-child {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    min-width: max-content !important;
  }

  html.aurora-newapi-skin header [class*="overflow-x-auto"] {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2px 6px !important;
  }

  html.aurora-newapi-skin header [class*="overflow-x-auto"] a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    min-height: 32px !important;
  }

  html.aurora-newapi-skin .pricing-layout {
    display: block !important;
  }

  html.aurora-newapi-skin .pricing-sidebar {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
  }

  html.aurora-newapi-skin .pricing-content {
    width: 100% !important;
    margin-left: 0 !important;
  }

  html.aurora-newapi-skin .pricing-content .grid,
  html.aurora-newapi-skin .pricing-view-container .grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html.aurora-newapi-skin .taolicx-home-main {
    min-height: calc(100vh - 120px) !important;
    padding: 78px 16px 32px !important;
    align-items: flex-start !important;
  }

  html.aurora-newapi-skin .taolicx-home-shell {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.aurora-newapi-skin .taolicx-home-hero {
    min-height: 0 !important;
    padding: 24px !important;
  }

  html.aurora-newapi-skin .taolicx-home-hero h1 {
    font-size: 42px !important;
  }

  html.aurora-newapi-skin .taolicx-home-copy {
    font-size: 15px !important;
  }

  html.aurora-newapi-skin .taolicx-endpoint-card {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html.aurora-newapi-skin .taolicx-endpoint-card button {
    width: 100% !important;
  }
}