/**
 * AIOS 智塔落地页样式入口
 *
 * 分层说明（与 CSS_CONVENTION 一致）：
 * 1. aios-utilities.css — 正文区 utility（已 scope 到 .aios-page，不污染 nav/hero/footer）
 * 2. 本文件 — aios-* 语义组件（sticky 导航等）
 * 3. cap-core.css — 核心能力区块
 *
 * 全站样式：../skin/style/main.css + fonts.css（头部/页脚）
 * 勿在本页直接 @import index-BbauZ72g.css（全局 reset 会污染头部）
 */

@import url('cap-core.css');
@import url('layers.css');



/* ── 正文根容器 ── */
.aios-page {
  color: var(--on-surface, #1a1a1a);
  line-height: 1.5;
  isolation: isolate;
}

/* ── 二级锚点导航（aios-sticky-*） ── */
.aios-sticky {
  position: sticky;
  top: var(--nav-height, 4rem);
  z-index: 40;
  background: #fff;
  border-bottom: 1px solid #f3f4f6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.aios-sticky-track {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  overflow-x: auto;
  padding: 0.75rem 0;
  max-width: min(var(--container-max), 100%);
  margin: 0 auto;
  padding-left: var(--container-px);
  padding-right: var(--container-px);
}

.aios-sticky-link {
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  white-space: nowrap;
  color: #666666;
  transition: color 0.2s, background 0.2s;
}

.aios-sticky-link:hover {
  color: #1a1a1a;
  background: #f9fafb;
}

.aios-sticky-link.is-active {
  color: var(--primary, #115391);
  background: rgba(17, 83, 145, 0.08);
}

/* 横向滚动隐藏滚动条 */
.aios-page .scrollbar-hide,
.aios-sticky .scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.aios-page .scrollbar-hide::-webkit-scrollbar,
.aios-sticky .scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* ── 滚动入场（与全站 base.css .fade 一致，由 aios.js IntersectionObserver 触发 .in） ── */
.aios-page .aios-fade {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.aios-page .aios-fade.in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .aios-page .aios-fade {
    opacity: 1;
    transform: none;
    transition: none;
  }
}