.fixed {
  position:fixed
}

.z-50 {
  z-index:50
}

.mx-auto {
  margin-left:auto;
  margin-right:auto
}

.grid {
  display:grid
}

.w-full {
  width:100%
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.grid-cols-2 {
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.grid-cols-6 {
  grid-template-columns:repeat(6,minmax(0,1fr))
}

.items-center {
  align-items:center
}

.justify-between {
  justify-content:space-between
}

.gap-3 {
  gap:.75rem
}

.transition-transform {
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.duration-300 {
  transition-duration:.3s
}

.active[data-v-df76cebf] {
  color:red;
  border-bottom:2px solid red;
  padding-bottom:3px
}
@keyframes marquee-ae55f1c8 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.header[data-v-ae55f1c8] {
  z-index:2000;
  background-image:url(/tupian/bg.png);
  background-size:cover
}

.line[data-v-ae55f1c8] {
  height:.02rem;
  background:rgba(255,255,255,.2705882353);
  margin:.6rem 0
}

.v-s-ul-time-vs[data-v-ae55f1c8] {
  width: 100%;
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
  position: relative;
  box-sizing: border-box;
  padding-top: 0.4rem;     /* ✅ 新增 */
  padding-bottom: 1rem;
}

.v-s-li-nav-link-vs[data-v-ae55f1c8] {
  background:rgba(255,255,255,.3294117647);
  box-shadow:0 0 #9d234785;
  border-radius:.9rem;
  font-size:18px;
  color:#fff;
  margin-right:6px;
  padding:.4rem
}

.v-s-li-nav-link-vs img[data-v-ae55f1c8] {
  width:13px;
  height:12px
}

.active[data-v-ae55f1c8] {
  color:#dc4a5e;
  font-weight:500
}

.nav-icon[data-v-ae55f1c8] {
  width:18px;
  height:19px
}

.marquee-notice[data-v-ae55f1c8] {
  margin:0;
  margin-bottom:.5rem;
  line-height:24px;
  padding:0 8px;
  position:relative;
  display:flex;
  align-items:center;
  background:#EFF0F5;
  border-radius:10px;
  font-size:14px;
  color:#f06000;
  font-weight:400;
  background:#FFF2F8;
  border-radius:.4rem;
  height:30px;
  overflow:hidden
}

.marquee-notice .notice-wrap[data-v-ae55f1c8] {
  height:100%;
  position:relative;
  display:flex;
  flex:1;
  align-items:center;
  overflow:hidden;
  width:calc(100% - 40px);
  margin-left:8px
}

.marquee-notice .notice-wrap .notice-content[data-v-ae55f1c8] {
  position:absolute;
  white-space:nowrap;
  transition-timing-function:linear;
  animation:marquee-ae55f1c8 20s linear infinite;
  font-size:13px
}

.header[data-v-ba40ed72] {
  transform:translateY(0);
  transition:transform .2s linear;
  background-color:#1d1d1d
}

.header.is-hidden[data-v-ba40ed72] {
  transform:translateY(-50%)
}

.header.is-hidden-cat[data-v-ba40ed72] {
  transform:translateY(-35%)
}