/* __KIKI_HOME_RANK_V4__ 三榜 UI 照抄 Frame27214 270_18/270_1881/270_3084 */
.pixso-embed--home [id="206_1376"],
.pixso-embed--home [id="206_3352"],
.pixso-embed--home [id="206_4554"],
.pixso-embed--home [id="270_3290"],
.pixso-embed--home [id="270_1880"],
.pixso-embed--home [id="270_3099"]{
  cursor:default;
}

.pixso-embed--home [id="270_3099"] .kiki-classic-rank-row{
  cursor:pointer;
  transition:background-color .15s,transform .12s,box-shadow .15s;
  z-index:0;
}

.pixso-embed--home .kiki-home-rank-panel--ready,
.pixso-embed--home [id="206_1376"].kiki-home-rank-panel--ready,
.pixso-embed--home [id="206_3352"].kiki-home-rank-panel--ready,
.pixso-embed--home [id="206_4554"].kiki-home-rank-panel--ready,
.pixso-embed--home [id="270_3290"].kiki-home-rank-panel--ready,
.pixso-embed--home [id="270_1880"].kiki-home-rank-panel--ready,
.pixso-embed--home [id="270_3099"].kiki-home-rank-panel--ready{
  display:block!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* 面板容器 */
.pixso-embed--home [id="206_1376"] .Pixso-frame-206_1377,
.pixso-embed--home [id="206_1376"] .stroke-wrapper-206_1377,
.pixso-embed--home [id="206_3352"] .Pixso-frame-206_3353,
.pixso-embed--home [id="206_3352"] .stroke-wrapper-206_3353,
.pixso-embed--home [id="206_4554"] .Pixso-frame-206_4555,
.pixso-embed--home [id="206_4554"] .stroke-wrapper-206_4555,
.pixso-embed--home .kiki-home-rank-panel{
  border-radius:12px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.05)!important;
  background:#fff!important;
  overflow:visible!important;
  transform:none!important;
  transform-origin:top center!important;
}

/* 标题栏 */
.pixso-embed--home [id="206_1376"] .frame-content-206_1378 > .Pixso-frame-206_1379,
.pixso-embed--home [id="206_1376"] [class*="frame-content-206_1378"] > [class*="Pixso-frame-206_1379"],
.pixso-embed--home [id="206_3352"] .frame-content-206_3354 > .Pixso-frame-206_3360,
.pixso-embed--home [id="206_4554"] .frame-content-206_4556 > .Pixso-frame-206_4562{
  background:rgba(249,250,251,.5)!important;
}

/* 列表区 */
.pixso-embed--home [id="206_1376"] .frame-content-206_1378,
.pixso-embed--home [id="206_3352"] .frame-content-206_3354,
.pixso-embed--home [id="206_4554"] .frame-content-206_4556{
  max-height:calc(100% - 62px);
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}

.pixso-embed--home [id="206_1376"] .frame-content-206_1378::-webkit-scrollbar,
.pixso-embed--home [id="206_3352"] .frame-content-206_3354::-webkit-scrollbar,
.pixso-embed--home [id="206_4554"] .frame-content-206_4556::-webkit-scrollbar{
  width:4px;
}

.pixso-embed--home [id="206_1376"] .frame-content-206_1378::-webkit-scrollbar-thumb,
.pixso-embed--home [id="206_3352"] .frame-content-206_3354::-webkit-scrollbar-thumb,
.pixso-embed--home [id="206_4554"] .frame-content-206_4556::-webkit-scrollbar-thumb{
  background:#cbd5e1;
  border-radius:4px;
}

/* 榜单行 */
.pixso-embed--home .kiki-home-rank,
.pixso-embed--home [data-kiki-rank-row]{
  cursor:pointer;
  transition:background-color .15s,transform .12s,box-shadow .15s;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:100%!important;
  min-height:72px!important;
  height:auto!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
  transform:none!important;
  z-index:0;
}

@media (any-hover:hover){
  .pixso-embed--home .kiki-home-rank:hover,
  .pixso-embed--home [data-kiki-rank-row]:hover,
  .pixso-embed--home [id="270_3099"] .kiki-classic-rank-row:hover{
    background-color:rgba(249,250,251,.9)!important;
    box-shadow:0 8px 24px rgba(105,190,222,.18)!important;
    transform:translateY(-2px)!important;
    z-index:2;
  }
}

.pixso-embed--home .kiki-home-rank:active,
.pixso-embed--home [data-kiki-rank-row]:active,
.pixso-embed--home [id="270_3099"] .kiki-classic-rank-row:active{
  transform:scale(.995)!important;
}

.pixso-embed--home .kiki-home-rank[data-kiki-empty="1"],
.pixso-embed--home [data-kiki-rank-row][data-kiki-empty="1"]{
  display:none!important;
}

