/* 南京零模三页共用的顶部标签栏：总分定位 / 单科定位 / 雷达分析（VIP 专享，标签上带小徽标）
   样式为「加强版下划线」：整条垫一层很淡的金色底，选中的标签字更大、更亮，
   底下的金色指示条加粗到 4px 并带光晕。 */
/* 一级胶囊导航之后直接承接二级标签，不再经过大幅专题图。 */
.page > .tool-section-nav.is-hero-edge {
  margin-bottom: 5px;
}

.zero-model-tabs {
  --zmt-gold: var(--gold, #d4af37);
  --zmt-bright: var(--bright, #f2ca50);
  --zmt-sans: var(--sans, "PingFang SC", "Microsoft YaHei", Arial, sans-serif);
  position: relative;
  margin: 0 0 16px;
  padding: 0 2px;
  border-radius: 0;
  background: transparent;
}

/* 未选中的整条底线 */
.zero-model-tabs::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: rgba(212, 175, 55, 0.25);
}

.zero-model-tabs-strip {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  gap: 2px;
  padding: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.zero-model-tabs-strip::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* 标签变多、超出一行时，两端淡出提示还能横向滑 */
.zero-model-tabs.is-scrollable .zero-model-tabs-strip {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
}

.zero-model-tab {
  position: relative;
  flex: 1 1 0;
  min-width: 92px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 6px;
  color: rgba(247, 241, 228, 0.78);
  font: 800 16px/1.2 var(--zmt-sans);
  letter-spacing: 0.02em;
  text-decoration: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.2s ease;
}

.zero-model-tab:hover,
.zero-model-tab:focus-visible {
  color: rgba(247, 241, 228, 0.95);
}

.zero-model-tab.is-active {
  color: var(--zmt-bright);
  font-weight: 900;
  text-shadow: 0 0 12px rgba(242, 202, 80, 0.35);
}

/* 手指左右拖动时指向的那一个标签 */
.zero-model-tab.is-target {
  color: rgba(242, 202, 80, 0.9);
}

/* VIP 小徽标：跟在「雷达分析」后面，不抢标签本身的视觉重心 */
.zero-model-tab-tag {
  margin-left: 5px;
  padding: 1px 5px;
  border: 1px solid rgba(212, 175, 55, 0.72);
  border-radius: 999px;
  background: rgba(212, 175, 55, 0.16);
  color: var(--zmt-bright);
  font: 900 10px/1.5 var(--zmt-sans);
  letter-spacing: 0.06em;
}

/* 金色指示条：宽度由 zero-model-tabs.js 计算（相对标签两端各内缩一点） */
.zero-model-tab-underline {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--zmt-gold), var(--zmt-bright) 50%, var(--zmt-gold));
  box-shadow: 0 0 12px rgba(242, 202, 80, 0.6);
  pointer-events: none;
  transition: transform 0.26s cubic-bezier(0.22, 0.61, 0.36, 1), width 0.26s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s ease;
}

.zero-model-tabs.is-dragging .zero-model-tab-underline {
  opacity: 0.55;
  transition: none;
}

@media (max-width: 360px) {
  .zero-model-tab {
    min-width: 84px;
    padding: 11px 4px;
    font-size: 16px;
  }

  .zero-model-tab-tag {
    margin-left: 4px;
    padding: 1px 4px;
    font-size: 9px;
  }
}