/* p2-home-music-tr ui=112 — chrome only
 * Keep 108/109/110/111: scene→account, CTA left, rail search soft-hide, no x-feed.
 * New: #home-music-slot 挪到右上、头像左侧；空 rail 收掉；迷你播控跟到右上。
 */

/* ===== p2-home-chrome-trim ui=108 ===== */
.home-scene-controls {
  display: none !important;
}
html[data-home-immersive] .home-scene-controls {
  display: flex !important;
  right: max(22px, env(safe-area-inset-right));
  top: max(22px, env(safe-area-inset-top));
}
@media (max-width: 700px) {
  html[data-home-immersive] .home-scene-controls {
    right: max(14px, env(safe-area-inset-right));
    top: max(16px, env(safe-area-inset-top));
  }
}

/* ===== p2-home-cta-left ui=109 · 主操作收左 ===== */
#home-primary-cta.home-cta-card,
.home-cta-card {
  left: max(88px, calc(env(safe-area-inset-left) + 74px)) !important;
  right: auto !important;
  bottom: max(28px, env(safe-area-inset-bottom));
  transform: none !important;
}
.home-cta-card:active {
  transform: scale(0.97) !important;
}
#home-primary-cta.home-cta-card[hidden],
.home-cta-card[hidden] {
  display: none !important;
}

@media (max-width: 700px) {
  #home-primary-cta.home-cta-card,
  .home-cta-card {
    left: max(12px, env(safe-area-inset-left)) !important;
    right: auto !important;
    bottom: calc(28px + env(safe-area-inset-bottom));
    transform: none !important;
    min-width: 140px;
  }
  .home-cta-card:active {
    transform: scale(0.97) !important;
  }
}

/* ===== p2-home-chrome-soft ui=110 · rail 搜索藏 ===== */
.home-rail #site-search.home-rail-search-soft,
.home-rail #site-search[hidden] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ===== p2-home-music-tr ui=112 · 音乐右上挨头像 =====
 * 槽在 #home-account 左侧一枚；shell 仍 actions.prepend → #home-music-slot。
 * 空 rail（仅软藏搜索）视觉收掉，免手机底栏空洞。
 */
#home-music-slot.home-music-tr,
.home-music-tr {
  position: fixed;
  z-index: 42;
  top: max(22px, env(safe-area-inset-top));
  /* 账户 48 + gap 8 + 右 inset 22 ≈ 78 */
  right: max(78px, calc(env(safe-area-inset-right) + 56px));
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  pointer-events: auto;
}

#home-music-slot.home-music-tr > button,
.home-music-tr > .home-control,
.home-music-tr > #kk-music-button {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
}

/* tip 朝下（右上簇，避免盖头像） */
#home-music-slot.home-music-tr .home-tip,
.home-music-tr .home-control .home-tip,
#home-music-slot.home-music-tr #kk-music-button .home-tip {
  left: auto;
  right: 0;
  top: calc(100% + 12px);
  bottom: auto;
  transform: translateY(3px);
}
#home-music-slot.home-music-tr .home-control:focus-visible > .home-tip,
#home-music-slot.home-music-tr #kk-music-button:focus-visible > .home-tip,
#home-music-slot.home-music-tr .home-control:hover > .home-tip {
  transform: translateY(0);
}

/* 播放中绿点（原 rail 样式迁出） */
#home-music-slot.home-music-tr #kk-music-button[data-playing="true"]::before {
  content: "";
  position: absolute;
  right: 6px;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #b5ffcd;
  box-shadow: 0 0 6px rgba(181, 255, 205, 0.55);
}

/* 迷你播控：跟到右上簇下方（不再贴 CTA） */
html[data-qaqcok-surface="home"] .kk-music-mini {
  left: auto;
  right: max(22px, env(safe-area-inset-right));
  bottom: auto;
  top: max(78px, calc(env(safe-area-inset-top) + 56px));
}

/* 空 rail：收掉，不留左/底空洞 */
.home-rail.home-rail-collapsed {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* 沉浸态：音乐槽与账户一并藏 */
html[data-home-immersive] #home-music-slot.home-music-tr,
html[data-home-immersive] .home-music-tr {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
html[data-home-immersive] .kk-music-mini {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* CTA 不再需要给 rail 留位：无 rail 时登录钮可靠左 */
#home-primary-cta.home-cta-card,
.home-cta-card {
  left: max(22px, calc(env(safe-area-inset-left) + 8px)) !important;
}

@media (max-width: 700px) {
  #home-music-slot.home-music-tr,
  .home-music-tr {
    top: max(16px, env(safe-area-inset-top));
    right: max(66px, calc(env(safe-area-inset-right) + 52px));
    width: 44px;
    height: 44px;
  }
  #home-music-slot.home-music-tr > button,
  .home-music-tr > #kk-music-button {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
  html[data-qaqcok-surface="home"] .kk-music-mini {
    right: max(14px, env(safe-area-inset-right));
    top: max(68px, calc(env(safe-area-inset-top) + 52px));
  }
  #home-primary-cta.home-cta-card,
  .home-cta-card {
    left: max(12px, env(safe-area-inset-left)) !important;
    bottom: calc(28px + env(safe-area-inset-bottom));
  }
  /* 无底栏后 portal 不必抬高 */
  #portal-status {
    bottom: calc(28px + env(safe-area-inset-bottom));
  }
}
