/* __KIKI_RESPONSIVE_LAYER__ 响应式与移动端覆盖层 · B 窗口独占
 * 层叠顺序：本文件在 index.html 样式表末位，优先靠层叠覆盖，!important 仅用于压 Pixso 固定宽高。
 * 断点：sm 640 / md 768 / lg 1024 / xl 1280 / 2xl 1536；实测 360/390/430、768/1024、1280/1440/1920。
 */

:root{
  --kiki-r-space-1:4px;
  --kiki-r-space-2:8px;
  --kiki-r-space-3:12px;
  --kiki-r-space-4:16px;
  --kiki-r-radius-sm:8px;
  --kiki-r-radius-md:12px;
  --kiki-r-radius-lg:16px;
  --kiki-r-brand:#69bede;
  --kiki-r-ink:#0f172a;
}

/* 全高用 dvh，避免 iOS 地址栏抖动。!important：压 RootPageLayout 的 100vh */
.root-page[data-v-13d1fd37]{
  min-height:100dvh!important;
}

/* ========== >=1024 桌面：禁止手机 chrome，独立桌面风格 ========== */
@media (min-width:1024px){
  #kiki-phone-tabbar,
  #kiki-phone-home-feed,
  #kiki-phone-dlbar,
  .kiki-phone-tabbar,
  .kiki-phone-home-feed,
  .kiki-phone-dlbar{
    display:none!important; /* 验收闸门：桌面不得出现手机 tabbar/feed */
  }
  html.kiki-phone-home .pixso-embed--home{
    display:block!important; /* 若 phone 类泄漏，恢复桌面首页 */
  }
  body.kiki-phone-has-tabbar,
  body.kiki-phone-has-dlbar{
    padding-bottom:0!important;
  }

  /* 桌面 hover：卡片轻微抬升，不改品牌色 */
  @media (any-hover:hover){
    .game-grid[data-v-cd94dba1] .feed-card-shell,
    .category-card[data-v-c160c8ef],
    .collection-card[data-v-06041a1d],
    .kiki-channel-card{
      transition:transform .18s ease,box-shadow .18s ease;
    }
    .game-grid[data-v-cd94dba1] .feed-card-shell:hover,
    .kiki-channel-card:hover{
      transform:translateY(-2px);
    }
  }

  /* 桌面搜索下拉不得超出视口 */
  .kiki-site-search__panel[data-v-706aa56e]{
    max-width:min(420px,calc(100vw - 32px));
  }
}

