/* __KIKI_PHONE_FLUID__ TapTap-style phone layout.
 * Switch: html[data-vp=phone] 或 html.kiki-r-narrow（persist 误标 d1440 时仍走手机壳）。 */

html:is([data-vp="phone"],.kiki-r-narrow){
  --kiki-phone-pad:16px;
  --kiki-phone-safe-top:env(safe-area-inset-top,0px);
  --kiki-phone-safe-bottom:env(safe-area-inset-bottom,0px);
  /* overflow-x 不再在这里 hidden。真正溢出在 kiki-responsive.css 里按元素修；
   * clip 兜底也放在响应式层，避免本文件掩盖问题。 */
}
html:is([data-vp="phone"],.kiki-r-narrow) body{
  max-width:100%;
}
html:is([data-vp="phone"],.kiki-r-narrow) #pixso-viewport-root,
html:is([data-vp="phone"],.kiki-r-narrow) #pixso-viewport-stage,
html:is([data-vp="phone"],.kiki-r-narrow) #app,
html:is([data-vp="phone"],.kiki-r-narrow) .root-page,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-footer,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) #pixso-viewport-stage{
  zoom:1!important;
  transform:none!important;
  margin-left:0!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .scroll-container{
  width:100%!important;
  max-width:100%!important;
}

