/* ==========================================================================
   tantanzhang.cn — Editorial Brutalist 主题 v2
   参考: wodniack.dev / nodcoding.com / species-in-pieces / awwwards
   关键词: 巨型衬线 · 噪点 · 极简黑白 · 番茄红刺 · monospace 数据 · 1px 极细线
   ========================================================================== */

/* ---------- Fonts (Google Fonts CDN, 走 Cloudflare 缓存) ---------- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT@9..144,400;9..144,500;9..144,700;9..144,900&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');

:root,
body,
body[theme-mode="dark"],
body[theme-mode="light"] {
  /* ---- 配色 (与 tools/app.css 完全对齐) ---- */
  --ink:        #0e1117;        /* 柔和深蓝灰 (不再纯黑) */
  --ink-2:      #161b22;
  --ink-3:      #1f242c;
  --ink-4:      #2a2f38;
  --paper:      #f4f1ea;        /* 暖米白（书页） */
  --paper-2:    #e8e4d8;
  --line:       rgba(244, 241, 234, 0.12);
  --line-strong:rgba(244, 241, 234, 0.22);
  --mute:       #7a7a78;
  --mute-2:     #a09e98;
  --hot:        #0052ff;        /* 电子蓝刺 */
  --hot-2:      #003fcc;
  --hot-glow:   rgba(0, 82, 255, 0.5);
  --acid:       #d4ff00;        /* 青柠黄绿 (success) */
  --plum:       #8b5cf6;

  /* ---- 字体 ---- */
  --serif: 'Fraunces', 'Times New Roman', 'Songti SC', serif;
  --sans:  'Inter', -apple-system, 'PingFang SC', 'Helvetica Neue', sans-serif;
  --mono:  'JetBrains Mono', 'SF Mono', ui-monospace, 'Cascadia Code', monospace;

  /* ---- Semi UI 变量覆盖 ---- */
  --semi-color-bg-0: var(--ink);
  --semi-color-bg-1: var(--ink-2);
  --semi-color-bg-2: var(--ink-3);
  --semi-color-bg-3: #2c2c2c;
  --semi-color-bg-4: #353535;
  --semi-color-fill-0: rgba(244, 241, 234, 0.04);
  --semi-color-fill-1: rgba(244, 241, 234, 0.08);
  --semi-color-fill-2: rgba(244, 241, 234, 0.14);
  --semi-color-text-0: var(--paper);
  --semi-color-text-1: #c9c5b8;
  --semi-color-text-2: var(--mute-2);
  --semi-color-text-3: var(--mute);
  --semi-color-primary:        var(--hot);
  --semi-color-primary-hover:  #2670ff;
  --semi-color-primary-active: #003fcc;
  --semi-color-primary-light-default: rgba(0, 82, 255, 0.10);
  --semi-color-primary-light-hover:   rgba(0, 82, 255, 0.18);
  --semi-color-primary-light-active:  rgba(0, 82, 255, 0.28);
  --semi-color-success: #d4ff00;
  --semi-color-warning: #ffae00;
  --semi-color-danger:  #ff3b00;
  --semi-color-info:    #c9c5b8;
  --semi-color-border:  var(--line);
  --semi-color-link:    var(--paper);
  --semi-color-link-hover: var(--hot);
  --semi-color-link-visited: var(--mute-2);
  --semi-color-focus-border: var(--hot);
  --semi-color-default: var(--ink-2);
  --semi-color-nav-bg: var(--ink);
  color-scheme: dark;
}

/* ---------- 1. 全局背景: 纸黑 + 噪点 ---------- */
html, body {
  background: transparent;
}

body {
  background: var(--ink);
  color: var(--paper);
  font-family: var(--sans) !important;
  font-size: 14px;
  letter-spacing: -0.005em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 噪点层 */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.5;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");
}

/* 极淡的对角线条网格 */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(0,82,255,0.04) 0%, transparent 30%),
    radial-gradient(ellipse at top right, rgba(212,255,0,0.03) 0%, transparent 50%);
}

/* ---------- 2. 排版: 标题用衬线 ---------- */
.semi-typography-h1,
.semi-typography-h2,
.semi-typography-h3,
.semi-typography-h4,
h1, h2, h3, h4 {
  font-family: var(--serif) !important;
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
  font-feature-settings: 'ss01', 'ss02', 'liga';
  font-optical-sizing: auto;
  background: none !important;
  -webkit-text-fill-color: var(--paper) !important;
  color: var(--paper) !important;
}

.semi-typography-h1 { font-size: 56px !important; line-height: 1.02 !important; }
.semi-typography-h2 { font-size: 36px !important; line-height: 1.05 !important; }

/* monospace: 给数字 / 代码 / 表格 */
code, kbd, pre, .semi-code,
.semi-table-row-cell .number,
[class*="quota"], [class*="count"], [class*="badge"] {
  font-family: var(--mono) !important;
  font-feature-settings: 'tnum';
}

/* ---------- 3. 卡片: 极薄1px线 + 无圆角 + 编号 ---------- */
.semi-card,
.semi-modal-content,
.semi-sidesheet-inner,
.semi-collapse-item {
  background: var(--ink) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative;
}

.semi-card::before {
  content: attr(data-no);
  position: absolute;
  top: 12px;
  right: 14px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--mute);
  text-transform: uppercase;
}

.semi-card-header {
  padding: 22px 24px 18px !important;
  border-bottom: 1px solid var(--line) !important;
  position: relative;
}
.semi-card-header::before {
  content: '◆';
  display: inline-block;
  margin-right: 10px;
  color: var(--hot);
  font-size: 8px;
  vertical-align: middle;
}

.semi-card-body {
  padding: 24px !important;
}

/* ---------- 4. 导航: 大胆切换 ---------- */
.semi-navigation,
.semi-navigation-vertical,
.semi-navigation-horizontal {
  background: var(--ink) !important;
  backdrop-filter: none !important;
  border-color: var(--line) !important;
  border-right: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
}

.semi-navigation-item {
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid transparent;
  transition: all 0.2s cubic-bezier(0.2, 0, 0, 1);
  font-family: var(--sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  position: relative;
}
.semi-navigation-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 2px;
  height: 60%;
  background: var(--hot);
  transition: transform 0.25s cubic-bezier(0.2, 0, 0, 1);
}
.semi-navigation-item:hover {
  background: var(--ink-2) !important;
}
.semi-navigation-item:hover::before {
  transform: translateY(-50%) scaleY(1);
}
.semi-navigation-item-selected {
  background: var(--ink-2) !important;
  color: var(--paper) !important;
}
.semi-navigation-item-selected::before {
  transform: translateY(-50%) scaleY(1);
  background: var(--hot);
}

/* ---------- 5. 按钮: 锐角 + 单线 + 番茄红 ---------- */
.semi-button {
  border-radius: 0 !important;
  font-family: var(--sans) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 11px 22px !important;
  border: 1px solid transparent !important;
  position: relative;
  overflow: hidden;
  transition: all 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
}

.semi-button::before {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
  transition: left 0.5s ease;
}
.semi-button:hover::before { left: 100%; }

.semi-button-primary {
  background: var(--hot) !important;
  color: var(--ink) !important;
  border-color: var(--hot) !important;
  box-shadow: 4px 4px 0 0 var(--paper) !important;
  font-weight: 700 !important;
}
.semi-button-primary:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 0 var(--paper) !important;
  background: var(--hot) !important;
}
.semi-button-primary:active {
  transform: translate(0, 0);
  box-shadow: 0 0 0 0 var(--paper) !important;
}

.semi-button-secondary,
.semi-button-tertiary {
  background: transparent !important;
  color: var(--paper) !important;
  border: 1px solid var(--paper) !important;
}
.semi-button-secondary:hover,
.semi-button-tertiary:hover {
  background: var(--paper) !important;
  color: var(--ink) !important;
}

.semi-button-danger {
  background: var(--ink) !important;
  color: var(--hot) !important;
  border: 1px solid var(--hot) !important;
}
.semi-button-danger:hover {
  background: var(--hot) !important;
  color: var(--ink) !important;
}

/* ---------- 6. 输入框: 底部单线 ---------- */
.semi-input,
.semi-input-wrapper,
.semi-select-selection,
.semi-textarea,
.semi-cascader-selection,
.semi-tagInput {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--line-strong) !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-family: var(--mono) !important;
  font-size: 13px !important;
  color: var(--paper) !important;
  transition: border-color 0.2s ease;
}
.semi-input:hover,
.semi-input-wrapper:hover {
  border-bottom-color: var(--paper) !important;
  background: transparent !important;
}
.semi-input-wrapper-focus,
.semi-select-focus {
  border-bottom-color: var(--hot) !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* placeholder 用衬线斜体（编辑感） */
.semi-input::placeholder,
.semi-textarea::placeholder {
  font-family: var(--serif);
  font-style: italic;
  color: var(--mute);
}

/* ---------- 7. 表格: 报刊数据感 ---------- */
.semi-table {
  background: var(--ink) !important;
  backdrop-filter: none !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
}

.semi-table-thead > .semi-table-row > .semi-table-row-head {
  background: var(--ink-2) !important;
  border-bottom: 2px solid var(--paper) !important;
  font-family: var(--mono) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--paper) !important;
  padding: 14px 16px !important;
}

.semi-table-tbody > .semi-table-row {
  transition: background 0.15s ease;
}

.semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
  background: var(--ink-2) !important;
  position: relative;
}

.semi-table-tbody > .semi-table-row > .semi-table-row-cell {
  border-bottom: 1px solid var(--line) !important;
  font-family: var(--mono) !important;
  font-size: 12.5px !important;
  padding: 12px 16px !important;
}

/* ---------- 8. Tag/Pill: 极简边框 ---------- */
.semi-tag {
  border-radius: 0 !important;
  padding: 3px 10px !important;
  font-family: var(--mono) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-width: 1px !important;
}

.semi-tag-light-green, .semi-tag-solid-green {
  background: transparent !important;
  color: var(--acid) !important;
  border-color: var(--acid) !important;
}
.semi-tag-light-red, .semi-tag-solid-red {
  background: var(--hot) !important;
  color: var(--ink) !important;
  border-color: var(--hot) !important;
}
.semi-tag-light-orange, .semi-tag-solid-orange,
.semi-tag-light-yellow, .semi-tag-solid-yellow {
  background: transparent !important;
  color: var(--semi-color-warning) !important;
  border-color: var(--semi-color-warning) !important;
}
.semi-tag-light-blue, .semi-tag-solid-blue {
  background: transparent !important;
  color: var(--paper) !important;
  border-color: var(--paper) !important;
}

/* ---------- 9. Switch / Checkbox ---------- */
.semi-switch {
  border-radius: 0 !important;
  height: 18px !important;
  min-width: 32px !important;
  background: var(--ink-3) !important;
  border: 1px solid var(--line-strong) !important;
}
.semi-switch-checked,
.semi-switch.semi-switch-checked {
  background: var(--hot) !important;
  border-color: var(--hot) !important;
}
.semi-switch-knob {
  border-radius: 0 !important;
  background: var(--paper) !important;
}

.semi-checkbox-inner-display {
  border-radius: 0 !important;
  border: 1px solid var(--paper) !important;
  background: transparent !important;
}
.semi-checkbox-checked .semi-checkbox-inner-display {
  background: var(--hot) !important;
  border-color: var(--hot) !important;
}