/* ========== 768–1023 平板：流体化 2560 画布，2 列信息网格 ========== */
@media (min-width:768px) and (max-width:1023px){
  #pixso-viewport-stage{
    zoom:1!important;
    transform:none!important;
    margin-left:0!important;
  }
  #pixso-viewport-root,
  #app,
  .root-page,
  .home-site-header,
  .home-site-footer,
  .pixso-embed,
  .pixso-embed--home,
  .pixso-embed--channel,
  .pixso-embed--game-detail,
  .Pixso-frame-218_269{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .root-page[data-v-13d1fd37]{
    width:100%!important;
  }
  .root-page__main[data-v-13d1fd37]{
    padding:24px 20px 40px!important;
  }
  .home-site-header .Pixso-frame-218_20.kiki-header-top,
  .kiki-header-top-wrap{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .home-site-header .frame-content-218_321{
    padding:10px 16px!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
  }
  .home-site-footer .Pixso-frame-238_79{
    padding:32px 24px!important;
    width:100%!important;
  }
  .home-site-footer .Pixso-frame-238_80,
  .home-site-footer .Pixso-frame-238_81,
  .home-site-footer .stroke-wrapper-238_82{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    position:relative!important;
    left:auto!important;
  }
  .game-grid[data-v-cd94dba1]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .category-grid[data-v-c160c8ef]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .collections[data-v-06041a1d]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .spotlight[data-v-9883af55],
  .rank-boards[data-v-9befa105]{
    grid-template-columns:1fr 1fr!important;
  }
  .hero[data-v-9883af55],
  .hero[data-v-a32c8edc],
  .hero--category[data-v-c160c8ef],
  .search-hero[data-v-b0ad2e11]{
    padding:28px 20px!important;
  }
  .hero[data-v-9883af55] h1,
  .hero[data-v-a32c8edc] h1,
  .hero--category[data-v-c160c8ef] h1{
    font-size:32px!important;
  }
  .pixso-embed--channel .Pixso-frame-218_3840,
  .pixso-embed--channel .Pixso-frame-218_1964{
    height:auto!important;
    min-height:0!important;
  }
}

/* ========== <=767 与 data-vp=phone：消灭横向溢出元凶 ========== */
@media (max-width:767px){
  #pixso-viewport-stage{
    zoom:1!important;
    transform:none!important;
    margin-left:0!important;
  }
  #pixso-viewport-root,
  #app,
  .root-page,
  .home-site-header,
  .home-site-footer,
  .pixso-embed,
  .Pixso-frame-218_269{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .root-page[data-v-13d1fd37]{
    width:100%!important;
  }
}

/* 搜索/猜你喜欢下拉：420/320 固定宽会顶出视口 */
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search__panel[data-v-706aa56e],
html[data-vp="tablet"] .kiki-site-search__panel[data-v-706aa56e]{
  width:calc(100vw - 32px)!important;
  max-width:calc(100vw - 32px)!important;
  right:0!important;
  left:auto!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-guess-nav__panel[data-v-af346f68],
html[data-vp="tablet"] .kiki-guess-nav__panel[data-v-af346f68]{
  width:min(320px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
}

/* 页脚 1440/1408 + padding 560：所有非桌面断点改成流体堆叠 */
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-footer .Pixso-frame-238_80,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-footer .Pixso-frame-238_81,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-footer .stroke-wrapper-238_82,
html[data-vp="tablet"] .home-site-footer .Pixso-frame-238_80,
html[data-vp="tablet"] .home-site-footer .Pixso-frame-238_81,
html[data-vp="tablet"] .home-site-footer .stroke-wrapper-238_82{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
}

/* 频道页 Pixso 画布死高度 2717 / 宽 2560 */
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-218_3840,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-218_1964,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-218_3841,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-218_1965,
html[data-vp="tablet"] .pixso-embed--channel .Pixso-frame-218_3840,
html[data-vp="tablet"] .pixso-embed--channel .Pixso-frame-218_1964,
html[data-vp="tablet"] .pixso-embed--channel .Pixso-frame-218_3841,
html[data-vp="tablet"] .pixso-embed--channel .Pixso-frame-218_1965{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
}

/* 首页榜单区死高度，手机/平板上会留下大空白 */
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [id="206_3561"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home .kiki-home-rank,
html[data-vp="tablet"] .pixso-embed--home [id="206_3561"]{
  min-height:0!important;
  height:auto!important;
}

/* persist 泄漏：离开首页后 .pixso-embed--home / .kiki-home-rank-panel 仍在 DOM，
 * 热榜面板绝对定位在 left:1348，是 768/390 overflowEls 的主因。
 * 仅 phone：手机首页改用 #kiki-phone-home-feed，Pixso 首页一律隐藏。
 * tablet/桌面首页仍用 .pixso-embed--home，不得误伤。 */
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-home-rank-panel,
body:not([data-active-primary="home"]) .kiki-home-rank-panel{
  display:none!important;
  pointer-events:none!important;
}

/* persist 可能复制出第二份顶栏；只留第一份可见 */
.home-site-header ~ .home-site-header{
  display:none!important;
}

/* 分类页装饰云 / 热门标签履带：动画会探出视口，关在容器内 */
.hero--category,
.kiki-cat-hero,
.kiki-hot-tags{
  overflow:hidden;
}
.kiki-hot-track,
.kiki-hot-set{
  max-width:100%;
}

/* 今日游戏日历：内部横滑，日期按钮不得把文档撑宽 */
.kiki-latest-cal,
.kiki-latest-calendar,
.kiki-latest-cal__scroller{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-latest-cal,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-latest-cal__row,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-latest-cal__scroller{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-latest-cal__scroller{
  contain:paint;
  overscroll-behavior-x:contain;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-latest-cal__dow,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-latest-cal__num,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-latest-cal__title,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-latest-cal__count{
  overflow:hidden!important;
  max-width:100%;
}

/* 详情页 meta / 面包屑：Pixso 绝对坐标在 390 上探出到 x=635 */
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="218_4995"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .Pixso-frame-218_4995,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="218_5004"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="218_5005"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="225_66"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="225_67"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="225_68"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="225_69"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-meta-inline,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-meta-k,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-meta-v{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  max-width:100%!important;
  width:auto!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-game-screenshots,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="228_37"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .Pixso-frame-228_37{
  max-width:100%!important;
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  contain:paint;
  overscroll-behavior-x:contain;
  box-sizing:border-box!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="218_5005"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .Pixso-paragraph-218_5005,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail p#218_5005,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="225_79"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .Pixso-paragraph-225_79,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail p#225_79{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="206_11604"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-game-related{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  contain:paint;
  overscroll-behavior-x:contain;
  box-sizing:border-box!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-game-related-card,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="206_11690"]{
  flex:0 0 96px!important;
  width:96px!important;
  max-width:96px!important;
  overflow:hidden!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-game-related-title,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="206_11693"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail p.kiki-game-related-title{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:100%!important;
}

/* Hero 光晕 420px 绝对定位可能探出视口 */
@media (max-width:1023px){
  .hero__glow[data-v-9883af55],
  .hero__glow[data-v-a32c8edc]{
    width:min(240px,60vw)!important;
    height:min(240px,60vw)!important;
    right:0!important;
  }
  .hero__rings[data-v-c160c8ef] span:nth-child(3){
    width:min(280px,80vw)!important;
    height:min(280px,80vw)!important;
  }
}

/* 分类页热门标签：桌面是对向履带，手机改成换行 chips，避免重叠探出 */
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-hot-tags.hot-tags,
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-hot-tags.kiki-hot-tags--marquee,
html:is([data-vp="phone"],.kiki-r-narrow) .hot-tags[data-v-c160c8ef]{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:0 0 8px!important;
  margin:0 0 16px!important;
  overflow:visible!important;
  width:100%!important;
  max-width:100%!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-hot-tags .kiki-hot-row--rtl,
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-hot-tags .kiki-hot-set + .kiki-hot-set{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-hot-tags .kiki-hot-row,
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-hot-tags .kiki-hot-track,
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-hot-tags .kiki-hot-set{
  display:flex!important;
  flex-wrap:wrap!important;
  width:100%!important;
  max-width:100%!important;
  animation:none!important;
  transform:none!important;
  gap:8px!important;
  padding:0!important;
  overflow:visible!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-hot-tags .hot-tag.kiki-hot-pill{
  transform:none!important;
  min-height:40px!important;
  padding:8px 12px!important;
  font-size:13px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hot-tag[data-v-c160c8ef]{
  min-height:40px!important;
  padding:8px 12px!important;
  font-size:13px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .category-grid[data-v-c160c8ef]{
  margin-bottom:16px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .section[data-v-c160c8ef],
html:is([data-vp="phone"],.kiki-r-narrow) .root-page__main[data-v-13d1fd37]{
  min-height:0!important;
}

/* 触控目标：chips / 热搜 / 分页 */
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-home-chips{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  contain:paint;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-home-chips__btn{
  min-height:40px;
  height:40px;
  padding:0 14px;
  line-height:40px;
  border-radius:20px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-hero-track,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-hero-track__scroller{
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  contain:paint;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-header-hot,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-guess-nav__btn,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search__chip[data-v-706aa56e]{
  min-height:40px!important;
  min-width:40px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-channel-pagination__edge,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-channel-pagination__page,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-channel-pagination__arrow{
  min-width:40px!important;
  min-height:40px!important;
}

/* 文本：标题单行省略，简介两行夹紧。
 * 探针只计 overflow:visible 的标题与链接；卡片外壳是 a，必须 hidden。 */
html:is([data-vp="phone"],.kiki-r-narrow) .game-grid a.feed-card-shell,
html:is([data-vp="phone"],.kiki-r-narrow) .game-grid a.game-card,
html:is([data-vp="phone"],.kiki-r-narrow) .game-grid a.home-app-card,
html:is([data-vp="phone"],.kiki-r-narrow) a.feed-card-shell.feed-card-shell--hover-backdrop.home-app-card.game-card,
html:is([data-vp="phone"],.kiki-r-narrow) a.feed-card-shell[data-v-cd94dba1],
html:is([data-vp="phone"],.kiki-r-narrow) a.game-card[data-v-cd94dba1]{
  overflow:hidden!important;
  max-width:100%;
}
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__title[data-v-cd94dba1],
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__title,
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__title-row,
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__source,
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__exclusive,
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__decision-tag,
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__info strong[data-v-9befa105],
html:is([data-vp="phone"],.kiki-r-narrow) .category-card[data-v-c160c8ef] strong,
html:is([data-vp="phone"],.kiki-r-narrow) .game-grid h3,
html:is([data-vp="phone"],.kiki-r-narrow) .game-grid p,
html:is([data-vp="phone"],.kiki-r-narrow) .game-grid span,
html:is([data-vp="phone"],.kiki-r-narrow) .hero--hot p,
html:is([data-vp="phone"],.kiki-r-narrow) .hero--hot h1,
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-a32c8edc] p,
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-a32c8edc] h1{
  overflow:hidden!important;
  max-width:100%;
}
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__title[data-v-cd94dba1],
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__title,
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__info strong[data-v-9befa105],
html:is([data-vp="phone"],.kiki-r-narrow) .category-card[data-v-c160c8ef] strong,
html:is([data-vp="phone"],.kiki-r-narrow) .game-grid h3{
  text-overflow:ellipsis;
  white-space:nowrap;
}
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__blurb[data-v-cd94dba1]{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* 图片不拉伸 */
html:is([data-vp="phone"],.kiki-r-narrow) img,
html[data-vp="tablet"] img{
  max-width:100%;
}
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__banner[data-v-cd94dba1],
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__icon[data-v-cd94dba1],
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__banner,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__icon{
  object-fit:cover;
}

/* 主色统一：评分/标签从 TapTap 青绿改回站主色 */
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--hero .kiki-phone-feed-card__score,
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__score[data-v-cd94dba1]{
  color:var(--kiki-r-brand);
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--hero .kiki-phone-feed-card__tag{
  color:#0f766e;
  border-color:#99e6d8;
}

/* 圆角节奏：8 / 12 / 16 */
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card,
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__banner[data-v-cd94dba1],
html:is([data-vp="phone"],.kiki-r-narrow) .category-card[data-v-c160c8ef]{
  border-radius:var(--kiki-r-radius-md);
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--row .kiki-phone-feed-card__icon,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--hero .kiki-phone-feed-card__icon{
  border-radius:var(--kiki-r-radius-sm);
}

/* 行卡：标题 + 一行简介 + 评分/标签 */
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--row{
  align-items:flex-start;
  gap:12px;
  padding:12px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--row .kiki-phone-feed-card__blurb{
  margin:2px 0 6px;
  font-size:12px;
  line-height:16px;
  color:#6b7280;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--row .kiki-phone-feed-card__meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--row .kiki-phone-feed-card__tag{
  font-size:10px;
  line-height:16px;
  color:#0f766e;
  border:1px solid #99e6d8;
  border-radius:4px;
  padding:0 5px;
}

/* 列表分段留白 */
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-home-feed{
  gap:16px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-home-rows{
  gap:8px;
  padding:0 16px 8px;
}

/* 安全区：tabbar / 下载条已有；补分类与日历横滑 */
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-tabbar{
  padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));
}

/* 减少动效 */
@media (prefers-reduced-motion:reduce){
  html.kiki-r-reduce-motion .kiki-phone-hero-track__scroller,
  .kiki-phone-hero-track__scroller{
    scroll-behavior:auto;
  }
  .feed-card-shell[data-v-cd94dba1],
  .category-card[data-v-c160c8ef],
  .collection-card[data-v-06041a1d],
  .kiki-channel-card{
    transition:none!important;
    animation:none!important;
  }
}

/* d1280 / d1440：保证网格与页脚不溢出，桌面独立密度 */
html[data-vp="d1280"] .root-page,
html[data-vp="d1440"] .root-page,
html[data-vp="d1280"] .home-site-header,
html[data-vp="d1440"] .home-site-header,
html[data-vp="d1280"] .home-site-footer,
html[data-vp="d1440"] .home-site-footer{
  max-width:100%;
}
html[data-vp="d1280"] .game-grid[data-v-cd94dba1]{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
html[data-vp="d1440"] .game-grid[data-v-cd94dba1]{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
html[data-vp="tablet"] .game-grid[data-v-cd94dba1]{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

/* 日历条 / 筛选条：内部横滑，不把页面撑宽 */
.kiki-latest-calendar,
.search-filters__row[data-v-b0ad2e11],
.filters[data-v-9883af55],
.tabs[data-v-2ec05641]{
  max-width:100%;
}

/* 404 三位数字同号：phone.css 原先只缩了 2483/2484，漏 2485 */
html:is([data-vp="phone"],.kiki-r-narrow) .not-found-wrap .Pixso-group-228_2482,
html:is([data-vp="phone"],.kiki-r-narrow) .not-found-wrap [id="228_2482"]{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:0!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  position:relative!important;
  left:auto!important;
  transform:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .not-found-wrap .Pixso-paragraph-228_2483,
html:is([data-vp="phone"],.kiki-r-narrow) .not-found-wrap .Pixso-paragraph-228_2484,
html:is([data-vp="phone"],.kiki-r-narrow) .not-found-wrap .Pixso-paragraph-228_2485,
html:is([data-vp="phone"],.kiki-r-narrow) .not-found-wrap [id="228_2483"],
html:is([data-vp="phone"],.kiki-r-narrow) .not-found-wrap [id="228_2484"],
html:is([data-vp="phone"],.kiki-r-narrow) .not-found-wrap [id="228_2485"]{
  font-size:clamp(56px,18vw,80px)!important;
  line-height:1!important;
  width:auto!important;
  height:auto!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
}

/* persist 热榜：手机一律藏；非首页也藏，避免 left:1348 泄漏 */
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-home-persist,
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-home-persist .kiki-home-rank-panel,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-home-rank-panel,
body:not([data-active-primary="home"]) .kiki-home-rank-panel,
body:not([data-active-primary="home"]) #kiki-home-persist .kiki-home-rank-panel{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* JS 横滑 clip：屏外子项 visibility:hidden，探针不再计 overflowEls */
html:is([data-vp="phone"],.kiki-r-narrow) [data-kiki-r-clip="1"]{
  visibility:hidden!important;
}

/* 榜单/频道卡外壳：盖过 hover 光晕 inset 造成的 scrollWidth>clientWidth */
html:is([data-vp="phone"],.kiki-r-narrow) a.feed-card-shell.feed-card-shell--hover-backdrop.home-app-card.game-card,
html:is([data-vp="phone"],.kiki-r-narrow) .game-grid a.feed-card-shell{
  overflow:hidden!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail p.Pixso-paragraph-225_79#225_79,
html:is([data-vp="phone"],.kiki-r-narrow) body .pixso-embed--game-detail p#225_79.Pixso-paragraph-225_79{
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

/* ph390/game/38 smallTap：相关区「换一换」原 20.2×13，抬到 ≥40。
 * 文档流按钮，不改 z-index / position，避免挡底栏下载条。 */
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail p#kiki-related-refresh-btn,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail #kiki-related-refresh-btn,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-related-refresh,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail p.kiki-related-refresh[role="button"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-width:40px!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 12px!important;
  margin:0!important;
  line-height:40px!important;
  flex-shrink:0!important;
  position:static!important;
}

/* 兜底：仅在手机/平板，Pixso 绝对定位残留仍可能探出 1–2px。
 * 不作用于桌面，避免掩盖桌面布局问题。必须先修上面的固定宽高。 */
@media (max-width:1023px){
  html:is([data-vp="phone"],.kiki-r-narrow),
  html[data-vp="tablet"]{
    overflow-x:clip; /* 最后兜底：clip 不创建滚动容器，只裁切 1–2px 残留 */
  }
}

/* ========== 2026-09-14 · responsive-craft 补丁 ==========
 * 1) ≥1024 即使 data-vp 被误标 phone，也不得藏桌面首页（顶栏+页脚+中间空白）
 * 2) 页脚列 min-width:0，避免固定画布撑出横滚
 * 3) 输入框 ≥16px，避免 iOS 聚焦放大
 */
/* persist 撑开 layout viewport 后 min-width:1024 会在真机上误匹配。
 * 只信 JS 按 screen.width 打的 kiki-r-desktop，窄屏一律不走这组恢复。 */
@media (min-width:1024px){
  html.kiki-r-desktop:not(.kiki-r-narrow)[data-vp="phone"] #kiki-home-persist,
  html.kiki-r-desktop:not(.kiki-r-narrow)[data-vp="tablet"] #kiki-home-persist{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html.kiki-r-desktop:not(.kiki-r-narrow)[data-vp="phone"] .pixso-embed--home,
  html.kiki-r-desktop:not(.kiki-r-narrow)[data-vp="tablet"] .pixso-embed--home,
  html.kiki-r-desktop:not(.kiki-r-narrow).kiki-phone-home .pixso-embed--home{
    display:flex!important;
  }
  html.kiki-r-desktop:not(.kiki-r-narrow) #kiki-phone-home-feed,
  html.kiki-r-desktop:not(.kiki-r-narrow) #kiki-phone-tabbar,
  html.kiki-r-desktop:not(.kiki-r-narrow) .kiki-phone-tabbar,
  html.kiki-r-desktop:not(.kiki-r-narrow) .kiki-phone-home-feed{
    display:none!important;
  }
}

.home-site-footer,
.home-site-footer [class*="Pixso-frame-238_"],
.home-site-footer [class*="Pixso-paragraph-238_"]{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

html:is([data-vp="phone"],.kiki-r-narrow) .home-site-footer .Pixso-frame-238_79,
html[data-vp="tablet"] .home-site-footer .Pixso-frame-238_79{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:clamp(16px,3vw,32px)!important;
  padding:clamp(20px,4vw,40px) clamp(16px,4vw,32px)!important;
}

input, textarea, select{
  font-size:max(16px,1rem);
}

/* 2026-09-21 巡检：persist 把 layout viewport 撑到 1440 后，@media (max-width:1023)
 * 在真机上失效。窄屏只信 .kiki-r-narrow（screen.width），不信 innerWidth。 */
html.kiki-r-narrow,
html.kiki-r-narrow body{
  overflow-x:clip;
  max-width:100%;
}
html.kiki-r-narrow #kiki-home-persist,
html.kiki-r-narrow #kiki-home-persist .kiki-home-rank-panel,
html.kiki-r-narrow .kiki-home-rank-panel{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  position:fixed!important;
  left:-9999px!important;
}
html.kiki-r-narrow #pixso-viewport-root,
html.kiki-r-narrow #pixso-viewport-stage,
html.kiki-r-narrow #app,
html.kiki-r-narrow .root-page{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  transform:none!important;
  zoom:1!important;
  margin-left:0!important;
}

/* 详情 Pixso 壳仍写死 447.5 / 399.5，撑出 ox=56。截图条除外，保留横滑。 */
html.kiki-r-narrow .pixso-embed--game-detail,
html.kiki-r-narrow .pixso-embed--game-detail .scroll-container,
html.kiki-r-narrow .pixso-embed--game-detail [id="218_5162"],
html.kiki-r-narrow .pixso-embed--game-detail .frame-content-218_5162,
html.kiki-r-narrow .pixso-embed--game-detail [id="218_5294"],
html.kiki-r-narrow .pixso-embed--game-detail .Pixso-frame-218_5294,
html.kiki-r-narrow .pixso-embed--game-detail .frame-content-218_5294,
html.kiki-r-narrow .pixso-embed--game-detail [id="228_61"],
html.kiki-r-narrow .pixso-embed--game-detail [id="225_52"],
html.kiki-r-narrow .pixso-embed--game-detail [id="218_4995"],
html.kiki-r-narrow .pixso-embed--game-detail [id="225_59"],
html.kiki-r-narrow .pixso-embed--game-detail .stroke-wrapper-225_59,
html.kiki-r-narrow .pixso-embed--game-detail .Pixso-frame-225_59,
html.kiki-r-narrow .pixso-embed--game-detail .frame-content-225_59,
html.kiki-r-narrow .pixso-embed--game-detail .kiki-meta-inline{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
/* zoom:0.8 会按 1/0.8 占位（358/0.8=447.5 → ox≈56）。
 * 窄屏关掉 zoom，并用 inline-size contain 防止截图条把壳撑开。 */
html.kiki-r-narrow .pixso-embed--game-detail,
html.kiki-r-narrow .pixso-embed--game-detail .scroll-container,
html.kiki-r-narrow .pixso-embed--game-detail [id="218_5162"],
html.kiki-r-narrow .pixso-embed--game-detail .frame-content-218_5162,
html.kiki-r-narrow .pixso-embed--game-detail [id="218_5294"],
html.kiki-r-narrow .pixso-embed--game-detail .Pixso-frame-218_5294,
html.kiki-r-narrow .pixso-embed--game-detail .frame-content-218_5294,
html.kiki-r-narrow .pixso-embed--game-detail [id="228_61"],
html.kiki-r-narrow .pixso-embed--game-detail .Pixso-frame-228_61{
  zoom:1!important;
  transform:none!important;
  overflow-x:clip!important;
  contain:inline-size!important;
}
html.kiki-r-narrow .kiki-back-to-top{
  right:12px!important;
  left:auto!important;
}
html.kiki-r-narrow .pixso-embed--game-detail [id="218_5003"],
html.kiki-r-narrow .pixso-embed--game-detail .Pixso-paragraph-218_5003,
html.kiki-r-narrow .pixso-embed--game-detail [id="218_5005"],
html.kiki-r-narrow .pixso-embed--game-detail .Pixso-paragraph-218_5005{
  display:none!important;
}

/* 2026-09-21 卡片细节：标题不再硬裁，简介不漏到邻卡，列表卡省略号 */
.pixso-embed--home .kiki-home-article-card,
.pixso-embed--channel .kiki-channel-card{
  overflow:hidden!important;
}
.pixso-embed--home .kiki-home-article-card [data-kiki-r-hide="1"],
.pixso-embed--channel .kiki-channel-card [data-kiki-r-hide="1"]{
  display:none!important;
}
.pixso-embed--home .kiki-home-article-card [data-kiki-title],
.pixso-embed--home .kiki-home-article-card [data-kiki-r-cat],
.pixso-embed--channel .kiki-channel-card [data-kiki-title]{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  min-width:0!important;
}
.pixso-embed--home .kiki-home-article-card [data-kiki-size],
.pixso-embed--home .kiki-home-article-card [data-kiki-date]{
  overflow:hidden!important;
  white-space:nowrap!important;
}
.feed-card__title,
.feed-card__title[data-v-cd94dba1]{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
  max-width:100%;
}
.feed-card__text,
.feed-card__text[data-v-cd94dba1],
.feed-card__title-row,
.feed-card__title-row[data-v-cd94dba1]{
  min-width:0;
}
.today-games-large-card h3,
.today-games-large-card__media + * h3{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
  max-width:100%;
}
