/* MiaoLiCi 控制台主题统一层
   目标：把 Semi-UI 默认蓝/红对齐落地页暖橙体系，消除首页与控制台的视觉割裂。
   做法：覆盖 Semi 底层色板 --semi-blue-*，所有引用它的组件自动跟随。 */

:root {
  --mlc-brand: 240, 144, 45;
  --mlc-brand-hex: #f0902d;
  --mlc-radius-card: 16px;
  --mlc-radius-control: 10px;
}

:root,
body,
body[theme-mode="light"] {
  --semi-blue-0: 255, 244, 232;
  --semi-blue-1: 255, 230, 205;
  --semi-blue-2: 252, 208, 160;
  --semi-blue-3: 249, 184, 113;
  --semi-blue-4: 245, 162, 76;
  --semi-blue-5: 240, 144, 45;
  --semi-blue-6: 217, 119, 18;
  --semi-blue-7: 181, 97, 12;
  --semi-blue-8: 143, 76, 8;
  --semi-blue-9: 107, 56, 5;
}

body[theme-mode="dark"] {
  --semi-blue-0: 61, 34, 8;
  --semi-blue-1: 92, 51, 11;
  --semi-blue-2: 130, 73, 17;
  --semi-blue-3: 168, 96, 23;
  --semi-blue-4: 206, 122, 33;
  --semi-blue-5: 240, 144, 45;
  --semi-blue-6: 247, 170, 90;
  --semi-blue-7: 250, 194, 133;
  --semi-blue-8: 252, 217, 176;
  --semi-blue-9: 254, 238, 219;
}


/* 圆角向落地页靠拢 */
.semi-card,
.semi-modal-content,
.semi-dropdown-menu,
.semi-popover-content {
  border-radius: var(--mlc-radius-card);
}
.semi-button,
.semi-input-wrapper,
.semi-select,
.semi-textarea {
  border-radius: var(--mlc-radius-control);
}

/* 焦点环跟随品牌色 */
.semi-input-wrapper:focus-within,
.semi-select-focus {
  box-shadow: 0 0 0 3px rgba(var(--mlc-brand), 0.18);
}

/* ---------- 登录/注册页（AuthPage 模板，非 Semi 组件，硬编码珊瑚红 #e8716d） ---------- */
.forms_buttons-action {
  background-color: var(--mlc-brand-hex) !important;
  color: #0a0a0a !important;
  border-radius: var(--mlc-radius-control) !important;
  text-transform: none !important;
  letter-spacing: 0.02em;
  font-weight: 500;
}
.forms_buttons-action:hover {
  background-color: #d97712 !important;
}
.user_registered-login,
.user_unregistered-signup {
  border-radius: var(--mlc-radius-control);
}
.auth_mobile-tab.is-active {
  color: var(--mlc-brand-hex) !important;
  border-color: var(--mlc-brand-hex) !important;
}

/* 表单标题沿用品牌橙（模板硬编码 #e8716d） */
.forms_title {
  color: var(--mlc-brand-hex) !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}

/* 白卡片：圆角与阴影向站点体系靠拢，去掉撑满的高度留白 */
.user_options-forms {
  border-radius: var(--mlc-radius-card) !important;
  box-shadow: 0 8px 32px rgba(45, 41, 34, 0.16) !important;
  align-self: center !important;
  padding: 40px 32px !important;
}

/* 深灰栏与卡片圆角对齐 */
.user_options-text {
  border-radius: var(--mlc-radius-card) !important;
  overflow: hidden;
}

/* 次级按钮描边跟随品牌色 */
.user_registered-login,
.user_unregistered-signup {
  border-radius: var(--mlc-radius-control) !important;
  transition: background-color .2s ease, color .2s ease;
}
.user_registered-login:hover,
.user_unregistered-signup:hover {
  background-color: var(--mlc-brand-hex) !important;
  border-color: var(--mlc-brand-hex) !important;
  color: #0a0a0a !important;
}