/* ---------- 10. 滚动条 ---------- */
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
  border-left: 1px solid var(--line);
}
*::-webkit-scrollbar-thumb {
  background: var(--line-strong);
  border-radius: 0;
  transition: background 0.2s ease;
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--hot);
}

/* ---------- 11. 进度条 ---------- */
.semi-progress {
  background: var(--ink-2) !important;
  border-radius: 0 !important;
  height: 2px !important;
}
.semi-progress-track-inner {
  background: var(--hot) !important;
  border-radius: 0 !important;
}

/* ---------- 12. Tab ---------- */
.semi-tabs-bar {
  border-bottom: 1px solid var(--line-strong) !important;
}
.semi-tabs-tab {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
.semi-tabs-tab-active {
  color: var(--hot) !important;
  font-weight: 700 !important;
}
.semi-tabs-bar-line .semi-tabs-tab-active::after {
  background: var(--hot) !important;
  height: 2px !important;
  border-radius: 0 !important;
}

/* ---------- 13. Modal / Drawer 出场 ---------- */
.semi-modal,
.semi-modal-content,
.semi-sidesheet-inner {
  border-radius: 0 !important;
  background: var(--ink) !important;
  border: 1px solid var(--paper) !important;
  box-shadow: 12px 12px 0 0 var(--hot) !important;
}

.semi-modal-content {
  animation: editorial-enter 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes editorial-enter {
  from { opacity: 0; transform: translateY(20px) skewY(0.5deg); }
  to { opacity: 1; transform: translateY(0) skewY(0); }
}

/* ---------- 14. Banner / Note ---------- */
.semi-banner {
  border-radius: 0 !important;
  background: var(--ink-2) !important;
  border: 1px solid var(--paper) !important;
  border-left: 4px solid var(--hot) !important;
  font-family: var(--mono);
  font-size: 12.5px;
}

/* ---------- 15. Avatar ---------- */
.semi-avatar {
  border-radius: 0 !important;
  border: 1px solid var(--paper) !important;
  box-shadow: 3px 3px 0 0 var(--hot);
}

/* ---------- 16. 选择文本 ---------- */
::selection {
  background: var(--hot);
  color: var(--ink);
}

/* ---------- 17. 链接: 编辑风扫过下划线 ---------- */
a:not(.semi-button):not(.semi-navigation-item) {
  color: var(--paper);
  text-decoration: none;
  position: relative;
  display: inline-block;
}
a:not(.semi-button):not(.semi-navigation-item)::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--paper);
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.32s cubic-bezier(0.85, 0, 0.15, 1);
}
a:not(.semi-button):not(.semi-navigation-item):hover {
  color: var(--hot);
}
a:not(.semi-button):not(.semi-navigation-item):hover::after {
  background: var(--hot);
  transform-origin: left;
  transform: scaleX(0);
  animation: link-sweep 0.7s cubic-bezier(0.85, 0, 0.15, 1) 0.32s forwards;
}
@keyframes link-sweep {
  to { transform: scaleX(1); }
}

/* ---------- 18. 工具站浮动入口 (FAB 重设计) ---------- */
.tantan-tools-fab {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 56px;
  height: 56px;
  border-radius: 0;
  background: var(--hot);
  color: var(--ink);
  border: 1px solid var(--paper);
  box-shadow: 6px 6px 0 0 var(--paper);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.tantan-tools-fab:hover {
  transform: translate(-3px, -3px);
  box-shadow: 9px 9px 0 0 var(--paper);
}
.tantan-tools-fab:active {
  transform: translate(0, 0);
  box-shadow: 0 0 0 0 var(--paper);
}

/* ---------- 19. 鼠标光标提示色 ---------- */
.semi-button:hover,
button:hover {
  cursor: pointer;
}

/* ---------- 20. 减少动画 ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ---------- 21. 隐藏 logo 默认背景，让透明度过渡 ---------- */
.semi-image, img.logo {
  filter: invert(1) brightness(1.5);
  mix-blend-mode: difference;
}

/* ==========================================================================
   PART 2 — 首页 / 模型广场 (pricing) 打穿规则
   把 Tailwind / 内联样式 / Semi UI 默认渲染全部强行 brutalist 化
   ========================================================================== */

/* ---------- A. 大锤：全站 0 圆角 + 0 模糊阴影 ---------- */
.semi-card,
.semi-modal-content,
.semi-collapse-item,
.semi-table,
.semi-tag,
.semi-button,
.semi-input,
.semi-input-wrapper,
.semi-select-selection,
.semi-textarea,
.semi-avatar,
.semi-badge,
.semi-banner,
.semi-tabs,
.semi-tabs-tab,
.semi-popover-content,
.semi-dropdown-menu,
.semi-tooltip-wrapper,
.semi-list,
.semi-progress,
.semi-skeleton,
.semi-image,
.semi-toast,
.semi-notification-notice,
[class*="rounded"],
[class*="shadow"] {
  border-radius: 0 !important;
}

/* 砍掉模糊阴影（保留 brutalist 偏移阴影） */
[class*="shadow-sm"],
[class*="shadow-md"],
[class*="shadow-lg"],
[class*="shadow-xl"] {
  box-shadow: none !important;
}

/* ---------- B. Pricing 页 (模型广场) 强力覆盖 ---------- */
.pricing-layout,
.pricing-view-container,
.pricing-view-container-mobile,
.pricing-content,
.pricing-content-mobile {
  background: var(--ink) !important;
  border-radius: 0 !important;
}

.pricing-sidebar {
  background: var(--ink) !important;
  border-right: 1px solid var(--line) !important;
  border-radius: 0 !important;
}

.pricing-search-header {
  background: var(--ink) !important;
  border-bottom: 1px solid var(--line-strong) !important;
  border-radius: 0 !important;
  padding: 16px 24px !important;
}

/* 模型广场的卡片，用编辑风：1px 线 + 偏移阴影 hover */
.pricing-layout .semi-card,
.pricing-content .semi-card,
.pricing-view-container .semi-card,
.semi-table-row,
[class*="ModelCard"],
[class*="model-card"] {
  background: var(--ink) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.2s ease,
              box-shadow 0.2s ease !important;
}

.pricing-layout .semi-card:hover,
.pricing-content .semi-card:hover {
  border-color: var(--paper) !important;
  transform: translate(-2px, -2px);
  box-shadow: 4px 4px 0 0 var(--hot) !important;
}

/* 模型广场表格风格化 */
.pricing-layout .semi-table-thead .semi-table-row-head,
.pricing-content .semi-table-thead .semi-table-row-head {
  background: var(--ink-2) !important;
  border-bottom: 2px solid var(--paper) !important;
  font-family: var(--mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--paper) !important;
}

.pricing-layout .semi-table-tbody .semi-table-row-cell,
.pricing-content .semi-table-tbody .semi-table-row-cell {
  font-family: var(--mono) !important;
  font-size: 12.5px !important;
  border-bottom: 1px solid var(--line) !important;
}

/* ---------- C. 首页 (home/homepage) 强力覆盖 ---------- */
.home,
.homepage,
[class*="HomePage"],
[class*="HomeContent"] {
  background: var(--ink) !important;
}

/* 首页卡片用更激进的 brutalist：黑底 + 1px 线 + 番茄... 蓝色刺色阴影 */
.home .semi-card,
.homepage .semi-card,
[class*="HomePage"] .semi-card {
  background: var(--ink) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home .semi-card:hover,
.homepage .semi-card:hover {
  border-color: var(--paper) !important;
  box-shadow: 6px 6px 0 0 var(--hot) !important;
  transform: translate(-3px, -3px);
}

/* ---------- D. 公告条 / 通知卡 (notice / announcement) ---------- */
[class*="notice"],
[class*="annc"],
[class*="announcement"],
.semi-card-cover,
.semi-banner {
  background: var(--ink-2) !important;
  border: 1px solid var(--paper) !important;
  border-left: 4px solid var(--hot) !important;
  border-radius: 0 !important;
  font-family: var(--mono) !important;
  letter-spacing: 0.02em;
}

/* ---------- E. 灭掉所有 gradient / blur 背景 (Tailwind/utility) ---------- */
[style*="background"][style*="gradient"] {
  background: var(--ink) !important;
}
[class*="bg-gradient"],
[class*="bg-white"],
[class*="bg-gray"],
[class*="bg-slate"],
[class*="bg-zinc"],
[class*="bg-neutral"] {
  background: var(--ink) !important;
}

[class*="backdrop-blur"],
[class*="backdrop-filter"] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ---------- F. 字体强制：所有 utility text-* 不影响数字 monospace ---------- */
.pricing-layout *,
.pricing-content *,
.home *,
.homepage * {
  font-family: var(--sans);
}

.pricing-layout .semi-card-title,
.pricing-content .semi-card-title,
.home .semi-card-title,
.homepage .semi-card-title,
.pricing-layout h1, .pricing-layout h2, .pricing-layout h3,
.home h1, .home h2, .home h3,
.homepage h1, .homepage h2, .homepage h3 {
  font-family: var(--serif) !important;
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
  color: var(--paper) !important;
  background: none !important;
  -webkit-text-fill-color: var(--paper) !important;
}

/* 数字 / quota / 价格 用 monospace + tabular */
.pricing-layout [class*="price"],
.pricing-layout [class*="quota"],
.pricing-layout [class*="number"],
.pricing-content [class*="price"],
.home [class*="quota"],
.homepage [class*="quota"],
.home [class*="number"] {
  font-family: var(--mono) !important;
  font-feature-settings: 'tnum' !important;
}

/* ---------- G. 模型 emoji / 图标处理 ---------- */
.pricing-layout img[src*="logo"],
.pricing-content img[src*="logo"],
.home img[src*="logo"],
.homepage img[src*="logo"] {
  filter: grayscale(0.8) contrast(1.2);
  mix-blend-mode: normal;
  background: var(--paper);
  padding: 2px;
  border-radius: 0;
}

/* ---------- H. 给首页和模型广场加一条顶部"杂志栏" ---------- */
.home::before,
.homepage::before,
.pricing-layout::before {
  content: 'TANTAN /// ' attr(data-section, 'STATION');
  display: block;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mute);
  border-bottom: 1px solid var(--line);
  padding: 8px 24px;
  background: var(--ink);
}

/* ---------- I. 滚动条收紧 ---------- */
.pricing-scroll-hide::-webkit-scrollbar { width: 0; height: 0; }

/* ==========================================================================
   PART 6 — 「很多线条」装饰增强 (graph paper / 制图风)
   ========================================================================== */

/* ---------- 1. 背景网格 (像方格纸) ---------- */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(244, 241, 234, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 241, 234, 0.025) 1px, transparent 1px),
    /* 大网格（每 8 个小格一条主线） */
    linear-gradient(rgba(0, 82, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 82, 255, 0.04) 1px, transparent 1px);
  background-size: 40px 40px, 40px 40px, 320px 320px, 320px 320px;
  background-position: 0 0, 0 0, 0 0, 0 0;
  /* 网格中心更亮，边缘渐淡 */
  -webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 85%);
          mask-image: radial-gradient(ellipse at center, black 0%, transparent 85%);
}