/* 行内 flex：序号 + 缩略图 + 文案 */
.pixso-embed--home .kiki-home-rank [class*="frame-content-"],
.pixso-embed--home [data-kiki-rank-row] [class*="frame-content-"]{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* 缩略图 48×48 */
.pixso-embed--home .kiki-home-rank [class*="Pixso-frame-"]:has(> [class*="Pixso-rectangle-"]):not(:has([class*="Pixso-vector-"])),
.pixso-embed--home [data-kiki-rank-row] [class*="Pixso-frame-"]:has(> [class*="Pixso-rectangle-"]):not(:has([class*="Pixso-vector-"])){
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  flex:0 0 48px!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:#e5e7eb!important;
  position:relative!important;
  transform:none!important;
}

.pixso-embed--home .kiki-home-rank [class*="Pixso-frame-"]:has(> [class*="Pixso-rectangle-"]) > [class*="Pixso-rectangle-"],
.pixso-embed--home [data-kiki-rank-row] [class*="Pixso-frame-"]:has(> [class*="Pixso-rectangle-"]) > [class*="Pixso-rectangle-"]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* 序号徽章 24×24 */
.pixso-embed--home .kiki-home-rank [class*="Pixso-frame-"]:has(> p):not(:has([class*="Pixso-rectangle-"])):not(:has([class*="Pixso-vector-"])),
.pixso-embed--home [data-kiki-rank-row] [class*="Pixso-frame-"]:has(> p):not(:has([class*="Pixso-rectangle-"])):not(:has([class*="Pixso-vector-"])){
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  flex:0 0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:4px!important;
  transform:none!important;
}

/* 1-3 名红色 */
.pixso-embed--home .kiki-home-rank[data-kiki-rank="1"] [class*="Pixso-frame-"]:has(> p),
.pixso-embed--home .kiki-home-rank[data-kiki-rank="2"] [class*="Pixso-frame-"]:has(> p),
.pixso-embed--home .kiki-home-rank[data-kiki-rank="3"] [class*="Pixso-frame-"]:has(> p),
.pixso-embed--home [data-kiki-rank-row="1"] [class*="Pixso-frame-"]:has(> p),
.pixso-embed--home [data-kiki-rank-row="2"] [class*="Pixso-frame-"]:has(> p),
.pixso-embed--home [data-kiki-rank-row="3"] [class*="Pixso-frame-"]:has(> p){
  background:#ef4444!important;
}

/* 1-3 名序号白字（只作用在徽章上，不能写到标题/类型 p） */
.pixso-embed--home .kiki-home-rank[data-kiki-rank="1"] .kiki-home-rank__badge,
.pixso-embed--home .kiki-home-rank[data-kiki-rank="2"] .kiki-home-rank__badge,
.pixso-embed--home .kiki-home-rank[data-kiki-rank="3"] .kiki-home-rank__badge,
.pixso-embed--home [data-kiki-rank-row="1"] p[data-kiki-rank-badge],
.pixso-embed--home [data-kiki-rank-row="2"] p[data-kiki-rank-badge],
.pixso-embed--home [data-kiki-rank-row="3"] p[data-kiki-rank-badge]{
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:16px!important;
}

/* 4+ 名灰色 */
.pixso-embed--home .kiki-home-rank:not([data-kiki-rank="1"]):not([data-kiki-rank="2"]):not([data-kiki-rank="3"]) [class*="Pixso-frame-"]:has(> p),
.pixso-embed--home [data-kiki-rank-row]:not([data-kiki-rank-row="1"]):not([data-kiki-rank-row="2"]):not([data-kiki-rank-row="3"]) [class*="Pixso-frame-"]:has(> p){
  background:#f3f4f6!important;
}

.pixso-embed--home .kiki-home-rank:not([data-kiki-rank="1"]):not([data-kiki-rank="2"]):not([data-kiki-rank="3"]) [class*="Pixso-frame-"]:has(> p) p,
.pixso-embed--home [data-kiki-rank-row]:not([data-kiki-rank-row="1"]):not([data-kiki-rank-row="2"]):not([data-kiki-rank-row="3"]) [class*="Pixso-frame-"]:has(> p) p{
  color:#6b7280!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:16px!important;
}

/* 标题 + 分类 */
.pixso-embed--home .kiki-home-rank [class*="Pixso-paragraph-"],
.pixso-embed--home [data-kiki-rank-row] [class*="Pixso-paragraph-"]{
  position:relative!important;
  left:auto!important;
  top:auto!important;
}

.pixso-embed--home .kiki-home-rank [class*="Pixso-frame-"]:has(> [class*="Pixso-frame-"] > p),
.pixso-embed--home [data-kiki-rank-row] [class*="Pixso-frame-"]:has(> [class*="Pixso-frame-"] > p){
  flex:1 1 auto!important;
  min-width:0!important;
  height:auto!important;
}

/* 神作榜去掉 Pixso 下载钮：只藏 vector 所在的 24px 框（3112 这一层），不要用整行 :has(vector) */
.pixso-embed--home [id="270_3099"] .kiki-classic-rank-row [class*="Pixso-vector-"],
.pixso-embed--home [id="270_3099"] .kiki-classic-rank-row [class*="Pixso-frame-"]:has(> [class*="Pixso-vector-"]),
.pixso-embed--home [id="270_3099"] .kiki-classic-rank-row [class*="Pixso-frame-"]:has(> [class*="Pixso-frame-"] > [class*="Pixso-vector-"]){
  display:none!important;
}

/* 覆盖旧版 absolute/scale  hack — 保留 206_1376 的 583px 外框高度 */
.pixso-embed--home [id="206_1377"],
.pixso-embed--home .stroke-wrapper-206_1377,
.pixso-embed--home [id="206_1393"],
.pixso-embed--home .Pixso-frame-206_1393{
  transform:none!important;
}
.pixso-embed--home [id="206_1376"] .stroke-wrapper-206_1377,
.pixso-embed--home [id="206_1376"] .Pixso-frame-206_1377{
  height:100%!important;
  min-height:0!important;
}
.pixso-embed--home [id="206_1393"],
.pixso-embed--home .Pixso-frame-206_1393{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}

.pixso-embed--home [data-kiki-rank-row="7"]{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  width:100%!important;
  height:auto!important;
}

/* __KIKI_HOME_RANK_VUE_ROW__ 飙升/网游：序号 + 封面 + 名称/类型；下载钮只给飙升榜 */
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank__inner{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank__badge{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  border-radius:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f3f4f6!important;
  color:#6b7280!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:16px!important;
}
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank[data-kiki-rank="1"] .kiki-home-rank__badge{
  background:#ef4444!important;
  color:#fff!important;
}
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank[data-kiki-rank="2"] .kiki-home-rank__badge{
  background:#f97316!important;
  color:#fff!important;
}
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank[data-kiki-rank="3"] .kiki-home-rank__badge{
  background:#eab308!important;
  color:#fff!important;
}
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank__thumb{
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  border-radius:8px!important;
  background-color:#e5e7eb!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank__meta{
  flex:1 1 auto!important;
  min-width:0!important;
}
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank__title,
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank[data-kiki-rank="1"] .kiki-home-rank__title,
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank[data-kiki-rank="2"] .kiki-home-rank__title,
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank[data-kiki-rank="3"] .kiki-home-rank__title{
  margin:0!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:20px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  visibility:visible!important;
  opacity:1!important;
}
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank__cat,
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank[data-kiki-rank="1"] .kiki-home-rank__cat,
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank[data-kiki-rank="2"] .kiki-home-rank__cat,
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank[data-kiki-rank="3"] .kiki-home-rank__cat{
  margin:0!important;
  color:#6b7280!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:18px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  visibility:visible!important;
  opacity:1!important;
}
.pixso-embed--home .kiki-home-rank-panel .kiki-home-rank__dl{
  display:none!important;
}
.pixso-embed--home .kiki-home-rank-panel--surge .kiki-home-rank__dl{
  display:block!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:50%!important;
  background:#f3f4f6 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M12 3v12'/%3e%3cpath d='M8 11l4 4 4-4'/%3e%3cpath d='M5 21h14'/%3e%3c/svg%3e") center/16px no-repeat!important;
  text-decoration:none!important;
  cursor:pointer!important;
  visibility:visible!important;
}

/* __KIKI_CLASSIC_RANK_DOM__ 神作榜画进 #270_3099；3083 原 overflow:hidden+flex:1 1 0 会把标题一起裁掉 */
.pixso-embed--home [id="270_3082"],
.pixso-embed--home .stroke-wrapper-270_3082,
.pixso-embed--home [id="270_3083"],
.pixso-embed--home .stroke-wrapper-270_3083,
.pixso-embed--home .Pixso-frame-270_3082,
.pixso-embed--home .Pixso-frame-270_3083{
  height:auto!important;
  min-height:72px!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}
.pixso-embed--home [id="270_3099"],
.pixso-embed--home .Pixso-frame-270_3099{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:72px!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}
.pixso-embed--home [id="270_3099"] > .kiki-home-rank-panel--classic{
  display:block!important;
  width:100%!important;
  height:auto!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.pixso-embed--home [id="270_3099"]:has(> .kiki-home-rank-panel) > :not(.kiki-home-rank-panel){
  display:none!important;
}
.pixso-embed--home [id="270_3082"][data-kiki-empty="1"],
.pixso-embed--home [id="270_3083"][data-kiki-empty="1"],
.pixso-embed--home .stroke-wrapper-270_3082[data-kiki-empty="1"],
.pixso-embed--home .stroke-wrapper-270_3083[data-kiki-empty="1"],
.pixso-embed--home .Pixso-frame-270_3083[data-kiki-empty="1"]{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  min-height:72px!important;
}

html[data-vp="phone"] .pixso-embed--home{--kiki-rank-sidebar-w:100%;--kiki-rank-main-band-w:100%}