.v-text-nav {
  width: 100%;
  min-width: 0;
  color: var(--campaign-tab-text-color, var(--campaign-title-color, #676e75));
  font-family: var(--wre-font-heading, 'Wre Bot Sans'), sans-serif;
}
.v-text-nav *,
.v-text-nav *::before,
.v-text-nav *::after {
  box-sizing: border-box;
}
.v-text-nav__bar {
  position: relative;
  height: 80px;
  background: var(--campaign-section-bg, #f7f7f7);
}
.v-text-nav__bar[data-fixed='true'] {
  --campaign-tab-text-color: #676e75;
  --campaign-tab-active-text-color: #1a1c1e;
  --campaign-mobile-tab-active-text-color: #1a1c1e;
  --campaign-tab-active-underline-color: #1a1c1e;
  z-index: 30;
  color: #676e75;
  background: rgb(255 255 255 / 60%);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.v-text-nav__viewport {
  display: flex;
  height: 100%;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  position: relative;
  overscroll-behavior-x: contain;
}
.v-text-nav__viewport::-webkit-scrollbar {
  display: none;
}
.v-text-nav__item {
  flex: 1 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 8px 12px;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  white-space: nowrap;
}
.v-text-nav__content {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.v-text-nav__item[aria-current] {
  color: var(--campaign-tab-active-text-color, var(--campaign-title-color, #1a1c1e));
  border-bottom-color: var(
    --campaign-tab-active-underline-color,
    var(--campaign-tab-active-text-color, var(--campaign-title-color, #1a1c1e))
  );
}
.v-text-nav__item:focus-visible,
.v-text-nav__arrow:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -3px;
}
.v-text-nav__item[aria-disabled='true'] {
  cursor: not-allowed;
}
.v-text-nav__badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 6px;
  border-radius: 4px 0 4px 0;
  font:
    400 12px/16px var(--wre-font-secondary, 'Wre Hanken'),
    sans-serif;
}
.v-text-nav__icon,
.v-text-nav__image-badge {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
}
.v-text-nav__icon img {
  display: block;
  width: auto;
  height: 32px;
  max-width: 64px;
  object-fit: contain;
}
.v-text-nav__image-badge img {
  display: block;
  width: auto;
  height: 20px;
  max-width: 120px;
  object-fit: contain;
}
.v-text-nav__mask-size {
  opacity: 0;
}
.v-text-nav__mask {
  position: absolute;
  inset: 0;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-mode: alpha;
}
.v-text-nav__arrow {
  position: absolute;
  inset-block: 0;
  width: 72px;
  background: inherit;
  border: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: var(--campaign-tab-text-color, var(--campaign-title-color, #676e75));
}
.v-text-nav__arrow--left {
  left: 0;
}
.v-text-nav__arrow--right {
  right: 0;
}
.v-text-nav__arrow:disabled {
  visibility: hidden;
}
.v-text-nav[data-overflow='true'][data-device='desktop'] .v-text-nav__bar {
  padding-inline: 72px;
}
.v-text-nav[data-overflow='true'] .v-text-nav__item {
  flex: 0 0 auto;
}
.v-text-nav[data-overflow='true'][data-device='desktop'] .v-text-nav__viewport {
  gap: 40px;
}
.v-text-nav[data-overflow='true'][data-device='desktop'] .v-text-nav__item {
  padding-inline: 0;
}
.v-text-nav[data-device='mobile'] .v-text-nav__bar {
  height: 54px;
}
.v-text-nav[data-device='mobile'] .v-text-nav__bar:not([data-fixed='true']) {
  background-color: var(--campaign-mobile-section-bg, var(--campaign-section-bg, #f2f2f2));
}
.v-text-nav[data-device='mobile'] .v-text-nav__item[aria-current] {
  color: var(
    --campaign-mobile-tab-active-text-color,
    var(--campaign-tab-active-text-color, var(--campaign-title-color, #1a1c1e))
  );
}
.v-text-nav[data-device='mobile'] .v-text-nav__item {
  font-size: 16px;
  line-height: 24px;
  padding: 8px;
}
.v-text-nav[data-device='mobile'] .v-text-nav__content {
  gap: 6px;
}
.v-text-nav[data-device='mobile'][data-overflow='true'] .v-text-nav__item {
  padding-inline: 12px;
}
.v-text-nav[data-device='mobile'][data-overflow='true'] .v-text-nav__content {
  gap: 4px;
}
.v-text-nav[data-device='mobile'] .v-text-nav__badge {
  height: 18px;
  font-size: 11px;
  line-height: 14px;
}
.v-text-nav[data-device='mobile'] .v-text-nav__icon img {
  height: 20px;
  max-width: 40px;
}
.v-text-nav[data-device='mobile'] .v-text-nav__image-badge img {
  height: 18px;
}
.v-text-nav__status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

/* 页面配色仅用于流内导航；吸顶状态统一使用白色毛玻璃和深色文字。 */
.skin-v-text-navigation .v-text-nav__bar:not([data-fixed='true']) {
  background-image: var(--campaign-section-bg-image, none);
}
/*$vite$:1*/