/* ---------- 2. 主标题下方加双线装饰 (报刊感) ---------- */
body[data-tantan-page="home"] h1::after,
body[data-tantan-page="home"] .semi-typography-h1::after,
body[data-tantan-page="pricing"] h1::after {
  content: '';
  display: block;
  width: 200px;
  height: 0;
  margin-top: 24px;
  border-top: 1px solid var(--paper);
  border-bottom: 1px solid var(--paper);
  padding-top: 4px;
}

/* ---------- 3. 区块/卡片之间的极细分隔线 ---------- */
body[data-tantan-page="home"] section,
body[data-tantan-page="home"] [class*="section"],
body[data-tantan-page="pricing"] section,
body[data-tantan-page="pricing"] [class*="section"] {
  border-top: 1px solid var(--line) !important;
  padding-top: 32px !important;
  margin-top: 32px !important;
  position: relative;
}

body[data-tantan-page="home"] section::before,
body[data-tantan-page="pricing"] section::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 32px;
  height: 1px;
  background: var(--hot);
}

/* ---------- 4. 卡片左上角制图标记 ┌ + 编号 ---------- */
body[data-tantan-page="home"] .semi-card,
body[data-tantan-page="pricing"] .semi-card,
body[data-tantan-page="auth"] .semi-card {
  position: relative;
}
body[data-tantan-page="home"] .semi-card::before,
body[data-tantan-page="pricing"] .semi-card::before,
body[data-tantan-page="auth"] .semi-card::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 12px;
  height: 12px;
  border-top: 2px solid var(--hot);
  border-left: 2px solid var(--hot);
  pointer-events: none;
}
body[data-tantan-page="home"] .semi-card::after,
body[data-tantan-page="pricing"] .semi-card::after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 12px;
  height: 12px;
  border-bottom: 2px solid var(--hot);
  border-right: 2px solid var(--hot);
  pointer-events: none;
}

/* ---------- 5/6 已删除 (扫描线动画 + 表格刻度) - 太花 ---------- */

/* ---------- 7. 主标题左侧加竖线 (报刊引用感) ---------- */
body[data-tantan-page="home"] h1,
body[data-tantan-page="pricing"] h1 {
  border-left: 4px solid var(--hot) !important;
  padding-left: 24px !important;
}

/* ---------- 8. footer 顶部加多重线装饰 ---------- */
.semi-layout-footer {
  border-top: 1px solid var(--paper) !important;
  position: relative;
}
.semi-layout-footer::before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--line-strong);
}

/* ---------- 9. 顶部 sticky 装饰条 (类似浏览器 progress bar 但永久显示) ---------- */
body[data-tantan-page="home"] .semi-layout-content::before {
  position: relative;
}

/* ---------- 10. 制图风刻度尺 (左侧/右侧装饰) ---------- */
body[data-tantan-page="home"] .semi-layout-content > *:first-child::before {
  content: '';
  position: absolute;
  left: -32px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: repeating-linear-gradient(
    to bottom,
    var(--line) 0px,
    var(--line) 4px,
    transparent 4px,
    transparent 12px
  );
  pointer-events: none;
}

/* ==========================================================================
   PART 6.5 — 复刻 windhub.cc "严谨网格 + 大数字 + 编号" 风
   ========================================================================== */

/* 通用 4 列网格区块 (适用于"为什么选择我们" "统计数据" 等) */
body[data-tantan-page="home"] [class*="stat"]:not(.stat),
body[data-tantan-page="home"] [class*="grid"]:not(.semi-grid),
body[data-tantan-page="home"] [class*="features"],
body[data-tantan-page="home"] [class*="reasons"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
  margin: 32px 0;
}

body[data-tantan-page="home"] [class*="stat"]:not(.stat) > *,
body[data-tantan-page="home"] [class*="grid"]:not(.semi-grid) > *,
body[data-tantan-page="home"] [class*="features"] > *,
body[data-tantan-page="home"] [class*="reasons"] > * {
  padding: 32px 28px !important;
  border-right: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  background: transparent !important;
  position: relative;
}

/* 大数字（统计区 494+ / 1,000+ 等） */
body[data-tantan-page="home"] [class*="num"],
body[data-tantan-page="home"] [class*="count"],
body[data-tantan-page="home"] [class*="value"] {
  font-family: var(--serif) !important;
  font-size: 64px !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
  color: var(--paper) !important;
  font-feature-settings: 'tnum' !important;
}

/* 区块小标 (— 供应商 / — 为什么选择我们) */
body[data-tantan-page="home"] [class*="label"]:not(.field-label):not(.semi-form-field-label),
body[data-tantan-page="home"] [class*="eyebrow"],
body[data-tantan-page="home"] [class*="subtitle"]:not(.semi-card-subtitle) {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--mute) !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px !important;
}
body[data-tantan-page="home"] [class*="label"]:not(.field-label):not(.semi-form-field-label)::before,
body[data-tantan-page="home"] [class*="eyebrow"]::before,
body[data-tantan-page="home"] [class*="subtitle"]:not(.semi-card-subtitle)::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 1px;
  background: var(--mute);
}

/* 大粗体小节标题 (支持众多的大模型供应商 / 为开发者打造的...) */
body[data-tantan-page="home"] section h2,
body[data-tantan-page="home"] section h3,
body[data-tantan-page="home"] [class*="section"] h2,
body[data-tantan-page="home"] [class*="section"] h3 {
  font-family: var(--serif) !important;
  font-size: 44px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em !important;
  font-weight: 500 !important;
  color: var(--paper) !important;
  margin: 0 0 16px !important;
}

