/* ============================================================
 * nav.css — 底部导航组件
 * ============================================================ */
.c-nav {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9999;
  display: flex;
  background: var(--c-surface);
  box-shadow: var(--sd-nav);
  padding-bottom: var(--safe-b);
  /* 防止父级 overflow 导致 fixed 失效 */
  transform: translateZ(0);
}

.c-nav__item {
  flex: 1 1 0;
  min-width: 0;
  height: var(--nav-h);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: var(--c-text-3);
  transition: color var(--dur) var(--ease);
  -webkit-user-select: none;
  user-select: none;
}

.c-nav__item:active { opacity: .6; }

.c-nav__item.is-active { color: var(--c-primary); }

/* 图标：内联 SVG，由 currentColor 继承颜色 */
.c-nav__icon {
  width: 22px;
  height: 22px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform var(--dur) var(--ease);
}
.c-nav__item.is-active .c-nav__icon { transform: translateY(-1px); }

/* 文字标签 */
.c-nav__label {
  font-size: var(--fs-xs);
  line-height: 1;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 2px;
}

/* 无文字变体（仅图标） */
.c-nav--icononly .c-nav__item { gap: 0; }

/* 兼容旧页面残留的 .footer 类名 */
.footer {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9999;
  display: flex;
  background: var(--c-surface);
  box-shadow: var(--sd-nav);
  padding-bottom: var(--safe-b);
}