/* ============================================================
   TokenMis 企业蓝主题 theme-blue2026.css
   对标色调：亮蓝主色 #2B7FF8 / 浅灰蓝底 #F5F6F8 / 白卡片 / 蓝色渐变 CTA
   加载顺序：index.html 中位于 vendor-CSSNEW.css 与 index-Ctco6we1.css 之后
   ============================================================ */

/* ---------- 1. Semi Design 主色变量 ---------- */
:root {
  --semi-color-primary: #2B7FF8;
  --semi-color-primary-hover: #1E6FE0;
  --semi-color-primary-active: #1558C0;
  --semi-color-primary-disabled: #A6CBFC;
  --semi-color-primary-light-default: #EAF3FF;
  --semi-color-primary-light-hover: #D9EAFF;
  --semi-color-primary-light-active: #C5DDFF;
  --semi-color-link: #2B7FF8;
  --semi-color-focus-border: #2B7FF8;
  --semi-color-bg-1: #F5F6F8;
  --semi-color-bg-2: #EFF1F4;
  --semi-color-border: #E5E9F0;
  --semi-color-fill-0: #F2F4F7;
  --semi-color-fill-1: #E9ECF1;
}
html, body { background: #F5F6F8; }

/* ---------- 2. 主按钮：实心企业蓝（覆盖灰白覆盖规则与3D紫色投影） ---------- */
.semi-button-primary,
.semi-button-primary:hover,
.semi-button-primary:active,
.semi-button-primary:focus {
  background: #2B7FF8 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(43, 127, 248, 0.28) !important;
}
.semi-button-primary:hover  { background: #1E6FE0 !important; }
.semi-button-primary:active { background: #1558C0 !important; }
.semi-button-secondary {
  background: #ffffff !important;
  color: #2B7FF8 !important;
  border: 1px solid #BFDBFE !important;
  box-shadow: none !important;
}
.semi-button-tertiary { background: #EAF3FF !important; color: #2B7FF8 !important; }

/* ---------- 3. 侧边导航：白底 + 蓝色圆角选中块 ---------- */
.semi-navigation-vertical { background: #ffffff !important; border-right: 1px solid #EDF0F4 !important; }
.semi-navigation-vertical .semi-navigation-item {
  color: #4E5969 !important;
  border-radius: 8px !important;
  margin: 2px 8px !important;
}
.semi-navigation-vertical .semi-navigation-item:hover { background: #F2F7FF !important; color: #2B7FF8 !important; }
.semi-navigation-vertical .semi-navigation-item-selected,
.semi-navigation-vertical .semi-navigation-item-selected:hover {
  background: #2B7FF8 !important;
  color: #ffffff !important;
}
.semi-navigation-vertical .semi-navigation-item-selected .semi-navigation-item-icon,
.semi-navigation-vertical .semi-navigation-item-selected .semi-navigation-item-text { color: #ffffff !important; }
.semi-navigation-horizontal { background: #ffffff !important; border-bottom: 1px solid #EDF0F4 !important; }

/* ---------- 4. 卡片 / 弹窗 / 表格 ---------- */
.semi-card { border-radius: 12px !important; border: 1px solid #EDF0F4 !important; box-shadow: 0 1px 3px rgba(31, 56, 100, 0.05) !important; }
.semi-modal-content { border-radius: 16px !important; }
.semi-table-thead > .semi-table-row > th { background: #F7F9FC !important; color: #4E5969 !important; }
.semi-tabs-tab-active { color: #2B7FF8 !important; }
/* 注意：.semi-tabs-tab-line 是 tab 本体修饰类（非下划线指示器），不可加背景色，否则 tab 变实心蓝底吞掉文字 */
.semi-tabs-tab { background: transparent !important; }
.semi-tabs-bar-line { border-bottom: 1px solid #EDF0F4 !important; }
.semi-link { color: #2B7FF8 !important; }
.semi-page-item-active { background: #EAF3FF !important; }
.semi-page-item-active a { color: #2B7FF8 !important; }

/* ---------- 5. 表单控件强调色 ---------- */
.semi-input-wrapper-focus, .semi-input-wrapper:focus-within {
  border-color: #2B7FF8 !important;
  box-shadow: 0 0 0 2px rgba(43, 127, 248, 0.12) !important;
}
.semi-switch-checked { background: #2B7FF8 !important; }
.semi-checkbox-checked .semi-checkbox-inner { background: #2B7FF8 !important; border-color: #2B7FF8 !important; }
.semi-radio-checked .semi-radio-inner { border-color: #2B7FF8 !important; }
.semi-radio-checked .semi-radio-inner:after { background: #2B7FF8 !important; }
.semi-spin-circle { stroke: #2B7FF8 !important; }
.semi-tag-blue { background: #EAF3FF !important; color: #2B7FF8 !important; border-color: transparent !important; }

/* ---------- 6. 落地页（tokenmis-home）色调重置 ---------- */
.tokenmis-home { background: linear-gradient(180deg, #F3F8FF 0%, #FFFFFF 45%, #F5F7FA 100%) !important; }
.tm-btn-primary {
  background: linear-gradient(90deg, #2B6CF6 0%, #4A90F9 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 12px 32px rgba(43, 108, 246, 0.28) !important;
}
.tm-btn-secondary { background: #ffffff !important; color: #2B6CF6 !important; border: 1px solid #C4DBFF !important; box-shadow: none !important; }
.tm-glass-card {
  background: #ffffff !important;
  border: 1px solid #E6EEF8 !important;
  box-shadow: 0 8px 28px rgba(31, 56, 100, 0.06) !important;
  backdrop-filter: none !important;
}
.tm-section-kicker { color: #2B7FF8 !important; }
.tm-soft-line { background: linear-gradient(90deg, transparent, #C4DBFF, transparent) !important; }
.orbit-core { background: linear-gradient(135deg, #2B6CF6, #4A90F9) !important; }

/* 落地页 tailwind sky/cyan 系 → 企业蓝 */
.text-sky-600  { color: #2B7FF8 !important; }
.text-sky-700  { color: #1E6FE0 !important; }
.bg-sky-50     { background: #EAF3FF !important; }
.bg-sky-100\/70, .bg-sky-100\/80 { background: #EAF3FF !important; }
.border-sky-300\/35, .border-sky-300\/40, .border-sky-300\/45, .border-sky-300\/50 { border-color: #BFDBFE !important; }
.via-sky-100\/70 { --tw-gradient-via: #EAF3FF !important; }
.to-blue-200\/65 { --tw-gradient-to: #D9EAFF !important; }
.shadow-sky-500\/10 { --tw-shadow-color: rgba(43, 127, 248, 0.10) !important; }
.text-emerald-300 { color: #2B7FF8 !important; }
.bg-emerald-400\/12 { background: #EAF3FF !important; }
.border-cyan-300\/14 { border-color: #E6EEF8 !important; }

/* ---------- 7. 落地页模糊光晕 / 整段色块 → 淡蓝 tint ---------- */
.tokenmis-home [class*="bg-sky-2"], .tokenmis-home [class*="bg-sky-3"], .tokenmis-home [class*="bg-sky-4"],
.tokenmis-home [class*="bg-cyan-2"], .tokenmis-home [class*="bg-cyan-3"], .tokenmis-home [class*="bg-cyan-4"] {
  background-color: rgba(43, 127, 248, 0.08) !important;
}
.tokenmis-home [class*="from-sky"], .tokenmis-home [class*="via-sky"], .tokenmis-home [class*="to-sky"],
.tokenmis-home [class*="from-cyan"], .tokenmis-home [class*="via-cyan"], .tokenmis-home [class*="to-cyan"] {
  --tw-gradient-from: #F3F8FF !important;
  --tw-gradient-via: #FFFFFF !important;
  --tw-gradient-to: #EAF3FF !important;
}
.tokenmis-home [class*="bg-gradient-to-"]:not(.tm-btn-primary):not(.tm-btn-secondary) {
  background-image: linear-gradient(180deg, #F3F8FF 0%, #FFFFFF 55%, #F0F6FF 100%) !important;
}

/* ---------- 8. 残留修复：hero CTA 实心蓝 + 绿色激活边框转蓝 ---------- */
/* hero CTA（立即进入系统）：强制蓝渐变底 + 白字（含子元素 span/svg） */
.tokenmis-home .tm-btn-primary,
.tokenmis-home .tm-btn-primary:hover,
.tokenmis-home .tm-btn-primary:active,
.tokenmis-home .tm-btn-primary:focus {
  background-image: linear-gradient(90deg, #2B6CF6 0%, #4A90F9 100%) !important;
  background-color: #2B7FF8 !important;
  color: #ffffff !important;
  border: none !important;
}
.tokenmis-home .tm-btn-primary,
.tokenmis-home .tm-btn-primary * { color: #ffffff !important; }
/* 模型胶囊激活态绿色边框/环 → 企业蓝 */
.tokenmis-home [class*="border-[#10B981]"],
.tokenmis-home [class*="border-emerald-"],
.tokenmis-home [class*="border-green-"] { border-color: #2B7FF8 !important; }
.tokenmis-home [class*="ring-emerald-"],
.tokenmis-home [class*="ring-green-"] { --tw-ring-color: rgba(43, 127, 248, 0.35) !important; }
.tokenmis-home [class*="text-emerald-5"],
.tokenmis-home [class*="text-green-5"] { color: #2B7FF8 !important; }
/* 胶囊激活态边框由 inline --node-color 变量驱动，直接 !important 覆盖 border-color */
.tokenmis-home .orbit-model-node.is-active,
.tokenmis-home .orbit-model-node[class*="is-active"] {
  border-color: #2B7FF8 !important;
  box-shadow: 0 0 0 3px rgba(43, 127, 248, 0.18) !important;
}

/* ---------- 9. 登录/注册模态框：自然清新、浅色、文字可读 ---------- */
.semi-modal-content { background: #ffffff !important; box-shadow: 0 8px 32px rgba(31, 56, 100, 0.10) !important; }
/* tab：透明底 + 深色/蓝字，确保可读（修复蓝底吞字） */
.semi-modal .semi-tabs-tab { background: transparent !important; }
.semi-modal .semi-tabs-tab-active,
.semi-modal .semi-tabs-tab-active * { color: #2B7FF8 !important; }
.semi-modal .semi-tabs-tab:not(.semi-tabs-tab-active),
.semi-modal .semi-tabs-tab:not(.semi-tabs-tab-active) * { color: #4E5969 !important; }
/* 输入框：近白底 + 浅边框，清爽自然 */
.semi-modal .semi-input-wrapper,
.semi-modal .semi-input-group-wrapper {
  background: #FAFBFC !important;
  border: 1px solid #E5E9F0 !important;
  box-shadow: none !important;
}
.semi-modal .semi-input { color: #1F2329 !important; }
.semi-modal .semi-input::placeholder { color: #8A919F !important; }
/* 主按钮：清新中蓝、白字、轻投影（不用深色/重霓虹） */
.semi-modal .semi-button-primary {
  background: #3D8BF9 !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(61, 139, 249, 0.22) !important;
}
.semi-modal .semi-button-primary:hover { background: #2B7FF8 !important; }
/* 模态内正文/标签统一深灰，保证可读 */
.semi-modal .semi-form-field-label-text { color: #1F2329 !important; }

/* ---------- 10. 去AI化：降饱和、去霓虹、自然清新 ---------- */
/* 轨道核心由饱和蓝渐变 → 柔和粉蓝 */
.orbit-core { background: linear-gradient(135deg, #6FA8F5, #9CC4F9) !important; box-shadow: none !important; }
/* CTA 由渐变+重投影 → 扁平清新蓝 */
.tm-btn-primary,
.tokenmis-home .tm-btn-primary {
  background: #3D8BF9 !important;
  background-image: none !important;
  box-shadow: 0 2px 10px rgba(61, 139, 249, 0.22) !important;
}
/* 全站按钮投影减轻，去除霓虹感 */
.semi-button-primary { box-shadow: 0 2px 8px rgba(43, 127, 248, 0.16) !important; }
/* 落地页大投影 → 极轻自然阴影 */
.tokenmis-home [class*="shadow-"] {
  --tw-shadow: 0 1px 3px rgba(31, 56, 100, 0.06) !important;
  --tw-shadow-color: rgba(31, 56, 100, 0.06) !important;
}