/* logo 网格 (统一灰度 + 1px 边框 + 米白底/或保持黑底浅灰 logo) */
body[data-tantan-page="home"] [class*="logo"]:not(img):not(.tantan-tools-fab),
body[data-tantan-page="home"] [class*="provider"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
body[data-tantan-page="home"] [class*="logo"]:not(img):not(.tantan-tools-fab) > *,
body[data-tantan-page="home"] [class*="provider"] > * {
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  aspect-ratio: 1.4 / 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transition: background 0.2s ease;
}
body[data-tantan-page="home"] [class*="logo"]:not(img):not(.tantan-tools-fab) > *:hover,
body[data-tantan-page="home"] [class*="provider"] > *:hover {
  background: rgba(255, 255, 255, 0.02) !important;
}

/* logo 图本身 - 灰度 + 米白色调 */
body[data-tantan-page="home"] [class*="logo"]:not(.tantan-tools-fab) img,
body[data-tantan-page="home"] [class*="provider"] img {
  filter: grayscale(1) brightness(2.5) contrast(0.7) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  max-width: 60px;
  max-height: 60px;
  opacity: 0.7;
  transition: opacity 0.2s ease, filter 0.2s ease;
}
body[data-tantan-page="home"] [class*="logo"]:not(.tantan-tools-fab) > *:hover img,
body[data-tantan-page="home"] [class*="provider"] > *:hover img {
  opacity: 1;
  filter: grayscale(0) brightness(1) contrast(1) !important;
}

/* ---------- 11. 减弱动画 (用户偏好) ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ---------- J. 链接强制 ---------- */
.pricing-layout a:not(.semi-button):not(.semi-navigation-item),
.pricing-content a:not(.semi-button):not(.semi-navigation-item),
.home a:not(.semi-button):not(.semi-navigation-item),
.homepage a:not(.semi-button):not(.semi-navigation-item) {
  color: var(--paper) !important;
  text-decoration: none !important;
  border-bottom: 1px solid currentColor;
  transition: color 0.2s ease;
}
.pricing-layout a:hover, .pricing-content a:hover,
.home a:hover, .homepage a:hover {
  color: var(--hot) !important;
}

/* ---------- K. mobile pricing 也要打穿 ---------- */
.pricing-content-mobile,
.pricing-view-container-mobile {
  background: var(--ink) !important;
  padding: 16px !important;
}

/* ---------- L. Semi UI 顶层布局 layout/header/sider ---------- */
.semi-layout,
.semi-layout-content,
.semi-layout-header,
.semi-layout-sider,
.semi-layout-footer {
  background: var(--ink) !important;
  border-radius: 0 !important;
}

.semi-layout-header,
.semi-layout-footer {
  border-bottom: 1px solid var(--line) !important;
}
.semi-layout-sider {
  border-right: 1px solid var(--line) !important;
}

/* ==========================================================================
   PART 3 — [DISABLED] 顶部 nav + 全宽报刊布局
   用户改方向: 要左侧 sidebar + 右侧主区 (经典控制台布局)
   下面所有 PART 3 规则保留但用 .__disabled__ 前缀让选择器全部失效
   ========================================================================== */
.__disabled__part3__ {

/* ---------- 1. 让 sider 变成顶部 nav: 重排 layout ---------- */
body[data-tantan-page="home"] .semi-layout,
body[data-tantan-page="pricing"] .semi-layout,
body[data-tantan-page="auth"] .semi-layout {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh;
}

/* sider 变 horizontal nav (固定顶部) */
body[data-tantan-page="home"] .semi-layout-sider,
body[data-tantan-page="pricing"] .semi-layout-sider {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  flex: 0 0 auto !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  border-right: none !important;
  border-bottom: 1px solid var(--line) !important;
  background: rgba(10, 10, 10, 0.92) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
}

/* sider 内的 children: 让 nav vertical → horizontal */
body[data-tantan-page="home"] .semi-layout-sider .semi-navigation,
body[data-tantan-page="pricing"] .semi-layout-sider .semi-navigation,
body[data-tantan-page="home"] .semi-layout-sider .semi-navigation-vertical,
body[data-tantan-page="pricing"] .semi-layout-sider .semi-navigation-vertical {
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  border: none !important;
  padding: 0 !important;
  max-width: 1680px;
  margin: 0 auto;
  gap: 0;
}

/* nav 内列表水平 */
body[data-tantan-page="home"] .semi-layout-sider .semi-navigation-list,
body[data-tantan-page="pricing"] .semi-layout-sider .semi-navigation-list,
body[data-tantan-page="home"] .semi-layout-sider .semi-navigation-list-wrapper,
body[data-tantan-page="pricing"] .semi-layout-sider .semi-navigation-list-wrapper,
body[data-tantan-page="home"] .semi-layout-sider .semi-navigation-inner,
body[data-tantan-page="pricing"] .semi-layout-sider .semi-navigation-inner {
  display: flex !important;
  flex-direction: row !important;
  flex: 1;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
}

body[data-tantan-page="home"] .semi-layout-sider .semi-navigation-item,
body[data-tantan-page="pricing"] .semi-layout-sider .semi-navigation-item {
  width: auto !important;
  padding: 18px 20px !important;
  margin: 0 !important;
  border-bottom: none !important;
  border-right: 1px solid var(--line) !important;
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  white-space: nowrap;
}

body[data-tantan-page="home"] .semi-layout-sider .semi-navigation-item::before,
body[data-tantan-page="pricing"] .semi-layout-sider .semi-navigation-item::before {
  /* 把左侧竖线改成顶部横线 */
  left: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  height: 2px !important;
  transform: scaleX(0) !important;
  transform-origin: left;
  transition: transform 0.25s cubic-bezier(0.2, 0, 0, 1) !important;
}
body[data-tantan-page="home"] .semi-layout-sider .semi-navigation-item:hover::before,
body[data-tantan-page="pricing"] .semi-layout-sider .semi-navigation-item:hover::before,
body[data-tantan-page="home"] .semi-layout-sider .semi-navigation-item-selected::before,
body[data-tantan-page="pricing"] .semi-layout-sider .semi-navigation-item-selected::before {
  transform: scaleX(1) !important;
}

/* nav header (logo 区) — 给个巨型衬线 brand */
body[data-tantan-page="home"] .semi-navigation-header,
body[data-tantan-page="pricing"] .semi-navigation-header {
  padding: 14px 20px !important;
  border-right: 1px solid var(--line) !important;
  border-bottom: none !important;
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

body[data-tantan-page="home"] .semi-navigation-header-logo,
body[data-tantan-page="pricing"] .semi-navigation-header-logo {
  font-family: var(--serif) !important;
  font-style: italic;
  color: var(--paper);
}

/* nav footer (用户/登录) - 推到右边 */
body[data-tantan-page="home"] .semi-navigation-footer,
body[data-tantan-page="pricing"] .semi-navigation-footer {
  margin-left: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 0 20px !important;
  border-top: none !important;
  border-left: 1px solid var(--line) !important;
  height: 100%;
}

/* 隐藏 sider 折叠按钮 (顶部 nav 用不到) */
body[data-tantan-page="home"] .semi-navigation-collapse-btn,
body[data-tantan-page="pricing"] .semi-navigation-collapse-btn {
  display: none !important;
}

/* ---------- 2. 主区域全宽 + max-width 居中 ---------- */
body[data-tantan-page="home"] .semi-layout-content,
body[data-tantan-page="pricing"] .semi-layout-content,
body[data-tantan-page="home"] .pricing-layout,
body[data-tantan-page="pricing"] .pricing-layout {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ink) !important;
}

/* 主区域内的容器：max-width 1680, 居中, padding */
body[data-tantan-page="home"] .semi-layout-content > *,
body[data-tantan-page="pricing"] .semi-layout-content > * {
  max-width: 1680px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px;
  padding-right: 32px;
  box-sizing: border-box;
}

/* pricing 三列布局：取消，sidebar 折叠到主流 */
body[data-tantan-page="pricing"] .pricing-sidebar {
  display: none !important;
}
body[data-tantan-page="pricing"] .pricing-content,
body[data-tantan-page="pricing"] .pricing-content-mobile {
  max-width: 1680px !important;
  margin: 0 auto !important;
  padding: 32px !important;
  width: 100% !important;
}

/* ---------- 3. 报刊纸面感: 巨型标题 + 1px 分隔 ---------- */
body[data-tantan-page="home"] h1,
body[data-tantan-page="home"] .semi-typography-h1,
body[data-tantan-page="pricing"] h1,
body[data-tantan-page="pricing"] .semi-typography-h1 {
  font-size: 84px !important;
  line-height: 0.95 !important;
  letter-spacing: -0.04em !important;
  font-weight: 500 !important;
  margin: 32px 0 24px !important;
}

body[data-tantan-page="home"] h2,
body[data-tantan-page="pricing"] h2,
body[data-tantan-page="home"] .semi-typography-h2,
body[data-tantan-page="pricing"] .semi-typography-h2 {
  font-size: 48px !important;
  line-height: 1 !important;
}

/* 顶部 hero 间距 */
body[data-tantan-page="home"] .semi-layout-content,
body[data-tantan-page="pricing"] .semi-layout-content {
  padding-top: 24px !important;
}

/* ---------- 4. 移动端 fallback (sider 折叠按钮) ---------- */
@media (max-width: 768px) {
  body[data-tantan-page="home"] .semi-layout-sider,
  body[data-tantan-page="pricing"] .semi-layout-sider {
    overflow-x: auto;
  }
  body[data-tantan-page="home"] .semi-layout-content > *,
  body[data-tantan-page="pricing"] .semi-layout-content > * {
    padding-left: 16px;
    padding-right: 16px;
  }
  body[data-tantan-page="home"] h1,
  body[data-tantan-page="pricing"] h1 {
    font-size: 48px !important;
  }
}

/* PART 9 — Undo broad [class*="primary"] hits on public pages */
body[data-tantan-page="home"] header nav a[class*="primary"],
body[data-tantan-page="pricing"] header nav a[class*="primary"],
body[data-tantan-page="auth"] header nav a[class*="primary"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
}

body[data-tantan-page="home"] header nav a[class*="primary"] *,
body[data-tantan-page="pricing"] header nav a[class*="primary"] *,
body[data-tantan-page="auth"] header nav a[class*="primary"] * {
  background: transparent !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
}

body[data-tantan-page="home"] header nav a[class*="primary"]:hover,
body[data-tantan-page="pricing"] header nav a[class*="primary"]:hover,
body[data-tantan-page="auth"] header nav a[class*="primary"]:hover {
  background: rgba(0, 100, 250, 0.08) !important;
  color: #0064fa !important;
  -webkit-text-fill-color: #0064fa !important;
}

body[data-tantan-page="home"] header nav a[class*="primary"]:hover *,
body[data-tantan-page="pricing"] header nav a[class*="primary"]:hover *,
body[data-tantan-page="auth"] header nav a[class*="primary"]:hover * {
  color: #0064fa !important;
  -webkit-text-fill-color: #0064fa !important;
}

body[data-tantan-page="home"] .semi-modal-title.semi-typography-primary,
body[data-tantan-page="home"] .semi-modal-title.semi-typography-primary *,
body[data-tantan-page="pricing"] .semi-modal-title.semi-typography-primary,
body[data-tantan-page="pricing"] .semi-modal-title.semi-typography-primary * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
}

body[data-tantan-page="home"] .semi-modal-title {
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  padding: 0 !important;
}

body[data-tantan-page="home"] main .semi-button-primary .semi-button-content,
body[data-tantan-page="home"] main .semi-button-primary .semi-button-content-right,
body[data-tantan-page="home"] main .semi-button-primary .semi-icon,
body[data-tantan-page="home"] main .semi-button-primary svg,
body[data-tantan-page="home"] main .semi-button-primary path {
  background: transparent !important;
  background-color: transparent !important;
}

/* ==========================================================================
   PART 7 — Windhub-inspired public homepage
   浅色产品首页：白底、固定白色顶栏、左对齐大标题、灰色 BASE 输入条、
   轻量统计分隔线。保留 TANTAN 品牌文本，不复制参考站内容。
   ========================================================================== */

body[data-tantan-page="home"],
body[data-tantan-page="pricing"],
body[data-tantan-page="auth"] {
  --ink: #ffffff;
  --ink-2: #f6f7f9;
  --ink-3: #eef1f5;
  --ink-4: #e5e8ef;
  --paper: #1c1f23;
  --paper-2: #3f4652;
  --line: rgba(28, 31, 35, 0.10);
  --line-strong: rgba(28, 31, 35, 0.16);
  --mute: #68707d;
  --mute-2: #4b5563;
  --hot: #0064fa;
  --hot-2: #0052cc;
  --hot-glow: rgba(0, 100, 250, 0.16);
  --semi-color-bg-0: #ffffff;
  --semi-color-bg-1: #f6f7f9;
  --semi-color-bg-2: #eef1f5;
  --semi-color-bg-3: #e5e8ef;
  --semi-color-bg-4: #dce1e8;
  --semi-color-fill-0: rgba(46, 50, 56, 0.05);
  --semi-color-fill-1: rgba(46, 50, 56, 0.08);
  --semi-color-fill-2: rgba(46, 50, 56, 0.12);
  --semi-color-text-0: #1c1f23;
  --semi-color-text-1: #3f4652;
  --semi-color-text-2: #68707d;
  --semi-color-text-3: #9aa3af;
  --semi-color-border: rgba(28, 31, 35, 0.10);
  --semi-color-primary: #0064fa;
  --semi-color-primary-hover: #0058dd;
  --semi-color-primary-active: #004fc7;
  --semi-color-primary-light-default: rgba(0, 100, 250, 0.10);
  --semi-color-primary-light-hover: rgba(0, 100, 250, 0.14);
  --semi-color-primary-light-active: rgba(0, 100, 250, 0.18);
  color-scheme: light;
  background: #ffffff !important;
  color: #1c1f23 !important;
}

body[data-tantan-page="home"]::before,
body[data-tantan-page="home"]::after,
body[data-tantan-page="pricing"]::before,
body[data-tantan-page="pricing"]::after,
body[data-tantan-page="auth"]::before,
body[data-tantan-page="auth"]::after {
  display: none !important;
}

body[data-tantan-page="home"] *,
body[data-tantan-page="pricing"] *,
body[data-tantan-page="auth"] * {
  letter-spacing: 0 !important;
}

body[data-tantan-page="home"] .semi-layout,
body[data-tantan-page="home"] .semi-layout-content,
body[data-tantan-page="home"] .semi-layout-header,
body[data-tantan-page="home"] .semi-layout-footer,
body[data-tantan-page="pricing"] .semi-layout,
body[data-tantan-page="pricing"] .semi-layout-content,
body[data-tantan-page="pricing"] .semi-layout-header,
body[data-tantan-page="pricing"] .semi-layout-footer {
  background: #ffffff !important;
  color: #1c1f23 !important;
}

body[data-tantan-page="home"] .app-layout.semi-layout,
body[data-tantan-page="pricing"] .app-layout.semi-layout {
  display: block !important;
  padding-top: 64px !important;
  min-height: 100vh !important;
}

body[data-tantan-page="home"] .semi-layout-header,
body[data-tantan-page="pricing"] .semi-layout-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 64px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid rgba(28, 31, 35, 0.08) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] header,
body[data-tantan-page="pricing"] header {
  color: #1c1f23 !important;
}

body[data-tantan-page="home"] header a,
body[data-tantan-page="home"] header a *,
body[data-tantan-page="home"] header button:not(.semi-button-primary),
body[data-tantan-page="home"] header button:not(.semi-button-primary) *,
body[data-tantan-page="pricing"] header a,
body[data-tantan-page="pricing"] header a *,
body[data-tantan-page="pricing"] header button:not(.semi-button-primary),
body[data-tantan-page="pricing"] header button:not(.semi-button-primary) * {
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
}

