/*
 * txtsj.cn 业务覆盖层
 * 依据：assets/设计依据.json（外壳复刻 Elvis9 业务页行为；组件取自菲戈设计库案例）
 * 职责：双层固定导航、品牌位、锚点滚动补偿、首页专属小样式。
 * 色板/主题不在本文件定义：黑白灰本体由 tabler.css + tabler-themes.css
 * 的 data-bs-theme=dark / base=neutral / primary=inverted 提供。[UX-M5]
 */

:root {
  /* 宿主悬浮工具条补偿（ZCode 内置浏览器），由 assets/js/viewport-top.js 写入，普通浏览器恒为 0 */
  --txsj-vp-top: 0px;
}

/* 双层导航常驻：桌面端 chrome 栏 + 菜单栏两层固定叠放；移动端仅 chrome 栏固定，
   菜单栏保持文档流供折叠展开（规格照抄 Elvis9 业务页） */
body.txsj-business div.page > header.navbar {
  position: fixed;
  top: var(--txsj-vp-top);
  left: 0;
  right: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  body.txsj-business div.page > header.navbar-expand-md:not(.navbar) {
    position: fixed;
    top: calc(var(--txsj-vp-top) + 56px);
    left: 0;
    right: 0;
    z-index: 1029;
  }
  body.txsj-business .page-wrapper {
    padding-top: calc(var(--txsj-vp-top) + 112px);
  }
}
@media (max-width: 767.98px) {
  body.txsj-business .page-wrapper {
    padding-top: calc(var(--txsj-vp-top) + 56px);
  }
}

/* 品牌位：X 图标（腿型透视局 v9.0 主源无损矢量转录）+ 文字标。
   占位规格取自库 design-theme.css 的 .brand-mark 基准（2rem 见方 + .55rem 右距），
   flex 收缩与最大尺寸双锁，防加载态被拉伸/压缩变形 */
body.txsj-business .navbar-brand .txsj-brand-x {
  width: 2rem;
  height: 2rem;
  max-width: 2rem;
  max-height: 2rem;
  margin-right: 0.55rem;
  display: block;
  flex: 0 0 auto;
}
body.txsj-business .navbar-brand a {
  text-decoration: none;
}

/* 锚点目标补偿双层固定导航高度（56px + 56px） */
[id] {
  scroll-margin-top: calc(var(--txsj-vp-top) + 112px + 0.5rem);
}
html {
  scroll-behavior: smooth;
}

/* Hero：移除默认 .hero 的 6.5rem 水平 padding，避免大图标撑破视口；
   移动端在 section 级处理间距。 */
.txsj-hero {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .txsj-hero {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.txsj-hero .container-xl {
  padding-left: 0;
  padding-right: 0;
}

/* 定价卡：横向可滚动容器，防止多卡叠加超出视口。
   Tabler 原生 .pricing 在 ≥768px 时 max-width: 22rem × 3 + margin 会超出 1200px 容器；
   此处用 overflow-x:auto 保持原结构，不重写 flex 布局。 */
.txsj-pricing-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 服务边界块：与正文的分隔 */
.txsj-hero-logo {
  width: min(320px, 68%);
  height: auto;
}

/* 结尾品牌横幅：反白组合版（深底规范用法） */
.txsj-closing-logo {
  width: min(300px, 72%);
  height: auto;
}

/* 服务闭环六步卡：数字序号（单色，不用彩色徽标） */
.txsj-step-num {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--tblr-secondary);
}

/* 方法体系卡：模型名大字 */
.txsj-method-abbr {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

/* 服务边界块：与正文的分隔 */
.txsj-boundary hr {
  opacity: 1;
  border-color: var(--tblr-border-color);
}

/* 页脚备案链接与普通链接一致，无下划线 */
footer.footer a.link-secondary {
  text-decoration: none;
}
footer.footer a.link-secondary:hover {
  text-decoration: underline;
}