/* 小火龙API console skin v8 — warm cream (no pure white), orange brand */
html,
html[theme-mode="dark"],
html[theme-mode="light"],
html[theme-mode="classic"],
html[data-theme],
:root {
  /* ★ Semi UI 真正的底层色源：--semi-blue-* 是 RGB 三元组，
     primary 运行时算成 rgba(var(--semi-blue-5),1)。
     只改 --semi-color-primary 没用，必须改这套色阶。
     这里把蓝色阶整体映射成小火龙品牌橙色阶。★ */
  --semi-blue-0: 255, 244, 235 !important;
  --semi-blue-1: 255, 232, 214 !important;
  --semi-blue-2: 255, 209, 173 !important;
  --semi-blue-3: 255, 180, 130 !important;
  --semi-blue-4: 255, 146, 80 !important;
  --semi-blue-5: 255, 106, 26 !important;
  --semi-blue-6: 240, 88, 12 !important;
  --semi-blue-7: 200, 67, 0 !important;
  --semi-blue-8: 160, 54, 0 !important;
  --semi-blue-9: 120, 40, 0 !important;
  --semi-light-blue-0: 255, 246, 238 !important;
  --semi-light-blue-1: 255, 236, 220 !important;
  --semi-light-blue-2: 255, 216, 184 !important;
  --semi-light-blue-3: 255, 190, 143 !important;
  --semi-light-blue-4: 255, 160, 95 !important;
  --semi-light-blue-5: 255, 130, 60 !important;

  --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: #FFF8F2 !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: #FFF8F2 !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-side-sheet,
.semi-side-sheet-inner,
.semi-side-sheet-content,
.semi-form,
.semi-table-wrapper,
.semi-banner,
.semi-list,
.semi-tabs-content,
.semi-collapse,
.semi-descriptions,
.semi-popover-content,
.semi-dropdown,
.semi-select-option-list,
.semi-cascader-option-lists,
.semi-datepicker,
.semi-calendar,
.semi-input,
.semi-input-wrapper,
.semi-input-textarea,
.semi-select,
.semi-select-selection,
.semi-radio-inner,
.semi-checkbox-inner,
.semi-switch-native-control,
textarea,
input,
select {
  background: #FFF8F2 !important;
  background-color: #FFF8F2 !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-side-sheet,
.semi-side-sheet-inner,
.semi-side-sheet-content,
.semi-form,
.semi-page {
  background: #FFF8F2 !important;
  background-color: #FFF8F2 !important;
  border-color: rgba(180,100,40,.12) !important;
  color: #2A1A12 !important;
  box-shadow: 0 8px 28px rgba(120,60,20,.08);
}

/* 用户详情/抽屉：必须实色米白，不要透明 */
.semi-side-sheet,
.semi-side-sheet-inner,
.semi-side-sheet-content,
.semi-sidesheet,
.semi-sidesheet-inner,
.semi-sidesheet-content,
.semi-modal-content,
.semi-modal-header,
.semi-modal-body,
.semi-modal-footer,
.semi-side-sheet-header,
.semi-side-sheet-body,
.semi-side-sheet-footer,
.semi-sidesheet-header,
.semi-sidesheet-body,
.semi-sidesheet-footer {
  background: #FFF8F2 !important;
  background-color: #FFF8F2 !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
}

.semi-card-header,
.semi-card-body,
.semi-card-footer {
  background: transparent !important;
  border-color: rgba(180,100,40,.10) !important;
  color: #2A1A12 !important;
}
.semi-modal-header,
.semi-modal-body,
.semi-modal-footer {
  background: #FFF8F2 !important;
  background-color: #FFF8F2 !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;
  background-color: #FFF3EA !important;
  color: #4A3428 !important;
  border-color: rgba(180,100,40,.10) !important;
}
.semi-table-tbody > .semi-table-row > .semi-table-row-cell,
.semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right,
.semi-table-cell-fixed-right,
.semi-table-cell-fixed-right-first {
  background: #FFF8F2 !important;
  background-color: #FFF8F2 !important;
  color: #2A1A12 !important;
  border-color: rgba(180,100,40,.08) !important;
  opacity: 1 !important;
}
.semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell,
.semi-table-tbody > .semi-table-row:hover > .semi-table-cell-fixed-right {
  background: #FFE8D6 !important;
  background-color: #FFE8D6 !important;
}

/* 用户管理表：整卡/表体/固定列一律实色米白，禁止透底 */
body.xh-user-page .semi-card.table-scroll-card,
body.xh-user-page .semi-card.table-scroll-card .semi-card-body,
body.xh-user-page .semi-table-wrapper,
body.xh-user-page .semi-table-container,
body.xh-user-page .semi-table-body,
body.xh-user-page .semi-table,
body.xh-user-page .semi-spin,
body.xh-user-page .semi-spin-children {
  background: #FFF8F2 !important;
  background-color: #FFF8F2 !important;
  opacity: 1 !important;
}
body.xh-user-page .semi-table-thead > .semi-table-row > .semi-table-row-head,
body.xh-user-page .semi-table-thead .semi-table-cell-fixed-right,
body.xh-user-page .semi-table-thead .semi-table-cell-fixed-right-first {
  background: #FFF3EA !important;
  background-color: #FFF3EA !important;
}
body.xh-user-page th.xh-settings-col-head,
body.xh-user-page .xh-settings-col-title {
  color: #4A3428 !important;
  font-weight: 600 !important;
  text-align: center !important;
}
/* 设置列：约原 200px 的 1/4，按钮居中 */
body.xh-user-page .semi-table-colgroup col:last-child {
  width: 52px !important;
  min-width: 52px !important;
}
body.xh-user-page .semi-table-thead th.semi-table-row-head:last-child,
body.xh-user-page .semi-table-tbody td.semi-table-row-cell:last-child,
body.xh-user-page .semi-table-cell-fixed-right,
body.xh-user-page .semi-table-cell-fixed-right-first {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 56px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  text-align: center !important;
}
body.xh-user-page .xh-settings-wrap {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}
body.xh-user-page .xh-settings-btn {
  margin: 0 auto !important;
  padding: 2px 8px !important;
  font-size: 12px !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: #FFF8F2 !important;
  background-color: #FFF8F2 !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: #FFF8F2 !important;
  background-color: #FFF8F2 !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: #FFF8F2 !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,
.semi-side-sheet-mask {
  background: rgba(42,26,18,.35) !important;
}

/* 兜底：任何仍写死纯白的常见面板 → 米白 */
.bg-white,
.bg-background,
[class*="bg-white"],
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: #FFF"],
[style*="background:#FFF"],
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: #FFF"],
[style*="background-color:#FFF"],
[style*="background: rgb(255, 255, 255)"],
[style*="background-color: rgb(255, 255, 255)"],
[style*="background:rgb(255, 255, 255)"],
[style*="background-color:rgb(255, 255, 255)"] {
  background: #FFF8F2 !important;
  background-color: #FFF8F2 !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}

/* ===== 小火龙品牌橙 · Tailwind/shadcn 变量覆盖（v10）=====
   NewAPI rc.2 pricing/panel 用 Tailwind + shadcn，主色解析自 --primary 等变量。
   默认 --primary 是蓝色（oklch 色相 243），下面统一改成品牌橙。
   生效范围：按钮/选中态/chip/徽标/focus ring/图表色/sidebar 主色。
*/
:root,
html,
html[theme-mode="light"],
html[theme-mode="dark"],
html[data-theme],
.dark,
[data-theme="dark"] {
  --primary: #FF6A1A !important;
  --primary-foreground: #FFFFFF !important;
  --ring: rgba(255,106,26,.55) !important;
  --info: #FF6A1A !important;
  --info-foreground: #FFFFFF !important;
  --chart-1: #FF6A1A !important;
  --chart-2: #FF8A3D !important;
  --chart-3: #E24F00 !important;
  --chart-4: #FFB27A !important;
  --chart-5: #C44300 !important;
  --sidebar-primary: #FF6A1A !important;
  --sidebar-primary-foreground: #FFFFFF !important;
  --sidebar-ring: rgba(255,106,26,.55) !important;
  --accent: rgba(255,106,26,.10) !important;
  --accent-foreground: #E24F00 !important;
  --overview-accent-1: #FF6A1A !important;
  --overview-accent-2: #FF8A3D !important;
  --secondary-foreground: #E24F00 !important;
}

/* 选中态/分段按钮直接命中 Tailwind 类（防变量未生效兜底） */
.bg-primary { background-color: #FF6A1A !important; }
.text-primary { color: #FF6A1A !important; }
.text-primary-foreground { color: #FFFFFF !important; }
.border-primary { border-color: #FF6A1A !important; }
.ring-primary { --tw-ring-color: rgba(255,106,26,.55) !important; }
.bg-info { background-color: #FF6A1A !important; }
.text-info { color: #FF6A1A !important; }

/* pricing 供应商 chip 选中态（shadcn FilterChip active） */
button.bg-foreground\/5 {
  background-color: rgba(255,106,26,.10) !important;
  border-color: rgba(255,106,26,.35) !important;
  color: #E24F00 !important;
}

/* 用户名胶囊（首页登录态） */
.xh-user-pill {
  background: linear-gradient(135deg,#FF8A3D,#FF6A1A 55%,#E24F00) !important;
  color: #fff !important;
  border: none !important;
}

/* ===== 模型广场「全部供应商」banner 蓝色 → 品牌橙 =====
   该 banner 用 inline style 写死 --palette-primary-darkerChannel: 37 99 235（蓝），
   覆盖在 cover-4.webp 背景图上。这里用 !important 把它改成橙色 RGB 226 79 0。
*/
[style*="--palette-primary-darkerChannel"] {
  --palette-primary-darkerChannel: 226 79 0 !important;
}
[style*="palette-primary-darkerChannel"] {
  background-image: linear-gradient(0deg, rgba(226, 79, 0, 0.82), rgba(226, 79, 0, 0.82)), url("/cover-4.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* ===== DeepSeek 峰谷价说明条（遗留兼容，默认不展示长文）===== */
#xh-deepseek-peak-banner,
.xh-peak-banner {
  display: none !important;
}
.xh-peak-live {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 8px;
  border-radius: 999px;
  background: #E24F00;
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
}
.xh-peak-idle {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 8px;
  border-radius: 999px;
  background: rgba(122, 92, 74, 0.12);
  color: #7A5C4A !important;
  font-size: 12px;
  font-weight: 650;
}

/* ===== 高峰状态条（控制台管理员 / 模型广场全员）===== */
#xh-admin-peak-status,
#xh-pricing-peak-status,
.xh-admin-peak-status,
.xh-pricing-peak-status {
  margin: 0 0 10px 0;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 12.5px;
  line-height: 1.5;
  font-family: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
  border: 1px solid rgba(180, 100, 40, 0.2);
  background: #FFF8F2;
  color: #2A1A12;
  position: relative;
  z-index: 20;
  overflow: hidden;
  isolation: isolate;
}
/* 模型广场：夹在「全部供应商」和模型卡之间，滚动时压住卡片角标 */
body.xh-pricing-page #xh-pricing-peak-status,
body.xh-pricing-page .xh-pricing-peak-status {
  margin: 10px 0 12px 0 !important;
  position: sticky !important;
  top: 8px !important;
  z-index: 40 !important;
  box-shadow: 0 4px 14px rgba(226, 79, 0, 0.10) !important;
  backdrop-filter: saturate(1.05);
}
#xh-admin-peak-status.is-peak,
#xh-pricing-peak-status.is-peak,
.xh-admin-peak-status.is-peak,
.xh-pricing-peak-status.is-peak {
  border-color: rgba(226, 79, 0, 0.45);
  background: linear-gradient(90deg, #FFE8D6, #FFD4A8);
}
#xh-admin-peak-status .xh-aps-dot,
#xh-pricing-peak-status .xh-aps-dot,
.xh-admin-peak-status .xh-aps-dot,
.xh-pricing-peak-status .xh-aps-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
  background: #A88872;
  vertical-align: middle;
}
#xh-admin-peak-status.is-peak .xh-aps-dot,
#xh-pricing-peak-status.is-peak .xh-aps-dot,
.xh-admin-peak-status.is-peak .xh-aps-dot,
.xh-pricing-peak-status.is-peak .xh-aps-dot {
  background: #E24F00;
  box-shadow: 0 0 0 3px rgba(226, 79, 0, 0.2);
}
#xh-admin-peak-status .xh-aps-on,
#xh-pricing-peak-status .xh-aps-on,
.xh-admin-peak-status .xh-aps-on,
.xh-pricing-peak-status .xh-aps-on { color: #C44300; font-weight: 750; }
#xh-admin-peak-status .xh-aps-off,
#xh-pricing-peak-status .xh-aps-off,
.xh-admin-peak-status .xh-aps-off,
.xh-pricing-peak-status .xh-aps-off { color: #7A5C4A; font-weight: 650; }

/* 「全部供应商」横幅始终压在卡片/角标之上，避免滚动穿模 */
body.xh-pricing-page [style*="palette-primary-darkerChannel"],
body.xh-pricing-page [style*="--palette-primary-darkerChannel"] {
  position: relative !important;
  z-index: 30 !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* ===== 卡片模板：normal / peak（可复用）===== */
body.xh-pricing-page .semi-card.xh-card-template {
  position: relative !important;
  overflow: hidden !important; /* 角标不出卡，避免滚到供应商框 */
  isolation: isolate !important;
  z-index: 1 !important;
  transform: translateZ(0);
}
/* 正常模板：浅暖橙（侧栏色） */
body.xh-pricing-page .semi-card.xh-card-template-normal,
body.xh-pricing-page .semi-card[data-xh-card-template="normal"] {
  background: #FFF3EA !important;
  background-color: #FFF3EA !important;
  border: 1px solid rgba(180, 100, 40, 0.16) !important;
}
/* 高峰模板底色占位（真正火焰层见文件末尾，避免被通用卡背景覆盖） */
body.xh-pricing-page .semi-card.xh-card-template-peak,
body.xh-pricing-page .semi-card[data-xh-card-template="peak"] {
  border: 1px solid rgba(226, 79, 0, 0.48) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
/* 高峰角标：贴在「按量计费/按次计费」右边（同排 inline） */
body.xh-pricing-page .xh-billing-row,
body.xh-pricing-page [data-xh-billing-row="1"] {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-width: 100% !important;
  vertical-align: middle !important;
}
body.xh-pricing-page [data-xh-billing-type="1"] {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
body.xh-pricing-page .xh-peak-badge {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 1px 7px 1px 5px !important;
  border-radius: 999px !important;
  background: #E24F00 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  box-shadow: 0 2px 8px rgba(226, 79, 0, 0.24) !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  flex: 0 0 auto !important;
}
/* 找不到计费文案时的兜底：卡片左下 */
body.xh-pricing-page .xh-peak-badge.xh-peak-badge-fallback {
  position: absolute !important;
  left: 10px !important;
  bottom: 10px !important;
  right: auto !important;
  top: auto !important;
}
body.xh-pricing-page .xh-peak-badge .xh-peak-flame {
  display: inline-block !important;
  font-size: 12px !important;
  transform-origin: 50% 80% !important;
  animation: xh-flame-wobble 0.7s ease-in-out infinite !important;
}
body.xh-pricing-page .xh-peak-badge .xh-peak-badge-text {
  color: #fff !important;
  letter-spacing: 0.02em !important;
}
@keyframes xh-flame-wobble {
  0% { transform: rotate(-12deg) translateY(0); }
  50% { transform: rotate(12deg) translateY(-1px); }
  100% { transform: rotate(-12deg) translateY(0); }
}
/* 高峰卡标题不再给右上角留空 */
body.xh-pricing-page .semi-card.xh-card-template-peak .semi-card-body,
body.xh-pricing-page .semi-card[data-xh-card-template="peak"] .semi-card-body {
  padding-top: 6px !important;
}
body.xh-pricing-page .semi-card.xh-card-template-peak h3 {
  padding-right: 4px !important;
  padding-left: 0 !important;
}

/* ===== 模型广场卡片：每行 4 列 + 侧栏同色底（自适应，不固定 px）=====
   NewAPI rc.2 列表网格 class：grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4
   用属性选择器，避免 Tailwind 冒号 class 转义问题
*/
body.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"],
html.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-content: start !important;
  align-items: start !important; /* 高度由 JS 统一到第一排基准 */
}

@media (max-width: 1199px) {
  body.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"],
  html.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  body.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"],
  html.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 模型卡：侧栏同色 #FFF3EA；高度由 JS 统一到第一排基准（内容靠上、底部留白）
   注意：高峰卡不要被这层纯色 background 盖掉火焰 */
body.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"] > .semi-card:not(.xh-card-template-peak):not([data-xh-card-template="peak"]),
body.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"] .semi-card:not(.xh-card-template-peak):not([data-xh-card-template="peak"]),
html.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"] .semi-card:not(.xh-card-template-peak):not([data-xh-card-template="peak"]) {
  background: #FFF3EA !important;
  background-color: #FFF3EA !important;
  border: 1px solid rgba(180, 100, 40, 0.16) !important;
  box-shadow: 0 2px 10px rgba(226, 79, 0, 0.04) !important;
}
body.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"] > .semi-card,
body.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"] .semi-card,
html.xh-pricing-page div.grid[class*="xl:grid-cols-2"][class*="2xl:grid-cols-3"] .semi-card {
  max-width: 100% !important;
  width: 100% !important;
  min-height: var(--xh-card-unify-h, auto);
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  position: relative !important;
}
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card-body,
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card-header,
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card-footer,
html.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card-body {
  background: transparent !important;
  background-color: transparent !important;
  overflow: visible !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card:not(.xh-card-template-peak):not([data-xh-card-template="peak"]):hover,
html.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card:not(.xh-card-template-peak):not([data-xh-card-template="peak"]):hover {
  background: #FFE8D6 !important;
  background-color: #FFE8D6 !important;
  border-color: rgba(255, 106, 26, 0.28) !important;
}

/* 兜底：定价页里带 cursor-pointer 的圆角模型卡（排除高峰） */
body.xh-pricing-page .semi-card.cursor-pointer:not(.xh-card-template-peak):not([data-xh-card-template="peak"]),
body.xh-pricing-page .semi-card[class*="cursor-pointer"]:not(.xh-card-template-peak):not([data-xh-card-template="peak"]),
body.xh-pricing-page .semi-card[class*="!rounded-2xl"][class*="cursor-pointer"]:not(.xh-card-template-peak):not([data-xh-card-template="peak"]) {
  background: #FFF3EA !important;
  background-color: #FFF3EA !important;
}

/* 模型名：绝不截断，可缩小至 12px，可换行 */
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card h3,
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card h3.text-lg {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  max-height: none !important;
  max-width: 100% !important;
  font-size: 16px; /* JS 会再动态下调到 ≥12px */
  line-height: 1.25 !important;
}
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .truncate,
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card [class*="truncate"],
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card [class*="line-clamp"],
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card p {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  max-height: none !important;
}
/* 输入/输出、缓存读/缓存创建：两列并排 */
body.xh-pricing-page .xh-price-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px 10px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
}
body.xh-pricing-page .xh-price-grid > * {
  min-width: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  word-break: break-word !important;
  line-height: 1.35 !important;
}
body.xh-pricing-page .xh-price-spacer {
  min-height: 0 !important;
}
/* 价格/参数小字也完整换行（不强制 block，避免打坏标签 flex） */
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .text-xs,
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .text-sm {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  max-height: none !important;
}
/* flex 子项里的说明也要能撑开 */
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .min-w-0,
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .flex-1 {
  min-width: 0 !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .flex.flex-col.h-full,
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card [class*="h-full"] {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow: visible !important;
}
/* 标签/价格行允许换行完整露出 */
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .flex.flex-wrap {
  flex-wrap: wrap !important;
  overflow: visible !important;
}
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .flex-col.gap-1,
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .flex.flex-col.gap-1,
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .mb-4,
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] .semi-card .mb-3 {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

/* ===== 模型介绍：由 JS 实测空白区后绝对定位；这里只保证文字横向可读 ===== */
body.xh-pricing-page div.grid[class*="2xl:grid-cols-3"] > .semi-card,
body.xh-pricing-page div.grid .semi-card.cursor-pointer,
body.xh-pricing-page .semi-card[data-xh-eqh="1"] {
  position: relative !important;
}

body.xh-pricing-page div.grid .semi-card p,
body.xh-pricing-page .semi-card[data-xh-eqh="1"] p,
body.xh-pricing-page .semi-card [data-xh-desc="1"],
body.xh-pricing-page .semi-card .xh-model-desc {
  text-align: center !important;
  color: #6B5344 !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  max-width: 100% !important;
}

body.xh-pricing-page div.grid .semi-card p,
body.xh-pricing-page div.grid .semi-card p * {
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
}

/* 底部标签保持可见 */
body.xh-pricing-page div.grid .semi-card .xh-billing-row,
body.xh-pricing-page div.grid .semi-card [data-xh-billing-row="1"],
body.xh-pricing-page div.grid .semi-card .xh-peak-badge {
  position: relative !important;
  z-index: 6 !important;
}

/* ===== 高峰水流动态背景（加强可见度，仍不刺眼）===== */
body.xh-pricing-page .semi-card.xh-card-template-peak,
body.xh-pricing-page .semi-card[data-xh-card-template="peak"],
body.xh-pricing-page div.grid .semi-card.xh-card-template-peak,
body.xh-pricing-page div.grid .semi-card[data-xh-card-template="peak"] {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-color: #FFE8D0 !important;
  background-image: linear-gradient(165deg, #FFF0E0 0%, #FFD9B0 52%, #FFC690 100%) !important;
  border: 1px solid rgba(226, 79, 0, 0.40) !important;
  box-shadow:
    0 5px 16px rgba(226, 79, 0, 0.10),
    inset 0 -14px 26px rgba(255, 140, 50, 0.10) !important;
  animation: none !important;
  filter: none !important;
}

body.xh-pricing-page .xh-peak-flame-layer,
body.xh-pricing-page .xh-peak-flow-layer {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  opacity: 1 !important;
}

/* 水流波纹：更明显的位移与浓度 */
body.xh-pricing-page .xh-peak-flow-layer .xh-flow-wave {
  position: absolute !important;
  display: block !important;
  left: -40% !important;
  width: 180% !important;
  height: 60% !important;
  border-radius: 42% !important;
  filter: blur(10px) !important;
  opacity: 0.72 !important;
  will-change: transform !important;
}
body.xh-pricing-page .xh-peak-flow-layer .xh-flow-wave-a {
  top: 0% !important;
  background: radial-gradient(ellipse at center, rgba(255, 150, 60, 0.55) 0%, rgba(255, 120, 40, 0.28) 42%, transparent 72%) !important;
  animation: xh-flow-a 4.8s ease-in-out infinite !important;
}
body.xh-pricing-page .xh-peak-flow-layer .xh-flow-wave-b {
  top: 30% !important;
  height: 58% !important;
  background: radial-gradient(ellipse at center, rgba(255, 110, 30, 0.48) 0%, rgba(255, 170, 90, 0.26) 46%, transparent 74%) !important;
  animation: xh-flow-b 5.6s ease-in-out infinite !important;
}
body.xh-pricing-page .xh-peak-flow-layer .xh-flow-wave-c {
  bottom: -12% !important;
  top: auto !important;
  height: 55% !important;
  background: radial-gradient(ellipse at center, rgba(255, 140, 50, 0.52) 0%, rgba(255, 190, 120, 0.22) 50%, transparent 76%) !important;
  animation: xh-flow-c 5.1s ease-in-out infinite !important;
}
body.xh-pricing-page .xh-peak-flow-layer .xh-flow-sheen {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  bottom: 0 !important;
  left: -55% !important;
  width: 48% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent) !important;
  opacity: 0.7 !important;
  animation: xh-flow-sheen 3.8s linear infinite !important;
}

/* 兼容旧 blob 类名 */
body.xh-pricing-page .xh-peak-flame-layer .xh-flame-blob,
body.xh-pricing-page .xh-peak-flame-layer .xh-flame-glow {
  position: absolute !important;
  display: block !important;
  filter: blur(12px) !important;
  opacity: 0.55 !important;
  background: radial-gradient(circle, rgba(255, 150, 70, 0.5), transparent 70%) !important;
  animation: xh-flow-a 5s ease-in-out infinite !important;
}

body.xh-pricing-page .semi-card.xh-card-template-peak > *:not(.xh-peak-flame-layer),
body.xh-pricing-page .semi-card[data-xh-card-template="peak"] > *:not(.xh-peak-flame-layer) {
  position: relative !important;
  z-index: 1 !important;
}

body.xh-pricing-page .semi-card.xh-card-template-peak:hover,
body.xh-pricing-page .semi-card[data-xh-card-template="peak"]:hover {
  border-color: rgba(226, 79, 0, 0.42) !important;
  box-shadow:
    0 6px 16px rgba(226, 79, 0, 0.10),
    inset 0 -12px 22px rgba(255, 150, 70, 0.08) !important;
}

@keyframes xh-flow-a {
  0%   { transform: translate3d(-14%, 2%, 0) scale(1); }
  50%  { transform: translate3d(16%, 8%, 0) scale(1.08); }
  100% { transform: translate3d(-14%, 2%, 0) scale(1); }
}
@keyframes xh-flow-b {
  0%   { transform: translate3d(14%, 4%, 0) scale(1.03); }
  50%  { transform: translate3d(-18%, -6%, 0) scale(1.1); }
  100% { transform: translate3d(14%, 4%, 0) scale(1.03); }
}
@keyframes xh-flow-c {
  0%   { transform: translate3d(-10%, 8%, 0) scale(1); }
  50%  { transform: translate3d(18%, -4%, 0) scale(1.12); }
  100% { transform: translate3d(-10%, 8%, 0) scale(1); }
}
@keyframes xh-flow-sheen {
  0%   { transform: translateX(0); }
  100% { transform: translateX(340%); }
}
/* 旧 keyframes 保留，避免缓存报错 */
@keyframes xh-flame-blob-a { 0%,100%{transform:none} }
@keyframes xh-flame-blob-b { 0%,100%{transform:none} }
@keyframes xh-flame-blob-c { 0%,100%{transform:none} }
@keyframes xh-flame-glow { 0%,100%{opacity:.3} }
@keyframes xh-peak-flame-sweep { 0%,100%{transform:none} }
@keyframes xh-peak-card-pulse { 0%,100%{filter:none} }
@keyframes xh-peak-flame-wave { 0%,100%{transform:none} }
@keyframes xh-peak-flame-bg { 0%,100%{filter:none} }