/* =========================================
   V84 互动页精简
   名字 = 普通标题
   生命状态 = 隐藏
   对白 = 靠近宠物
========================================= */

/* 1. 删除互动页中间“正常 / 健康100%”胶囊
   生命系统本身仍然正常运行 */
.page-play #v80LifeBadge{
  display:none !important;
}


/* 2. 团团的小世界：取消按钮/胶囊感 */
.page-play .play-v71-name{
  position:absolute !important;
  z-index:20 !important;

  top:calc(env(safe-area-inset-top) + 112px) !important;
  left:50% !important;
  transform:translateX(-50%) !important;

  width:auto !important;
  min-width:0 !important;
  height:auto !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;

  box-shadow:none !important;

  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;

  color:#34463c !important;

  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.01em !important;

  white-space:nowrap !important;

  text-shadow:
    0 1px 2px rgba(255,255,255,.72) !important;
}


/* 如果标题里面还有button，连button外观一起清掉 */
.page-play .play-v71-name button,
.page-play .play-v71-name [data-action="switch-pet"]{
  appearance:none !important;
  -webkit-appearance:none !important;

  padding:0 !important;
  margin:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color:inherit !important;
  font:inherit !important;
}


/* 兼容旧版顶部标题容器 */
.page-play .play-top .glass-title{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}


/* 如果旧标题仍然显示，避免和V71名字重复 */
.page-play .play-top .glass-title .eyebrow{
  display:none !important;
}


/* 3. 对白气泡：只留下一个真正的“气泡” */
.page-play #playSpeech{
  position:absolute !important;
  z-index:21 !important;

  top:calc(env(safe-area-inset-top) + 190px) !important;
  left:50% !important;
  bottom:auto !important;

  transform:translateX(-50%) !important;

  width:max-content !important;
  max-width:min(72vw, 290px) !important;

  min-height:42px !important;
  padding:10px 17px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:21px !important;

  background:rgba(255,253,249,.92) !important;

  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;

  box-shadow:
    0 7px 22px rgba(39,52,43,.08) !important;

  color:#3b3731 !important;

  font-size:14px !important;
  font-weight:750 !important;
  line-height:1.35 !important;

  text-align:center !important;
  white-space:normal !important;
}


/* 小气泡尖角 */
.page-play #playSpeech::after{
  content:"" !important;

  position:absolute !important;

  left:50% !important;
  bottom:-7px !important;

  width:14px !important;
  height:14px !important;

  transform:
    translateX(-50%)
    rotate(45deg) !important;

  border-right:1px solid rgba(255,255,255,.7) !important;
  border-bottom:1px solid rgba(255,255,255,.7) !important;

  background:rgba(255,253,249,.92) !important;

  border-radius:0 0 4px 0 !important;
}


/* 宠物稍微上提，让对白真正贴着头顶 */
.page-play #playPetImage{
  bottom:138px !important;
}


/* 矮屏适配 */
@media (max-height:760px){

  .page-play .play-v71-name{
    top:calc(env(safe-area-inset-top) + 100px) !important;
    font-size:15px !important;
  }

  .page-play #playSpeech{
    top:calc(env(safe-area-inset-top) + 168px) !important;
    min-height:38px !important;
    padding:9px 15px !important;
    font-size:13px !important;
  }

}