body[data-tantan-page="home"] header img,
body[data-tantan-page="pricing"] header img {
  filter: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

body[data-tantan-page="home"] header h4,
body[data-tantan-page="home"] header .semi-typography-h4,
body[data-tantan-page="pricing"] header h4,
body[data-tantan-page="pricing"] header .semi-typography-h4 {
  font-family: var(--sans) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
  background: transparent !important;
}

body[data-tantan-page="home"] header nav a,
body[data-tantan-page="pricing"] header nav a {
  height: 38px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

body[data-tantan-page="home"] header nav a:hover,
body[data-tantan-page="pricing"] header nav a:hover {
  background: rgba(0, 100, 250, 0.08) !important;
  color: #0064fa !important;
  -webkit-text-fill-color: #0064fa !important;
}

body[data-tantan-page="home"] header .semi-button,
body[data-tantan-page="pricing"] header .semi-button {
  border-radius: 999px !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

body[data-tantan-page="home"] header .semi-button-primary,
body[data-tantan-page="pricing"] header .semi-button-primary {
  background: #0064fa !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body[data-tantan-page="home"] .semi-layout-content,
body[data-tantan-page="pricing"] .semi-layout-content {
  padding: 0 !important;
  min-height: calc(100vh - 64px) !important;
  max-width: none !important;
  overflow: visible !important;
}

body[data-tantan-page="home"] .semi-layout-content::before {
  content: none !important;
}

body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] {
  width: 100% !important;
  margin: 0 !important;
  background: #ffffff !important;
}

body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] > div[class*="border-b"] {
  min-height: 748px !important;
  height: auto !important;
  border-bottom: 1px solid rgba(28, 31, 35, 0.08) !important;
  background: #ffffff !important;
  overflow: visible !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
  display: block !important;
  width: min(1240px, 100%) !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 76px 58px 108px !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="max-w-4xl"] {
  width: 100% !important;
  max-width: 1125px !important;
  margin: 0 !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="max-w-4xl"] > div {
  align-items: flex-start !important;
  text-align: left !important;
}

body[data-tantan-page="home"] h1,
body[data-tantan-page="home"] .semi-typography-h1 {
  margin: 54px 0 28px !important;
  padding: 0 !important;
  border-left: 0 !important;
  max-width: 1125px !important;
  font-family: var(--sans) !important;
  font-size: clamp(56px, 5vw, 72px) !important;
  font-weight: 700 !important;
  line-height: 0.96 !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
  text-align: left !important;
}

body[data-tantan-page="home"] h1::after,
body[data-tantan-page="home"] .semi-typography-h1::after {
  display: none !important;
}

body[data-tantan-page="home"] h1 .shine-text,
body[data-tantan-page="home"] h1 span,
body[data-tantan-page="home"] .semi-typography-h1 span {
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
  background: transparent !important;
  font-style: normal !important;
}

body[data-tantan-page="home"] .semi-typography-paragraph,
body[data-tantan-page="home"] p {
  max-width: 760px !important;
  margin: 0 0 48px !important;
  font-family: var(--sans) !important;
  font-size: 18px !important;
  font-style: normal !important;
  line-height: 1.7 !important;
  color: #4b5563 !important;
  text-align: left !important;
}

body[data-tantan-page="home"] input,
body[data-tantan-page="home"] .semi-input,
body[data-tantan-page="home"] .semi-input-wrapper,
body[data-tantan-page="home"] [class*="copy"],
body[data-tantan-page="home"] [class*="url"] {
  background: #f3f4f6 !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: #1c1f23 !important;
  font-family: var(--mono) !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] [class*="copy"] button,
body[data-tantan-page="home"] [class*="copy"] [class*="icon"] {
  border-radius: 6px !important;
  border: 0 !important;
  background: #ffffff !important;
  color: #1c1f23 !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] .semi-button-primary {
  border: 0 !important;
  border-radius: 6px !important;
  background: #0064fa !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  padding: 10px 20px !important;
}

body[data-tantan-page="home"] .semi-button-primary:hover {
  transform: none !important;
  background: #0058dd !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] .semi-button:not(.semi-button-primary):not(.semi-button-danger) {
  border: 0 !important;
  border-radius: 6px !important;
  background: #eaf2ff !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

body[data-tantan-page="home"] .semi-button:not(.semi-button-primary):not(.semi-button-danger):hover {
  background: #dbeafe !important;
  color: #0064fa !important;
  -webkit-text-fill-color: #0064fa !important;
}

body[data-tantan-page="home"] [class*="supporter"],
body[data-tantan-page="home"] [class*="support"]:not(.semi-button) {
  margin: 0 !important;
  padding: 72px 0 28px !important;
  border-top: 1px solid rgba(28, 31, 35, 0.08) !important;
  font-family: var(--sans) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #68707d !important;
  text-align: center !important;
  text-transform: none !important;
}

body[data-tantan-page="home"] main [class*="provider"],
body[data-tantan-page="home"] main [class*="sponsor"],
body[data-tantan-page="home"] main [class*="logo-list"],
body[data-tantan-page="home"] main [class*="brand"] {
  gap: 28px !important;
  justify-content: center !important;
}

body[data-tantan-page="home"] main [class*="provider"] img,
body[data-tantan-page="home"] main [class*="sponsor"] img,
body[data-tantan-page="home"] main [class*="logo-list"] img,
body[data-tantan-page="home"] main [class*="brand"] img {
  filter: none !important;
  opacity: 0.82 !important;
}

body[data-tantan-page="home"] main [class*="provider"] > *,
body[data-tantan-page="home"] main [class*="sponsor"] > *,
body[data-tantan-page="home"] main [class*="logo-list"] > *,
body[data-tantan-page="home"] main [class*="brand"] > * {
  border: 0 !important;
  background: transparent !important;
}

body[data-tantan-page="home"] [class*="stat"]:not(.stat),
body[data-tantan-page="home"] [class*="grid"]:not(.semi-grid) {
  background: #ffffff !important;
  border-color: rgba(28, 31, 35, 0.08) !important;
}

body[data-tantan-page="home"] [class*="stat"]:not(.stat) > *,
body[data-tantan-page="home"] [class*="grid"]:not(.semi-grid) > * {
  background: transparent !important;
  border-color: rgba(28, 31, 35, 0.08) !important;
}

body[data-tantan-page="home"] [class*="num"],
body[data-tantan-page="home"] [class*="count"],
body[data-tantan-page="home"] [class*="value"] {
  font-family: var(--sans) !important;
  color: #1c1f23 !important;
}

body[data-tantan-page="home"] .semi-modal.semi-modal-large {
  width: min(920px, calc(100vw - 48px)) !important;
  max-width: min(920px, calc(100vw - 48px)) !important;
}

body[data-tantan-page="home"] .semi-modal-content,
body[data-tantan-page="home"] .semi-modal,
body[data-tantan-page="home"] .semi-modal-header,
body[data-tantan-page="home"] .semi-modal-body,
body[data-tantan-page="home"] .semi-modal-footer {
  background: #ffffff !important;
  color: #1c1f23 !important;
  border-color: rgba(28, 31, 35, 0.10) !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] .semi-modal-content {
  border-radius: 8px !important;
}

body[data-tantan-page="home"] .semi-modal-header {
  padding: 24px !important;
  border-bottom: 0 !important;
}

body[data-tantan-page="home"] .notice-content-scroll {
  background: #ffffff !important;
  border: 0 !important;
  color: #1c1f23 !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  padding: 0 !important;
}

body[data-tantan-page="home"] .semi-modal-footer .semi-button {
  border-radius: 6px !important;
}

@media (max-width: 768px) {
  body[data-tantan-page="home"] .app-layout.semi-layout,
  body[data-tantan-page="pricing"] .app-layout.semi-layout {
    padding-top: 56px !important;
  }

  body[data-tantan-page="home"] .semi-layout-header,
  body[data-tantan-page="pricing"] .semi-layout-header {
    height: 56px !important;
  }

  body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
    width: 100% !important;
    padding: 48px 20px 72px !important;
  }

  body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] > div[class*="border-b"] {
    min-height: auto !important;
  }

  body[data-tantan-page="home"] h1,
  body[data-tantan-page="home"] .semi-typography-h1 {
    font-size: 46px !important;
    line-height: 1 !important;
    margin-top: 40px !important;
  }

  body[data-tantan-page="home"] .semi-typography-paragraph,
  body[data-tantan-page="home"] p {
    font-size: 16px !important;
    margin-bottom: 32px !important;
  }
}

/* PART 10 — Absolute final cleanup for broad primary selectors */
body[data-tantan-page="home"] header nav a[class*="primary"],
body[data-tantan-page="pricing"] header nav a[class*="primary"],
body[data-tantan-page="auth"] header nav a[class*="primary"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
}

body[data-tantan-page="home"] header nav a[class*="primary"] *,
body[data-tantan-page="pricing"] header nav a[class*="primary"] *,
body[data-tantan-page="auth"] header nav a[class*="primary"] * {
  background: transparent !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
}

body[data-tantan-page="home"] header nav a[class*="primary"]:hover,
body[data-tantan-page="pricing"] header nav a[class*="primary"]:hover,
body[data-tantan-page="auth"] header nav a[class*="primary"]:hover {
  background: rgba(0, 100, 250, 0.08) !important;
  color: #0064fa !important;
  -webkit-text-fill-color: #0064fa !important;
}

body[data-tantan-page="home"] header nav a[class*="primary"]:hover *,
body[data-tantan-page="pricing"] header nav a[class*="primary"]:hover *,
body[data-tantan-page="auth"] header nav a[class*="primary"]:hover * {
  color: #0064fa !important;
  -webkit-text-fill-color: #0064fa !important;
}

body[data-tantan-page="home"] .semi-modal-title.semi-typography-primary,
body[data-tantan-page="home"] .semi-modal-title.semi-typography-primary *,
body[data-tantan-page="pricing"] .semi-modal-title.semi-typography-primary,
body[data-tantan-page="pricing"] .semi-modal-title.semi-typography-primary * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
}

body[data-tantan-page="home"] .semi-modal-title {
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  padding: 0 !important;
}

body[data-tantan-page="home"] main .semi-button-primary .semi-button-content,
body[data-tantan-page="home"] main .semi-button-primary .semi-button-content-right,
body[data-tantan-page="home"] main .semi-button-primary .semi-icon,
body[data-tantan-page="home"] main .semi-button-primary svg,
body[data-tantan-page="home"] main .semi-button-primary path {
  background: transparent !important;
  background-color: transparent !important;
}

/* ---------- 5. 控制台保持原 sider, 不受影响 ---------- */
body[data-tantan-page="console"] .semi-layout-sider {
  /* 显式恢复，防止上面 ! important 漏到 console */
  flex-direction: column;
  width: 220px;
  height: 100vh;
}

}  /* end of .__disabled__part3__ */

/* ==========================================================================
   PART 4 — 首页 HERO 救援 (按钮椭圆 / 黄色高亮 / logo 彩色 / 太居中)
   ========================================================================== */

/* ---------- 1. 全局: 首页内所有按钮强制 0 圆角 ---------- */
body[data-tantan-page="home"] button,
body[data-tantan-page="home"] a[role="button"],
body[data-tantan-page="home"] [class*="btn"],
body[data-tantan-page="home"] [class*="Button"] {
  border-radius: 0 !important;
}

/* 主 CTA "获取密钥" "文档" 按钮 -> brutalist 偏移阴影 */
body[data-tantan-page="home"] .semi-button-primary,
body[data-tantan-page="home"] button.primary,
body[data-tantan-page="home"] [class*="primary"] {
  background: var(--hot) !important;
  color: var(--ink) !important;
  border: 1px solid var(--hot) !important;
  border-radius: 0 !important;
  font-family: var(--sans) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  box-shadow: 4px 4px 0 0 var(--paper) !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
}
body[data-tantan-page="home"] .semi-button-primary:hover,
body[data-tantan-page="home"] button.primary:hover,
body[data-tantan-page="home"] [class*="primary"]:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0 0 var(--paper) !important;
}

body[data-tantan-page="home"] .semi-button-secondary,
body[data-tantan-page="home"] .semi-button-tertiary {
  background: transparent !important;
  color: var(--paper) !important;
  border: 1px solid var(--paper) !important;
  border-radius: 0 !important;
  font-family: var(--sans) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
}
body[data-tantan-page="home"] .semi-button-secondary:hover,
body[data-tantan-page="home"] .semi-button-tertiary:hover {
  background: var(--paper) !important;
  color: var(--ink) !important;
}

/* ---------- 2. URL 显示条 / 输入框 -> 矩形 ---------- */
body[data-tantan-page="home"] input,
body[data-tantan-page="home"] .semi-input,
body[data-tantan-page="home"] .semi-input-wrapper {
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--line-strong) !important;
  font-family: var(--mono) !important;
}

