/* __KIKI_HOME_NAV_FIX__ 刷新首页用完整底图；SPA 回首页先让指示条滑到位再切底图 */
.home-site-header .Pixso-frame-218_35,
.home-site-header .Pixso-frame-218_36,
.home-site-header .frame-content-218_36,
.home-site-header .Pixso-frame-218_43,
.home-site-header .Pixso-frame-218_44 {
  overflow: visible !important;
}

/* 斜面改由 SVG 内 skew 画出（矢量抗锯齿）。CSS skew 圆角矩形会把斜边栅格成台阶。 */
.home-site-header .Pixso-vector-218_45 {
  transform: translate(-50%, -50%) !important;
  width: 94px !important;
  height: 44px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 94 44' shape-rendering='geometricPrecision'%3E%3Cg transform='translate(9.35 0) skewX(-12)'%3E%3Crect width='84' height='44' rx='4' fill='%230f172a' stroke='%230f172a' stroke-width='0.6'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.kiki-primary-nav-indicator--home {
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 94 44' shape-rendering='geometricPrecision' preserveAspectRatio='none'%3E%3Cg transform='translate(9.35 0) skewX(-12)'%3E%3Crect width='84' height='44' rx='4' fill='%230f172a' stroke='%230f172a' stroke-width='0.6'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border-radius: 0 !important;
}

/* SPA 回首页：指示条先滑 220ms。滑的时候只显示指示条，底图先藏着。 */
html[data-kiki-nav-slide] .home-site-header .Pixso-vector-218_45 {
  transition: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
html[data-kiki-nav-slide] .kiki-primary-nav-indicator {
  opacity: 1 !important;
  visibility: visible !important;
}

/* 滑到位后再切 Pixso 底图：瞬间接上，不走 0.2s 淡入，避免空一拍。 */
html[data-boot-home] body[data-active-primary="home"] .home-site-header .Pixso-vector-218_45,
html[data-boot-home] .home-site-header .Pixso-vector-218_45 {
  transition: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-boot-home] .home-site-header .Pixso-paragraph-218_46,
html[data-boot-home] .home-site-header .Pixso-frame-218_43:hover .Pixso-paragraph-218_46 {
  color: #fff !important;
}

html[data-boot-home]:not([data-kiki-nav-slide]) .kiki-primary-nav-indicator {
  transition: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 频道条按可视宽度居中，避免 2560 画布把「动作射击 / 赛车竞速」裁掉 */
.home-site-header .frame-content-218_321 {
  justify-content: center !important;
  box-sizing: border-box !important;
}
.home-site-header .frame-content-218_321::-webkit-scrollbar {
  height: 0;
}

/* 桌面刷新时滚动条出现会把版心挤左；预留 gutter */
@media (min-width: 1024px) {
  html {
    scrollbar-gutter: stable;
  }
  #pixso-viewport-root {
    overflow-x: clip;
  }
}

/* persist 把首页挂在 #pixso-viewport-stage 里。HomePage :has(.kiki-home-frame27214)
 * 会给整棵 stage 加 transform:none，hero-carousel 再 flex 居中，刷新频道/详情就整页挪一下。 */
html:not(.kiki-home-persist-on) #pixso-viewport-root,
html:not(.kiki-home-persist-on) #pixso-viewport-stage {
  display: block !important;
  justify-content: normal !important;
  align-items: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html:not(.kiki-home-persist-on) #pixso-viewport-root:has(.kiki-home-frame27214),
html:not(.kiki-home-persist-on) #pixso-viewport-stage:has(.kiki-home-frame27214),
html:not(.kiki-home-persist-on) #pixso-viewport-root:has(.pixso-embed--home),
html:not(.kiki-home-persist-on) #pixso-viewport-stage:has(.pixso-embed--home) {
  display: block !important;
  justify-content: normal !important;
  width: 100% !important;
}

/* 离首页清掉频道条为居中写的 translate，避免刷新频道页带着偏移 */
html:not(.kiki-home-persist-on) .home-site-header .frame-content-218_321 {
  transform: none !important;
}

/* 主键导航靠 left:50% + translate(-50%) 居中。清成 none 会把左边缘钉在屏幕中线，整组挤到搜索框上 */
.home-site-header .Pixso-frame-218_35 {
  transform: translate(-50%) !important;
}