/* —— 顶栏：Logo + 搜索；主导航隐藏；次级分类横滑 chips —— */
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header{
  position:sticky;
  top:0;
  z-index:200;
  padding-top:var(--kiki-phone-safe-top);
  background:#fff;
}
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .Pixso-frame-218_269,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .frame-content-218_269,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .stroke-wrapper-218_270{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  overflow:visible!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-header-top-wrap,
html:is([data-vp="phone"],.kiki-r-narrow) .stroke-wrapper-218_20,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-218_20.kiki-header-top{
  display:flex!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:10px 16px 12px!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-header-logo-wrap,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-218_271,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header [id="218_271"]{
  zoom:1!important;
  display:block!important;
  flex:0 0 auto!important;
  order:1!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:128px!important;
  min-width:128px!important;
  max-width:128px!important;
  height:34px!important;
  gap:0!important;
  overflow:hidden!important;
  background:transparent url("/assets/kiki-logo-wordmark@3x.png?v=37703232") no-repeat left center / contain !important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .frame-content-218_271,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header [id="218_272"],
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .Pixso-frame-218_272,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header img.kiki-site-logo,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header [id="218_280"],
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .Pixso-frame-218_280,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .frame-content-218_280,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .Pixso-frame-218_281,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .Pixso-frame-218_283,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .Pixso-paragraph-218_282,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .Pixso-paragraph-218_284{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-header .Pixso-frame-218_35{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-header-hot{
  display:none!important;
}
/* __KIKI_PHONE_GUESS_TOP__ hoist guess to logo row */
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-header-actions{
  display:contents!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search[data-v-706aa56e],
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search{
  flex:1 1 100%!important;
  min-width:100%!important;
  width:100%!important;
  max-width:100%!important;
  order:3!important;
  margin:0!important;
  display:block!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search__box[data-v-706aa56e],
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search .kiki-site-search__box,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-218_309.kiki-site-search__box{
  flex:none!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:40px!important;
  overflow:visible!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  position:relative!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search__box .frame-content-218_309[data-v-706aa56e],
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search .frame-content-218_309{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  height:40px!important;
  padding:0!important;
  background:transparent!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search .Pixso-frame-218_310{
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  transform:translateY(-50%)!important;
  z-index:1;
  pointer-events:none;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search__input-wrap,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-218_317.kiki-site-search__input-wrap{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  height:40px!important;
  padding:0 12px 0 36px!important;
  background:#f3f4f6!important;
  border-radius:20px!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  overflow:hidden!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search__input{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  border:none!important;
  background:transparent!important;
  font-size:14px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search__submit[data-v-706aa56e],
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-site-search__submit{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-guess-nav,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-guess-nav .stroke-wrapper-218_319{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:24px!important;
  order:2!important;
  margin-left:auto!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-guess-nav__btn,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-218_319.kiki-guess-nav__btn{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:24px!important;
  padding:0 9px!important;
  gap:0!important;
  background:#69bede!important;
  box-shadow:none!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  overflow:hidden!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-guess-nav__panel-wrap,
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-guess-nav__panel{
  display:none!important;
  pointer-events:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-guess-nav__heart{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-guess-nav .stroke-218_319{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-guess-nav .Pixso-paragraph-218_320{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:700!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .stroke-wrapper-218_321,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-218_321{
  width:100%!important;
  height:auto!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .frame-content-218_321{
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  padding:8px 12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
html:is([data-vp="phone"],.kiki-r-narrow) .frame-content-218_321::-webkit-scrollbar{display:none}
html:is([data-vp="phone"],.kiki-r-narrow) .frame-content-218_321 > *{
  flex:0 0 auto!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  min-width:max-content!important;
  height:auto!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .frame-content-218_321 [class*="Pixso-frame-218_"]{
  width:auto!important;
  min-width:max-content!important;
  height:36px!important;
  min-height:36px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .frame-content-218_321 [class*="frame-content-218_"]{
  padding:0 10px!important;
  gap:6px!important;
  height:36px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .frame-content-218_321 [class*="Pixso-paragraph-218_"]{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  font-size:13px!important;
  line-height:18px!important;
  white-space:nowrap!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .frame-content-218_321 [class*="Pixso-rectangle-218_"]{
  display:none!important;
}

/* —— 页脚堆叠 —— */
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-footer,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_79,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_80,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_81,
html:is([data-vp="phone"],.kiki-r-narrow) .frame-content-238_81,
html:is([data-vp="phone"],.kiki-r-narrow) .stroke-wrapper-238_82,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_82{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_79{
  padding:24px var(--kiki-phone-pad) calc(24px + var(--kiki-phone-safe-bottom))!important;
  display:flex!important;
  flex-direction:column!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_82,
html:is([data-vp="phone"],.kiki-r-narrow) .frame-content-238_81{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:16px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_83,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_89,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_105,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_87,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-238_93,
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-footer [class*="Pixso-frame-238_"]{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-footer [class*="Pixso-paragraph-238_"]{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:100%!important;
  max-width:100%!important;
  font-size:13px!important;
  line-height:1.55!important;
  height:auto!important;
}

/* —— 分页 / 安全区 / 返回顶部 / 加载条 —— */
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-channel-pagination{
  width:100%!important;
  padding:16px 12px calc(20px + var(--kiki-phone-safe-bottom))!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-channel-pagination__inner{
  width:100%!important;
  max-width:100%!important;
  justify-content:center!important;
  gap:8px!important;
  padding:10px 8px!important;
  border-radius:16px!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:44px!important;
  min-height:44px!important;
  height:44px!important;
  font-size:14px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-channel-pagination__page.is-far{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-back-to-top{
  right:12px!important;
  bottom:calc(24px + var(--kiki-phone-safe-bottom))!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) body.kiki-phone-has-dlbar .kiki-back-to-top{
  bottom:calc(88px + var(--kiki-phone-safe-bottom))!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) body.kiki-phone-has-tabbar .kiki-back-to-top{
  bottom:calc(72px + var(--kiki-phone-safe-bottom))!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) #kiki-page-loader{
  padding-top:var(--kiki-phone-safe-top);
  padding-bottom:var(--kiki-phone-safe-bottom);
}
html:is([data-vp="phone"],.kiki-r-narrow) .root-page__main[data-v-13d1fd37]{
  padding:16px var(--kiki-phone-pad) 32px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .root-page__main--full[data-v-13d1fd37]{
  padding:0!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .root-page__admin-link{
  bottom:calc(16px + var(--kiki-phone-safe-bottom))!important;
  right:12px!important;
}

/* —— 首页：通栏 Hero + 单列 —— */
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home{
  --kiki-home-band-w:100%;
  --kiki-home-hero-gap:16px;
  --kiki-hb2-visual-w:100%;
  --kiki-hb2-visual-h:auto;
  --kiki-hb2-design-w:100%;
  --kiki-hb2-design-h:auto;
  --kiki-rank-sidebar-w:100%;
  --kiki-rank-main-band-w:100%;
  --kiki-rank-left-w:100%;
  --kiki-rank-sidebar-pull-up:0px;
  --kiki-surge-w:100%;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home .frame-content-206_1317,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home .Pixso-frame-206_1317,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home .Pixso-frame-206_1185,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home .frame-content-206_1185{
  width:100%!important;
  max-width:100%!important;
  padding-left:var(--kiki-phone-pad)!important;
  padding-right:var(--kiki-phone-pad)!important;
  gap:20px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [id="206_1318"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home .Pixso-frame-206_1318,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home .frame-content-206_1318,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [id="206_2323"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home .Pixso-frame-206_2323{
  flex-direction:column!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  gap:16px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home .stroke-wrapper-206_1319,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [id="206_1319"].kiki-hb2-ready,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [id="206_1319"].kiki-home-hero,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [id="206_1319"].kiki-hb2-v2-host{
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:16/10!important;
  min-height:180px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [id="206_4542"]{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  left:auto!important;
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [class*="Pixso-frame-206_"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [class*="frame-content-206_"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [class*="Pixso-frame-270_"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [class*="frame-content-270_"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [class*="Pixso-frame-272_"]{
  max-width:100%!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home .kiki-home-rank,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--home [class*="kiki-rank"]{
  width:100%!important;
  max-width:100%!important;
}

/* —— 7 分类：侧栏隐藏，主列表单列行卡 —— */
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .kiki-channel-hot-sidebar,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .kiki-channel-hot-col,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-218_4613,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-218_3731,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .kiki-channel-guess-block{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .kiki-channel-main-list,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-218_3964,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-218_3081,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-218_3082,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-218_3965,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .stroke-wrapper-218_3083,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .stroke-wrapper-218_3966,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .frame-content-218_3963,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .Pixso-frame-239_13{
  width:100%!important;
  max-width:100%!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .kiki-channel-main-list .kiki-channel-card-row{
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  gap:10px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--channel .kiki-channel-main-list .kiki-channel-card-row>.kiki-channel-card{
  width:100%!important;
  max-width:100%!important;
  min-height:72px!important;
}

/* —— 安卓频道 —— */
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-9883af55]{
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:16px!important;
  margin-bottom:16px!important;
  padding:24px 16px!important;
  border-radius:16px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero__stats[data-v-9883af55]{
  gap:16px!important;
  width:100%!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .filters[data-v-9883af55]{
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
  gap:8px!important;
  margin-bottom:16px!important;
  scrollbar-width:none;
}
html:is([data-vp="phone"],.kiki-r-narrow) .filters[data-v-9883af55]::-webkit-scrollbar{display:none}
html:is([data-vp="phone"],.kiki-r-narrow) .filters__chip[data-v-9883af55]{
  flex:0 0 auto!important;
  min-height:44px!important;
  padding:10px 16px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .spotlight[data-v-9883af55]{
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin-bottom:20px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .catalog h2[data-v-9883af55]{
  font-size:22px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .catalog__head[data-v-9883af55]{
  margin-bottom:12px!important;
}

/* —— 详情：堆叠 + 截图横滑 + 底栏下载 —— */
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .Pixso-frame-218_5025,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .frame-content-218_5025{
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail [id="225_60"],
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .Pixso-frame-225_60{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  width:100%!important;
  max-width:100%!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-game-update-log,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-game-rating-panel,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-game-rating-card{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0 0 16px!important;
}
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"].kiki-game-screenshots,
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .Pixso-frame-228_37.kiki-game-screenshots{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain;
  contain:paint;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  height:auto!important;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  padding-bottom:8px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .pixso-embed--game-detail .kiki-game-screenshots > *{
  flex:0 0 78%!important;
  width:78%!important;
  max-width:78%!important;
  min-width:78%!important;
  scroll-snap-align:start;
}
html:is([data-vp="phone"],.kiki-r-narrow) body.kiki-phone-has-dlbar{
  padding-bottom:calc(72px + var(--kiki-phone-safe-bottom));
}
.kiki-phone-dlbar{
  display:none;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-dlbar{
  display:flex;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:12000;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
  background:#fff;
  box-shadow:0 -8px 24px rgba(15,23,42,.08);
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-dlbar__btn{
  width:100%;
  min-height:48px;
  border:none;
  border-radius:12px;
  background:#25c88a;
  color:#fff;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-dlbar__btn:disabled{
  background:#e2e8f0;
  color:#94a3b8;
  cursor:not-allowed;
}

/* —— 流式根页 / 搜索 / 文章 / 404 —— */
html:is([data-vp="phone"],.kiki-r-narrow) .game-grid[data-v-cd94dba1]{
  grid-template-columns:1fr!important;
  gap:12px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__banner[data-v-cd94dba1]{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  border-radius:12px!important;
  object-fit:cover!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card[data-v-cd94dba1]{
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__contents[data-v-cd94dba1]{
  min-height:64px!important;
  align-items:center!important;
  width:100%!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__icon-slot[data-v-cd94dba1],
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card-shell--hover-backdrop[data-v-cd94dba1] .feed-card__icon-slot:not(.feed-card__icon-slot--empty){
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  margin-right:12px!important;
  opacity:1!important;
  transform:none!important;
  overflow:visible!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .feed-card__icon[data-v-cd94dba1]{
  width:64px!important;
  height:64px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero--category[data-v-c160c8ef],
html:is([data-vp="phone"],.kiki-r-narrow) .search-hero[data-v-b0ad2e11],
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-0b831aa8]{
  padding:24px 16px!important;
  margin-bottom:16px!important;
  border-radius:16px!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero--category[data-v-c160c8ef] h1,
html:is([data-vp="phone"],.kiki-r-narrow) .search-hero[data-v-b0ad2e11] h1,
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-0b831aa8] h1{
  font-size:24px!important;
  line-height:1.3!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero--category[data-v-c160c8ef] p,
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-0b831aa8] .hero__desc{
  font-size:14px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .search-bar[data-v-b0ad2e11]{
  flex-direction:column!important;
  max-width:100%!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .search-bar[data-v-b0ad2e11] button{
  min-height:44px!important;
  width:100%!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .search-filters__row[data-v-b0ad2e11]{
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
html:is([data-vp="phone"],.kiki-r-narrow) .article-related[data-v-97da0042]{
  grid-template-columns:1fr!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .content-detail,
html:is([data-vp="phone"],.kiki-r-narrow) .content-detail__section,
html:is([data-vp="phone"],.kiki-r-narrow) article,
html:is([data-vp="phone"],.kiki-r-narrow) .article-page{
  width:100%!important;
  max-width:100%!important;
  font-size:16px!important;
  line-height:1.6!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-249_13,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-rectangle-228_2481,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-group-228_2482{
  width:100%!important;
  max-width:100%!important;
  left:auto!important;
  height:auto!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-group-228_2482,
html:is([data-vp="phone"],.kiki-r-narrow) [id="228_2482"]{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!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) .Pixso-paragraph-228_2483,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-paragraph-228_2484,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-paragraph-228_2485,
html:is([data-vp="phone"],.kiki-r-narrow) [id="228_2483"],
html:is([data-vp="phone"],.kiki-r-narrow) [id="228_2484"],
html:is([data-vp="phone"],.kiki-r-narrow) [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;
}

/* __KIKI_PHONE_STREAM_HEROES__ */
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-a32c8edc],
html:is([data-vp="phone"],.kiki-r-narrow) .hero--hot[data-v-2ec05641],
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-06041a1d],
html:is([data-vp="phone"],.kiki-r-narrow) .hero--rank[data-v-9befa105],
html:is([data-vp="phone"],.kiki-r-narrow) .hero--editor-picks{
  padding:24px 16px!important;
  margin-bottom:16px!important;
  border-radius:16px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-a32c8edc]{
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:16px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-a32c8edc] h1,
html:is([data-vp="phone"],.kiki-r-narrow) .hero--hot[data-v-2ec05641] h1,
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-06041a1d] h1,
html:is([data-vp="phone"],.kiki-r-narrow) .hero--rank[data-v-9befa105] h1,
html:is([data-vp="phone"],.kiki-r-narrow) .hero--editor-picks h1{
  font-size:24px!important;
  line-height:1.3!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .collections[data-v-06041a1d]{
  grid-template-columns:1fr!important;
  gap:12px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .collection-card[data-v-06041a1d]{
  min-height:160px!important;
  padding:24px 16px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .tabs[data-v-2ec05641]{
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  -webkit-overflow-scrolling:touch;
}
html:is([data-vp="phone"],.kiki-r-narrow) .tabs__btn[data-v-2ec05641]{
  flex:0 0 auto!important;
  min-height:44px!important;
  padding:10px 16px!important;
}

/* __KIKI_PHONE_TABBAR__ */
html:is([data-vp="phone"],.kiki-r-narrow) .stroke-wrapper-218_321,
html:is([data-vp="phone"],.kiki-r-narrow) .Pixso-frame-218_321,
html:is([data-vp="phone"],.kiki-r-narrow) .frame-content-218_321{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .home-site-footer{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) body.kiki-phone-has-tabbar{
  padding-bottom:calc(56px + var(--kiki-phone-safe-bottom));
}
.kiki-phone-tabbar{
  display:none;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-tabbar{
  display:flex;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:11900;
  height:auto;
  padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));
  background:#fff;
  border-top:1px solid #e5e7eb;
  box-shadow:0 -6px 20px rgba(15,23,42,.06);
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-tabbar__item{
  flex:1 1 0;
  min-width:0;
  min-height:52px;
  color:#64748b;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  -webkit-tap-highlight-color:transparent;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-tabbar__icon{
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-tabbar__icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-tabbar__label{
  font-size:11px;
  line-height:14px;
  font-weight:600;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-tabbar__item.is-active{
  color:#0f172a;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-tabbar__item.is-active .kiki-phone-tabbar__icon svg{
  stroke-width:2.1;
}

/* 排行榜 / 今日游戏 / 分类 App 式 */
html:is([data-vp="phone"],.kiki-r-narrow) .hero--hot[data-v-2ec05641]{
  padding:16px!important;
  margin-bottom:12px!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero--hot[data-v-2ec05641] p{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .tabs[data-v-2ec05641]{
  gap:8px!important;
  margin-bottom:12px!important;
  padding-bottom:2px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .tabs__btn[data-v-2ec05641]{
  border-radius:999px!important;
  padding:8px 14px!important;
  font-size:13px!important;
  box-shadow:none!important;
  border:1px solid #e2e8f0!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-0b831aa8]{
  padding:16px!important;
  margin-bottom:12px!important;
  min-height:0!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-0b831aa8] .hero__eyebrow{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-0b831aa8] h1{
  font-size:0!important;
  line-height:0!important;
  margin:0 0 8px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-0b831aa8] h1::after{
  content:"今日游戏";
  font-size:22px;
  line-height:1.3;
  font-weight:700;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-0b831aa8] .hero__stats{
  width:100%!important;
  gap:8px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-0b831aa8] .stat{
  flex:1 1 0!important;
  padding:10px 8px!important;
  border-radius:12px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero[data-v-0b831aa8] .stat strong{
  font-size:18px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .section[data-v-0b831aa8],
html:is([data-vp="phone"],.kiki-r-narrow) .section h2[data-v-0b831aa8]{
  margin-bottom:12px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .section h2[data-v-0b831aa8]{
  font-size:18px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero--category[data-v-c160c8ef]{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .category-grid[data-v-c160c8ef]{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 16px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .category-card[data-v-c160c8ef]{
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  min-height:96px!important;
  padding:14px 8px!important;
  border-left-width:0!important;
  border-radius:14px!important;
  text-align:center!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .category-card[data-v-c160c8ef] strong{
  font-size:13px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .category-card__arrow[data-v-c160c8ef]{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hot-tags[data-v-c160c8ef]{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

/* __KIKI_PHONE_RANK3__ 排行榜 = 总排行 / 月排行 / 评分榜，不用热门榜单 */
html.kiki-phone-rank[data-vp="phone"]{
  background:#f4f5f7;
}
html.kiki-phone-rank[data-vp="phone"] body,
html.kiki-phone-rank[data-vp="phone"] #app,
html.kiki-phone-rank[data-vp="phone"] #pixso-viewport-root,
html.kiki-phone-rank[data-vp="phone"] #pixso-viewport-stage{
  background:#f4f5f7!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .hero--rank[data-v-9befa105]{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-boards[data-v-9befa105]{
  grid-template-columns:1fr!important;
  gap:18px!important;
  padding:4px 0 8px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-board[data-v-9befa105]{
  gap:10px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-board__head[data-v-9befa105]{
  align-items:center!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-board__head-icon[data-v-9befa105]{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-board__head-icon svg[data-v-9befa105]{
  width:18px!important;
  height:18px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-board__head h2[data-v-9befa105]{
  margin:0!important;
  font-size:17px!important;
  line-height:22px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-board__head p[data-v-9befa105]{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-list[data-v-9befa105]{
  gap:8px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item[data-v-9befa105]{
  grid-template-columns:28px 44px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:0 10px!important;
  min-height:56px;
  padding:10px 12px!important;
  border-radius:12px!important;
  box-shadow:none!important;
  background:#fff!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__num[data-v-9befa105]{
  grid-row:auto!important;
  font-size:18px!important;
  line-height:1!important;
  text-align:center;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__cover[data-v-9befa105],
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__cover-img[data-v-9befa105]{
  grid-row:auto!important;
  width:44px!important;
  height:44px!important;
  border-radius:10px!important;
  object-fit:cover;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__info[data-v-9befa105]{
  min-width:0;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__info strong[data-v-9befa105]{
  font-size:14px!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__score[data-v-9befa105]{
  align-items:flex-end;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__downloads[data-v-9befa105]{
  max-width:72px;
  overflow:hidden;
  text-overflow:ellipsis;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__bar[data-v-9befa105]{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .rank-item__badge[data-v-9befa105]{
  top:6px!important;
  right:8px!important;
}

/* __KIKI_PHONE_TAPTAP_HOME__ __KIKI_PHONE_HERO_ROW__ */
html.kiki-phone-home[data-vp="phone"]{
  background:#f4f5f7;
}
html.kiki-phone-home[data-vp="phone"] body,
html.kiki-phone-home[data-vp="phone"] #app,
html.kiki-phone-home[data-vp="phone"] #pixso-viewport-root,
html.kiki-phone-home[data-vp="phone"] #pixso-viewport-stage{
  background:#f4f5f7!important;
}
html.kiki-phone-home[data-vp="phone"] .pixso-embed--home{
  display:none!important;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-home-feed{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:8px 0 24px;
  background:#f4f5f7;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-home-chips{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  padding:0 16px 4px;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  contain:paint;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-home-chips::-webkit-scrollbar{display:none}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-home-chips__btn{
  flex:0 0 auto;
  min-height:40px;
  height:40px;
  padding:0 14px;
  border:0;
  border-radius:20px;
  background:#fff;
  color:#374151;
  font-size:13px;
  font-weight:600;
  line-height:40px;
  white-space:nowrap;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-home-chips__btn.is-active{
  background:#111827;
  color:#fff;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-hero-track{
  padding:0 16px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-hero-track__scroller{
  display:flex;
  gap:0;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  contain:paint;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-hero-track__scroller::-webkit-scrollbar{display:none}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-hero-track__scroller > .kiki-phone-feed-card--hero{
  flex:0 0 100%;
  width:100%;
  scroll-snap-align:start;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-hero-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  padding:8px 0 0;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-hero-dots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d1d5db;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-hero-dots span.is-on{
  background:#111827;
  width:14px;
  border-radius:4px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-home-rows{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:0 16px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card{
  display:block;
  color:inherit;
  text-decoration:none;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--hero .kiki-phone-feed-card__banner{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#e5e7eb;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__banner--empty{
  background:linear-gradient(135deg,#69bede,#0f172a);
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--hero .kiki-phone-feed-card__body{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--hero .kiki-phone-feed-card__icon{
  width:52px;
  height:52px;
  border-radius:12px;
  object-fit:cover;
  flex-shrink:0;
  background:#e5e7eb;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__text{
  min-width:0;
  flex:1;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__title-row{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--hero .kiki-phone-feed-card__title{
  margin:0;
  font-size:16px;
  line-height:22px;
  font-weight:700;
  color:#111827;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__exclusive{
  flex-shrink:0;
  font-size:10px;
  line-height:16px;
  font-weight:700;
  color:#fff;
  background:#14b8a6;
  border-radius:4px;
  padding:0 5px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__blurb{
  margin:4px 0 8px;
  font-size:13px;
  line-height:18px;
  color:#6b7280;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--hero .kiki-phone-feed-card__tag{
  font-size:11px;
  line-height:16px;
  color:#0d9488;
  background:transparent;
  border:1px solid #5eead4;
  border-radius:4px;
  padding:1px 6px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__dev{
  margin:6px 0 0;
  font-size:11px;
  line-height:16px;
  color:#9ca3af;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--hero .kiki-phone-feed-card__score{
  flex-shrink:0;
  font-size:26px;
  font-weight:800;
  line-height:1;
  color:#69bede;
  padding-top:2px;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  overflow:hidden;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--row .kiki-phone-feed-card__icon{
  width:56px;
  height:56px;
  border-radius:12px;
  object-fit:cover;
  flex-shrink:0;
  background:#e5e7eb;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card--row .kiki-phone-feed-card__title{
  margin:0 0 4px;
  font-size:15px;
  line-height:20px;
  font-weight:700;
  color:#111827;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__sub{
  margin:0;
  font-size:12px;
  line-height:16px;
  color:#9ca3af;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-feed-card__icon--empty{
  background:linear-gradient(135deg,#cbd5e1,#94a3b8);
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-tabbar__item.is-active{
  color:#111827;
}
html:is([data-vp="phone"],.kiki-r-narrow) .kiki-phone-tabbar__item.is-active .kiki-phone-tabbar__icon svg{
  fill:currentColor;
}