/* URL 行的容器（首页那个 https://tantanzhang.cn /v1/responses 行） */
body[data-tantan-page="home"] [class*="copy"],
body[data-tantan-page="home"] [class*="url"] {
  border-radius: 0 !important;
}

/* 复制按钮：圆形 → 方形 */
body[data-tantan-page="home"] [class*="copy"] button,
body[data-tantan-page="home"] [class*="copy"] [class*="icon"] {
  border-radius: 0 !important;
  background: var(--hot) !important;
  color: var(--ink) !important;
}

/* ---------- 3. 黄色 / 金色高亮 -> 蓝色刺色 ---------- */
body[data-tantan-page="home"] [style*="rgb(255, 215, 0)"],
body[data-tantan-page="home"] [style*="rgb(255,215,0)"],
body[data-tantan-page="home"] [style*="#FFD700"],
body[data-tantan-page="home"] [style*="#ffd700"],
body[data-tantan-page="home"] [style*="#FFC107"],
body[data-tantan-page="home"] [style*="#FFB74D"],
body[data-tantan-page="home"] [style*="gold"],
body[data-tantan-page="home"] [style*="yellow"],
body[data-tantan-page="home"] [class*="highlight"],
body[data-tantan-page="home"] [class*="accent"],
body[data-tantan-page="home"] em,
body[data-tantan-page="home"] mark {
  color: var(--hot) !important;
  background: transparent !important;
  font-style: italic !important;
}

/* ---------- 4. logo / 图标统一灰度 + 米白底 ---------- */
body[data-tantan-page="home"] img:not([src*=".gif"]):not([class*="avatar"]) {
  filter: grayscale(1) brightness(0.95) contrast(1.4) !important;
  background: var(--paper) !important;
  padding: 6px !important;
  border-radius: 0 !important;
  border: 1px solid var(--line) !important;
  transition: filter 0.25s ease, background 0.25s ease, transform 0.25s ease !important;
}
body[data-tantan-page="home"] img:not([src*=".gif"]):not([class*="avatar"]):hover {
  filter: grayscale(0) brightness(1) contrast(1) !important;
  background: var(--ink) !important;
  transform: translate(-2px, -2px);
}

/* logo 整体行 / 容器：调间距 */
body[data-tantan-page="home"] [class*="provider"],
body[data-tantan-page="home"] [class*="sponsor"],
body[data-tantan-page="home"] [class*="logo-list"],
body[data-tantan-page="home"] [class*="brand"] {
  gap: 24px !important;
}

/* ---------- 5. 大标题: 跟工具站 page-title 对齐 (72px) ---------- */
body[data-tantan-page="home"] .semi-typography-h1,
body[data-tantan-page="home"] h1 {
  font-size: 72px !important;
  line-height: 0.95 !important;
  letter-spacing: -0.04em !important;
  font-weight: 500 !important;
  font-family: var(--serif) !important;
  text-align: left !important;
  max-width: 1100px !important;
  margin: 32px 0 24px !important;
  color: var(--paper) !important;
}

body[data-tantan-page="home"] .semi-typography-h2,
body[data-tantan-page="home"] h2 {
  font-size: 36px !important;
  line-height: 1.05 !important;
  font-family: var(--serif) !important;
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
  text-align: left !important;
}

/* 副标 (更好的价格...) */
body[data-tantan-page="home"] .semi-typography-paragraph,
body[data-tantan-page="home"] p {
  text-align: left !important;
  font-size: 16px !important;
  color: var(--mute-2) !important;
  font-family: var(--serif) !important;
  font-style: italic !important;
  max-width: 780px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* "支持众多的大模型供应商" -> 报刊小标题样式 */
body[data-tantan-page="home"] [class*="supporter"],
body[data-tantan-page="home"] [class*="support"]:not(.semi-button) {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--mute) !important;
  border-top: 1px solid var(--line) !important;
  padding-top: 32px !important;
  margin-top: 64px !important;
}

/* ---------- 6. 整体 hero 容器: 左对齐, 不居中 ---------- */
body[data-tantan-page="home"] .semi-layout-content {
  text-align: left !important;
}

body[data-tantan-page="home"] .semi-layout-content > div,
body[data-tantan-page="home"] .home,
body[data-tantan-page="home"] .homepage {
  text-align: left !important;
}

/* CTA 按钮组 (获取密钥 + 文档): 左对齐 */
body[data-tantan-page="home"] [class*="cta"],
body[data-tantan-page="home"] [class*="action"] {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* ---------- 7. 顶部一条 META 横栏 (跟工具站 main::before 对齐, mute 灰色) ---------- */
body[data-tantan-page="home"] .semi-layout-content::before {
  content: '— TANTAN /// AI ROUTER /// 2026 /// LIVE';
  display: block;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mute);
  border-bottom: 1px solid var(--line);
  padding: 8px 0 !important;
  margin: 0 0 32px;
}

/* ---------- 8. 页脚 ---------- */
body[data-tantan-page="home"] .semi-layout-footer,
body[data-tantan-page="pricing"] .semi-layout-footer {
  border-top: 1px solid var(--paper) !important;
  padding: 32px 0 !important;
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--mute) !important;
}

/* ---------- 9. 移动端 hero ---------- */
@media (max-width: 768px) {
  body[data-tantan-page="home"] h1 {
    font-size: 56px !important;
  }
  body[data-tantan-page="home"] .semi-typography-h2,
  body[data-tantan-page="home"] h2 {
    font-size: 32px !important;
  }
}

/* ==========================================================================
   PART 5 — 极简极客风 / 去蓝色块填充
   把所有"蓝色填充块"(logo / nav项 / footer 卡片 / badge / 复制按钮)
   改成 outline 1px 风格，回归"暗黑 + 极细线"美学
   ========================================================================== */

/* ---------- 1. h1 默认色: paper 米白 (整行不要变蓝) ---------- */
body[data-tantan-page="home"] h1,
body[data-tantan-page="home"] .semi-typography-h1 {
  color: var(--paper) !important;
  -webkit-text-fill-color: var(--paper) !important;
}

/* 仅对 inline style 含黄/金色的子元素 强制 → 蓝 (那个"接"字) */
body[data-tantan-page="home"] h1 [style*="rgb(255" i]:not([style*="rgb(255, 255, 255"]),
body[data-tantan-page="home"] h1 [style*="#f" i]:not([style*="#fff" i]):not([style*="#f4f1ea" i]),
body[data-tantan-page="home"] h1 [style*="gold" i],
body[data-tantan-page="home"] h1 [style*="yellow" i],
body[data-tantan-page="home"] .semi-typography-h1 [style*="rgb(255" i]:not([style*="rgb(255, 255, 255"]),
body[data-tantan-page="home"] .semi-typography-h1 [style*="gold" i],
body[data-tantan-page="home"] .semi-typography-h1 [style*="yellow" i] {
  color: var(--hot) !important;
  -webkit-text-fill-color: var(--hot) !important;
  background: transparent !important;
  font-style: italic !important;
}

/* ---------- 2. nav 项：去蓝色块 → 纯透明 + 底部 1px 线 ---------- */
.semi-navigation-item,
.semi-navigation-item-selected,
.semi-navigation-sub-title,
.semi-navigation-item-inner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
}

.semi-navigation-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

.semi-navigation-item-selected {
  background: transparent !important;
  position: relative;
}
.semi-navigation-item-selected::before {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: var(--hot);
}
.semi-navigation-item-selected::after {
  display: none !important;
}

/* ---------- 3. logo / brand 区域：去蓝色块 ---------- */
.semi-navigation-header,
.semi-navigation-header-list,
.semi-navigation-header-logo,
[class*="brand"],
[class*="Logo"]:not(img),
[class*="logo"]:not(img) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* logo 区文字: 衬线斜体 + 米白 */
.semi-navigation-header-logo,
.semi-navigation-header-list-text {
  font-family: var(--serif) !important;
  font-style: italic !important;
  color: var(--paper) !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

/* ---------- 4. 用户角色 / 徽标 / ROOT 标签：outline 风 ---------- */
[class*="role"]:not(.semi-button),
[class*="badge"]:not(.semi-button),
[class*="user-tag"],
[class*="UserTag"],
[class*="avatar-text"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid var(--paper) !important;
  color: var(--paper) !important;
  border-radius: 0 !important;
  padding: 2px 10px !important;
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* ---------- 5. 复制按钮 / 小图标按钮：outline 风 ---------- */
body[data-tantan-page="home"] button[class*="copy" i],
body[data-tantan-page="home"] [class*="CopyButton"],
body[data-tantan-page="home"] button[aria-label*="copy" i],
body[data-tantan-page="home"] button[aria-label*="复制"],
body[data-tantan-page="home"] [class*="copy"] button {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid var(--hot) !important;
  color: var(--hot) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ---------- 6. footer 区：完全极简，无蓝色块 ---------- */
.semi-layout-footer,
.semi-layout-footer *,
[class*="footer"]:not(footer),
footer {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--mute) !important;
}

.semi-layout-footer {
  border-top: 1px solid var(--line) !important;
  padding: 24px 32px !important;
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  color: var(--mute) !important;
}

.semi-layout-footer a {
  color: var(--mute-2) !important;
  border-bottom: 1px solid var(--mute) !important;
}
.semi-layout-footer a:hover {
  color: var(--hot) !important;
  border-bottom-color: var(--hot) !important;
}

/* ---------- 7. 主按钮 (获取密钥 / 文档) 保留蓝色填充
   但把其他次按钮 / 文本按钮 都改成 outline 风 ---------- */
body[data-tantan-page="home"] .semi-button:not(.semi-button-primary):not(.semi-button-danger) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid var(--paper) !important;
  color: var(--paper) !important;
  box-shadow: none !important;
}
body[data-tantan-page="home"] .semi-button:not(.semi-button-primary):not(.semi-button-danger):hover {
  background: var(--paper) !important;
  color: var(--ink) !important;
}

/* ---------- 8. 30+ 标签 / 数字徽标 / 通用 chip：outline ---------- */
[class*="chip"]:not(.semi-button),
[class*="pill"]:not(.semi-button) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--paper) !important;
  border-radius: 0 !important;
  padding: 4px 12px !important;
  font-family: var(--mono) !important;
}

/* ---------- 9. 顶部 sider 还原默认布局 (撤回 PART 3) ---------- */
body[data-tantan-page="home"] .semi-layout,
body[data-tantan-page="pricing"] .semi-layout {
  display: flex !important;
  flex-direction: row !important;  /* 经典横排 */
}
body[data-tantan-page="home"] .semi-layout-sider,
body[data-tantan-page="pricing"] .semi-layout-sider {
  width: 220px !important;
  max-width: 220px !important;
  min-width: 220px !important;
  height: 100vh !important;
  position: sticky !important;
  top: 0 !important;
  flex-direction: column !important;
  border-right: 1px solid var(--line) !important;
  border-bottom: none !important;
  background: var(--ink) !important;
  backdrop-filter: none !important;
}

body[data-tantan-page="home"] .semi-navigation,
body[data-tantan-page="pricing"] .semi-navigation,
body[data-tantan-page="home"] .semi-navigation-vertical,
body[data-tantan-page="pricing"] .semi-navigation-vertical {
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  max-width: none;
  margin: 0;
  padding: 0 !important;
  border: none !important;
}