/* 找回密码翻转卡的两面均为 absolute，min-height 是容器唯一高度来源，
   不能清零。760px 是为背面(重置表单)预留，登录态下过高，收窄到贴合正面内容。 */
.auth_reset-flip,
.auth_reset-flip-inner {
  min-height: 440px !important;
}

/* ── 定价页装饰色统一 ──
   原为 青/蓝/琥珀 按 nth-child(3n) 轮转的纯装饰色（无语义），
   换成 橙/深橙/琥珀 三档暖色，保留位置可辨识的设计意图。 */
.mlc-pricing-channel-filter { --mlc-channel-accent: 240 144 45; }
.mlc-pricing-channel-buttons button { --mlc-channel-button-accent: 240 144 45; }
.mlc-pricing-channel-buttons button:nth-child(3n + 2) { --mlc-channel-button-accent: 217 119 18; }
.mlc-pricing-channel-buttons button:nth-child(3n) { --mlc-channel-button-accent: 245 158 11; }
.mlc-pricing-card { --mlc-card-accent: 240 144 45; }
.mlc-pricing-card:nth-child(3n + 2) { --mlc-card-accent: 217 119 18; }
.mlc-pricing-card:nth-child(3n) { --mlc-card-accent: 245 158 11; }
.mlc-pricing-pagination { --mlc-page-accent: 240 144 45; }
.mlc-pricing-pagination button { --mlc-page-button-accent: 217 119 18; }
.mlc-pricing-pagination button:last-of-type { --mlc-page-button-accent: 245 158 11; }

/* 上游三处 box-shadow 里的 rgb(59 130 246) 是硬编码，变量覆盖不到，逐条重写 */
.mlc-pricing-channel-filter::before { box-shadow: 58px 0 0 rgb(217 119 18 / .72), 82px 0 0 rgb(245 158 11 / .66) !important; }
.mlc-pricing-channel-filter::after { box-shadow: -9px 0 0 rgb(217 119 18 / .72), 0 9px 0 rgb(245 158 11 / .7) !important; }
.mlc-pricing-pagination::before { box-shadow: 38px 0 0 rgb(217 119 18 / .7), 53px 0 0 rgb(245 158 11 / .64) !important; }

/* 页头横幅蒙版：inline style 定义了 --palette-primary-darkerChannel: 37 99 235（蓝），
   自定义属性可被 !important 规则覆盖，换成品牌深橙。 */
[style*="--palette-primary-darkerChannel"] { --palette-primary-darkerChannel: 158 88 14 !important; }

/* 登录/注册页主按钮走 danger 实心变体，与导航栏注册按钮撞色，归一到品牌橙。
   只收窄到实心 primary 语境：.semi-button-light / danger 的破坏性操作必须保留红色语义。 */
.mlc-auth-page .semi-button-danger:not(.semi-button-light):not([data-mlc-keep-danger]),
.forms_buttons .semi-button-danger:not(.semi-button-light):not([data-mlc-keep-danger]) {
  background-color: var(--mlc-brand-hex);
  border-color: var(--mlc-brand-hex);
}

/* primary-light 变体：Semi 用 --semi-blue-9 作底色，我的暖色 ramp 在该档过浅，
   橙字落到浅灰底上只有 1.59:1。改为品牌橙实心底 + 白字，达 AA。 */
.semi-button-primary.semi-button-light:not(:disabled) {
  background-color: var(--mlc-brand-hex) !important;
  color: #0a0a0a !important;
}
.semi-button-primary.semi-button-light:not(:disabled):hover {
  background-color: #d97712 !important;
}

/* 橙底按钮的文字色对齐落地页 .btn-primary：#0a0a0a 近黑，而非白字。
   白字在 #f0902d 上仅 2.4:1，近黑可达 8.9:1。 */
.semi-button-primary:not(.semi-button-borderless):not(:disabled) {
  color: #0a0a0a !important;
}