body[data-tantan-page="home"] .semi-navigation-list,
body[data-tantan-page="pricing"] .semi-navigation-list,
body[data-tantan-page="home"] .semi-navigation-list-wrapper,
body[data-tantan-page="pricing"] .semi-navigation-list-wrapper,
body[data-tantan-page="home"] .semi-navigation-inner,
body[data-tantan-page="pricing"] .semi-navigation-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  height: auto !important;
  flex: 0 1 auto;
}

body[data-tantan-page="home"] .semi-navigation-item,
body[data-tantan-page="pricing"] .semi-navigation-item {
  width: 100% !important;
  padding: 12px 16px !important;
  border-right: none !important;
  border-bottom: 1px solid var(--line) !important;
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
}
body[data-tantan-page="home"] .semi-navigation-item-selected::before,
body[data-tantan-page="pricing"] .semi-navigation-item-selected::before {
  /* sidebar 里 selected 用左侧 2px 蓝线 (替代底部线) */
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  right: auto !important;
  width: 2px !important;
  height: 100% !important;
  background: var(--hot) !important;
}

/* nav header (logo) 区域: serif 大字, 极细线 */
body[data-tantan-page="home"] .semi-navigation-header,
body[data-tantan-page="pricing"] .semi-navigation-header {
  border-bottom: 1px solid var(--line) !important;
  border-right: none !important;
  padding: 24px 16px !important;
  font-family: var(--serif) !important;
  font-style: italic;
  font-size: 24px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: var(--paper) !important;
  text-align: left;
  white-space: nowrap;
}

/* nav footer: 推到底, 极简, mute */
body[data-tantan-page="home"] .semi-navigation-footer,
body[data-tantan-page="pricing"] .semi-navigation-footer {
  margin-left: 0 !important;
  margin-top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 16px !important;
  border-top: 1px solid var(--line) !important;
  border-left: none !important;
}

/* 主区域: 不再 1680 max-width 居中, 跟 console 一样占满右侧 */
body[data-tantan-page="home"] .semi-layout-content,
body[data-tantan-page="pricing"] .semi-layout-content {
  width: 100% !important;
  max-width: none !important;
  padding: 32px 48px !important;
}

body[data-tantan-page="home"] .semi-layout-content > *,
body[data-tantan-page="pricing"] .semi-layout-content > * {
  max-width: none !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

/* meta 横栏 (#0001 — TANTAN /// AI ROUTER) 仍然展示, mute 灰 */
body[data-tantan-page="home"] .semi-layout-content::before {
  margin-bottom: 24px !important;
}

/* ==========================================================================
   PART 6 — 首页收敛修正
   之前的通用选择器把 layout section、primary 文本类、badge count 都当成
   装饰组件处理了，导致首屏被压低、顶部导航不可读。这里把首页关键区域收紧。
   ========================================================================== */

/* Layout section 只负责布局，不参与报刊分隔装饰 */
body[data-tantan-page="home"] section.semi-layout,
body[data-tantan-page="home"] section.app-layout,
body[data-tantan-page="pricing"] section.semi-layout,
body[data-tantan-page="pricing"] section.app-layout {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body[data-tantan-page="home"] section.semi-layout::before,
body[data-tantan-page="home"] section.app-layout::before,
body[data-tantan-page="pricing"] section.semi-layout::before,
body[data-tantan-page="pricing"] section.app-layout::before {
  display: none !important;
}

body[data-tantan-page="home"] #root,
body[data-tantan-page="home"] .app-layout.semi-layout {
  min-height: 100vh !important;
  height: auto !important;
}

body[data-tantan-page="home"] .semi-layout-header {
  height: 64px !important;
  z-index: 80 !important;
  border-bottom: 1px solid var(--line) !important;
}

body[data-tantan-page="home"] .app-layout.semi-layout {
  padding-top: 64px !important;
}

body[data-tantan-page="home"] .semi-layout-content {
  padding: 28px 48px 56px !important;
  min-height: calc(100vh - 64px) !important;
  overflow: visible !important;
}

body[data-tantan-page="home"] .semi-layout-content::before {
  margin-bottom: 20px !important;
}

/* 顶部导航：恢复真实文字、紧凑高度和可点击状态 */
body[data-tantan-page="home"] header img {
  filter: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] header a.group {
  height: 44px !important;
  padding: 0 12px 0 0 !important;
  color: var(--paper) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] header .semi-typography-h4,
body[data-tantan-page="home"] header h4 {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--paper) !important;
  -webkit-text-fill-color: var(--paper) !important;
  font-family: var(--sans) !important;
  font-size: 17px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
}

body[data-tantan-page="home"] header nav a {
  width: auto !important;
  min-width: 0 !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  color: var(--paper) !important;
  -webkit-text-fill-color: var(--paper) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body[data-tantan-page="home"] header nav a::after,
body[data-tantan-page="home"] header a.group::after {
  display: none !important;
}

body[data-tantan-page="home"] header nav a:hover {
  color: var(--paper) !important;
  -webkit-text-fill-color: var(--paper) !important;
  background: rgba(244, 241, 234, 0.06) !important;
  border-color: var(--line-strong) !important;
}

body[data-tantan-page="home"] header .semi-button {
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;
  box-shadow: none !important;
  letter-spacing: 0.04em !important;
  transform: none !important;
}

body[data-tantan-page="home"] header .semi-button-with-icon-only {
  width: 32px !important;
  padding: 0 !important;
}

body[data-tantan-page="home"] header .semi-badge,
body[data-tantan-page="home"] header [class*="badge"],
body[data-tantan-page="home"] header [class*="count"] {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--paper) !important;
  padding: 0 !important;
}

body[data-tantan-page="home"] header .semi-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--hot) !important;
  color: var(--ink) !important;
  border-radius: 999px !important;
  font-size: 10px !important;
}

/* 首屏 hero：让标题、URL 和 CTA 在常见笔记本视口内完整出现 */
body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] {
  margin-bottom: 32px !important;
}

body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] > div[class*="border-b"] {
  min-height: clamp(540px, calc(100vh - 132px), 700px) !important;
  height: auto !important;
  overflow: visible !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
  height: auto !important;
  margin-top: 0 !important;
  padding: clamp(40px, 5vh, 64px) 16px 48px !important;
  align-items: flex-start !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="max-w-4xl"] {
  width: min(920px, 100%) !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="max-w-4xl"] > [class*="mb-6"],
body[data-tantan-page="home"] .semi-layout-content [class*="max-w-4xl"] > [class*="md:mb-8"] {
  margin-bottom: 24px !important;
}

body[data-tantan-page="home"] .semi-typography-h1,
body[data-tantan-page="home"] h1 {
  font-size: clamp(46px, 5vw, 68px) !important;
  line-height: 1.02 !important;
  margin: 0 0 20px !important;
  padding-left: 22px !important;
  max-width: 920px !important;
}

body[data-tantan-page="home"] h1::after,
body[data-tantan-page="home"] .semi-typography-h1::after {
  width: 160px !important;
  margin-top: 18px !important;
}

body[data-tantan-page="home"] .semi-typography-paragraph,
body[data-tantan-page="home"] p {
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 18px !important;
}

/* Provider logos: preserve brand color and remove accidental grid boxes */
body[data-tantan-page="home"] main [class*="provider"] > *,
body[data-tantan-page="home"] main [class*="sponsor"] > *,
body[data-tantan-page="home"] main [class*="logo-list"] > *,
body[data-tantan-page="home"] main [class*="brand"] > * {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] main [class*="provider"] img,
body[data-tantan-page="home"] main [class*="sponsor"] img,
body[data-tantan-page="home"] main [class*="logo-list"] img,
body[data-tantan-page="home"] main [class*="brand"] img {
  filter: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  opacity: 0.94 !important;
}

body[data-tantan-page="home"] main [class*="provider"] img:hover,
body[data-tantan-page="home"] main [class*="sponsor"] img:hover,
body[data-tantan-page="home"] main [class*="logo-list"] img:hover,
body[data-tantan-page="home"] main [class*="brand"] img:hover {
  transform: translateY(-2px) !important;
  opacity: 1 !important;
}

/* 公告弹窗：保持可读，不抢走整屏 */
body[data-tantan-page="home"] .semi-modal.semi-modal-large {
  width: min(720px, calc(100vw - 32px)) !important;
  max-width: min(720px, calc(100vw - 32px)) !important;
}

body[data-tantan-page="home"] .semi-modal-content {
  box-shadow: 8px 8px 0 0 var(--hot) !important;
}

body[data-tantan-page="home"] .semi-modal-header {
  background: transparent !important;
  border-bottom: 1px solid var(--line) !important;
  padding: 18px 24px !important;
}

body[data-tantan-page="home"] .notice-content-scroll {
  background: var(--ink-2) !important;
  border: 1px solid var(--line-strong) !important;
  padding: 12px 14px !important;
  color: var(--paper) !important;
  font-family: var(--sans) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

body[data-tantan-page="home"] .semi-modal-close {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  body[data-tantan-page="home"] .app-layout.semi-layout {
    padding-top: 56px !important;
  }

  body[data-tantan-page="home"] .semi-layout-header {
    height: 56px !important;
  }

  body[data-tantan-page="home"] .semi-layout-content {
    padding: 20px 18px 44px !important;
    min-height: calc(100vh - 56px) !important;
  }

  body[data-tantan-page="home"] header nav a {
    height: 32px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }

  body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] > div[class*="border-b"] {
    min-height: auto !important;
  }

  body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
    padding: 32px 0 40px !important;
  }

  body[data-tantan-page="home"] h1,
  body[data-tantan-page="home"] .semi-typography-h1 {
    font-size: 42px !important;
    padding-left: 16px !important;
  }
}

/* ==========================================================================
   PART 8 — Final cascade: Windhub reference wins
   放在文件末尾，覆盖前面所有旧 brutalist 规则。
   ========================================================================== */

body[data-tantan-page="home"],
body[data-tantan-page="pricing"],
body[data-tantan-page="auth"] {
  --ink: #ffffff;
  --ink-2: #f6f7f9;
  --ink-3: #eef1f5;
  --paper: #1c1f23;
  --paper-2: #3f4652;
  --line: rgba(28, 31, 35, 0.10);
  --line-strong: rgba(28, 31, 35, 0.16);
  --mute: #68707d;
  --mute-2: #4b5563;
  --hot: #0064fa;
  --semi-color-bg-0: #ffffff;
  --semi-color-bg-1: #f6f7f9;
  --semi-color-bg-2: #eef1f5;
  --semi-color-fill-0: rgba(46, 50, 56, 0.05);
  --semi-color-fill-1: rgba(46, 50, 56, 0.08);
  --semi-color-fill-2: rgba(46, 50, 56, 0.12);
  --semi-color-text-0: #1c1f23;
  --semi-color-text-1: #3f4652;
  --semi-color-text-2: #68707d;
  --semi-color-text-3: #9aa3af;
  --semi-color-border: rgba(28, 31, 35, 0.10);
  --semi-color-primary: #0064fa;
  --semi-color-primary-hover: #0058dd;
  --semi-color-primary-active: #004fc7;
  background: #fff !important;
  color: #1c1f23 !important;
  color-scheme: light;
}

body[data-tantan-page="home"]::before,
body[data-tantan-page="home"]::after,
body[data-tantan-page="pricing"]::before,
body[data-tantan-page="pricing"]::after,
body[data-tantan-page="auth"]::before,
body[data-tantan-page="auth"]::after {
  display: none !important;
}

body[data-tantan-page="home"] *,
body[data-tantan-page="pricing"] *,
body[data-tantan-page="auth"] * {
  letter-spacing: 0 !important;
}

body[data-tantan-page="home"] .app-layout.semi-layout,
body[data-tantan-page="pricing"] .app-layout.semi-layout,
body[data-tantan-page="auth"] .app-layout.semi-layout {
  display: block !important;
  flex-direction: initial !important;
  padding-top: 64px !important;
  min-height: 100vh !important;
  height: auto !important;
  background: #fff !important;
}

body[data-tantan-page="home"] .semi-layout,
body[data-tantan-page="home"] .semi-layout-content,
body[data-tantan-page="home"] .semi-layout-header,
body[data-tantan-page="home"] .semi-layout-footer,
body[data-tantan-page="pricing"] .semi-layout,
body[data-tantan-page="pricing"] .semi-layout-content,
body[data-tantan-page="pricing"] .semi-layout-header,
body[data-tantan-page="pricing"] .semi-layout-footer {
  background: #fff !important;
  border-color: rgba(28, 31, 35, 0.08) !important;
  color: #1c1f23 !important;
}

body[data-tantan-page="home"] section.semi-layout,
body[data-tantan-page="home"] section.app-layout,
body[data-tantan-page="pricing"] section.semi-layout,
body[data-tantan-page="pricing"] section.app-layout {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body[data-tantan-page="home"] section.semi-layout::before,
body[data-tantan-page="home"] section.app-layout::before,
body[data-tantan-page="pricing"] section.semi-layout::before,
body[data-tantan-page="pricing"] section.app-layout::before {
  display: none !important;
}

body[data-tantan-page="home"] .semi-layout-header,
body[data-tantan-page="pricing"] .semi-layout-header,
body[data-tantan-page="auth"] .semi-layout-header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  height: 64px !important;
  z-index: 80 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid rgba(28, 31, 35, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
}

body[data-tantan-page="home"] header,
body[data-tantan-page="home"] header *,
body[data-tantan-page="pricing"] header,
body[data-tantan-page="pricing"] header *,
body[data-tantan-page="auth"] header,
body[data-tantan-page="auth"] header * {
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
}

body[data-tantan-page="home"] header img,
body[data-tantan-page="pricing"] header img,
body[data-tantan-page="auth"] header img {
  filter: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] header h4,
body[data-tantan-page="home"] header .semi-typography-h4,
body[data-tantan-page="pricing"] header h4,
body[data-tantan-page="pricing"] header .semi-typography-h4 {
  font-family: var(--sans) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body[data-tantan-page="home"] header a::after,
body[data-tantan-page="pricing"] header a::after,
body[data-tantan-page="auth"] header a::after {
  display: none !important;
}

body[data-tantan-page="home"] header nav a,
body[data-tantan-page="pricing"] header nav a {
  width: auto !important;
  min-width: 0 !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 10px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

body[data-tantan-page="home"] header nav a:hover,
body[data-tantan-page="pricing"] header nav a:hover {
  color: #0064fa !important;
  -webkit-text-fill-color: #0064fa !important;
  background: rgba(0, 100, 250, 0.08) !important;
}

body[data-tantan-page="home"] header .semi-button,
body[data-tantan-page="pricing"] header .semi-button,
body[data-tantan-page="auth"] header .semi-button {
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  background: rgba(46, 50, 56, 0.05) !important;
  font-family: var(--sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transform: none !important;
}

body[data-tantan-page="home"] header .semi-button-with-icon-only,
body[data-tantan-page="pricing"] header .semi-button-with-icon-only {
  width: 32px !important;
  padding: 0 !important;
}

body[data-tantan-page="home"] header .semi-button-primary,
body[data-tantan-page="pricing"] header .semi-button-primary,
body[data-tantan-page="auth"] header .semi-button-primary {
  background: #0064fa !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-tantan-page="home"] header .semi-button-primary *,
body[data-tantan-page="pricing"] header .semi-button-primary *,
body[data-tantan-page="auth"] header .semi-button-primary * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-tantan-page="home"] header .semi-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body[data-tantan-page="home"] .semi-layout-content,
body[data-tantan-page="pricing"] .semi-layout-content {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100vh - 64px) !important;
  padding: 0 !important;
  overflow: visible !important;
}

body[data-tantan-page="home"] .semi-layout-content::before {
  content: none !important;
}

body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] {
  width: 100% !important;
  margin: 0 !important;
  background: #fff !important;
}

body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] > div[class*="border-b"] {
  min-height: 748px !important;
  height: auto !important;
  border-bottom: 1px solid rgba(28, 31, 35, 0.08) !important;
  background: #fff !important;
  overflow: visible !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
  display: block !important;
  width: min(1240px, 100%) !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 76px 58px 108px !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="max-w-4xl"] {
  width: 100% !important;
  max-width: 1125px !important;
  margin: 0 !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

body[data-tantan-page="home"] .semi-layout-content [class*="max-w-4xl"] > div {
  align-items: flex-start !important;
  text-align: left !important;
}

body[data-tantan-page="home"] h1,
body[data-tantan-page="home"] .semi-typography-h1 {
  max-width: 1125px !important;
  margin: 54px 0 28px !important;
  padding: 0 !important;
  border-left: 0 !important;
  font-family: var(--sans) !important;
  font-size: clamp(56px, 5vw, 72px) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 0.96 !important;
  text-align: left !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
}

body[data-tantan-page="home"] h1::after,
body[data-tantan-page="home"] .semi-typography-h1::after {
  display: none !important;
}

body[data-tantan-page="home"] h1 span,
body[data-tantan-page="home"] h1 .shine-text,
body[data-tantan-page="home"] .semi-typography-h1 span {
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
  background: transparent !important;
  font-style: normal !important;
}

body[data-tantan-page="home"] .semi-typography-paragraph,
body[data-tantan-page="home"] p {
  max-width: 760px !important;
  margin: 0 0 48px !important;
  font-family: var(--sans) !important;
  font-size: 18px !important;
  font-style: normal !important;
  line-height: 1.7 !important;
  text-align: left !important;
  color: #4b5563 !important;
}

body[data-tantan-page="home"] input,
body[data-tantan-page="home"] .semi-input,
body[data-tantan-page="home"] .semi-input-wrapper,
body[data-tantan-page="home"] [class*="copy"],
body[data-tantan-page="home"] [class*="url"] {
  border: 0 !important;
  border-radius: 6px !important;
  background: #f3f4f6 !important;
  color: #1c1f23 !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] [class*="copy"] button,
body[data-tantan-page="home"] [class*="copy"] [class*="icon"] {
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #1c1f23 !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] main .semi-button-primary,
body[data-tantan-page="home"] main .semi-button-primary * {
  border: 0 !important;
  border-radius: 6px !important;
  background: #0064fa !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transform: none !important;
}

body[data-tantan-page="home"] main .semi-button:not(.semi-button-primary):not(.semi-button-danger) {
  border: 0 !important;
  border-radius: 6px !important;
  background: #eaf2ff !important;
  color: #1c1f23 !important;
  -webkit-text-fill-color: #1c1f23 !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

body[data-tantan-page="home"] [class*="supporter"],
body[data-tantan-page="home"] [class*="support"]:not(.semi-button) {
  margin: 0 !important;
  padding: 72px 0 28px !important;
  border-top: 1px solid rgba(28, 31, 35, 0.08) !important;
  font-family: var(--sans) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-align: center !important;
  text-transform: none !important;
  color: #68707d !important;
}

body[data-tantan-page="home"] main [class*="provider"],
body[data-tantan-page="home"] main [class*="sponsor"],
body[data-tantan-page="home"] main [class*="logo-list"],
body[data-tantan-page="home"] main [class*="brand"] {
  justify-content: center !important;
  gap: 28px !important;
}

body[data-tantan-page="home"] main [class*="provider"] > *,
body[data-tantan-page="home"] main [class*="sponsor"] > *,
body[data-tantan-page="home"] main [class*="logo-list"] > *,
body[data-tantan-page="home"] main [class*="brand"] > *,
body[data-tantan-page="home"] main [class*="provider"] img,
body[data-tantan-page="home"] main [class*="sponsor"] img,
body[data-tantan-page="home"] main [class*="logo-list"] img,
body[data-tantan-page="home"] main [class*="brand"] img {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

body[data-tantan-page="home"] [class*="stat"]:not(.stat),
body[data-tantan-page="home"] [class*="grid"]:not(.semi-grid),
body[data-tantan-page="home"] [class*="stat"]:not(.stat) > *,
body[data-tantan-page="home"] [class*="grid"]:not(.semi-grid) > * {
  background: transparent !important;
  border-color: rgba(28, 31, 35, 0.08) !important;
}

body[data-tantan-page="home"] [class*="num"],
body[data-tantan-page="home"] [class*="count"],
body[data-tantan-page="home"] [class*="value"] {
  font-family: var(--sans) !important;
  color: #1c1f23 !important;
}

body[data-tantan-page="home"] .semi-modal.semi-modal-large {
  width: min(920px, calc(100vw - 48px)) !important;
  max-width: min(920px, calc(100vw - 48px)) !important;
}

body[data-tantan-page="home"] .semi-modal,
body[data-tantan-page="home"] .semi-modal-content,
body[data-tantan-page="home"] .semi-modal-header,
body[data-tantan-page="home"] .semi-modal-body,
body[data-tantan-page="home"] .semi-modal-footer {
  background: #fff !important;
  color: #1c1f23 !important;
  border-color: rgba(28, 31, 35, 0.10) !important;
  box-shadow: none !important;
}

body[data-tantan-page="home"] .semi-modal-content {
  border-radius: 8px !important;
}

body[data-tantan-page="home"] .notice-content-scroll {
  border: 0 !important;
  background: #fff !important;
  color: #1c1f23 !important;
  font-family: var(--sans) !important;
  font-size: 16px !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  body[data-tantan-page="home"] .app-layout.semi-layout,
  body[data-tantan-page="pricing"] .app-layout.semi-layout,
  body[data-tantan-page="auth"] .app-layout.semi-layout {
    padding-top: 56px !important;
  }

  body[data-tantan-page="home"] .semi-layout-header,
  body[data-tantan-page="pricing"] .semi-layout-header,
  body[data-tantan-page="auth"] .semi-layout-header {
    height: 56px !important;
  }

  body[data-tantan-page="home"] .semi-layout-content [class*="py-20"][class*="mt-10"] {
    width: 100% !important;
    padding: 48px 20px 72px !important;
  }

  body[data-tantan-page="home"] .semi-layout-content > div[class*="overflow-x-hidden"] > div[class*="border-b"] {
    min-height: auto !important;
  }

  body[data-tantan-page="home"] h1,
  body[data-tantan-page="home"] .semi-typography-h1 {
    font-size: 46px !important;
    line-height: 1 !important;
    margin-top: 40px !important;
  }

  body[data-tantan-page="home"] .semi-typography-paragraph,
  body[data-tantan-page="home"] p {
    font-size: 16px !important;
    margin-bottom: 32px !important;
  }
}