/* ===== Live2D 看板娘（气泡/控制按钮） ===== */
/* 气泡位置说明：桌面端 bottom 400px -> 268px（整体再下移约 3.5cm，与人物更协调）；
   移动端人物按 0.5 缩放并贴近右下角，气泡同步下移（128px -> 90px -> 28px）；左缘避开返回/换装按钮，两端均用响应式断点控制，不写死 cm */
#live2dcanvas { transition: opacity .4s }
#waifu-tips {
  position: fixed; right: 24px; bottom: 268px; z-index: 100002; max-width: 280px;
  background: #fff; border: 1px solid rgba(255, 143, 179, .4); border-radius: 16px; padding: 12px 16px;
  font-size: 13px; line-height: 1.8; color: #5C4A4A; box-shadow: 0 16px 36px rgba(202, 140, 158, .18);
  opacity: 0; transform: translateY(8px); transition: opacity .3s, transform .3s; pointer-events: none
}
#waifu-tips.show { opacity: 1; transform: translateY(0) }
#waifu-tips::after {
  content: ""; position: absolute; right: 60px; bottom: -8px; width: 16px; height: 16px;
  transform: rotate(45deg); background: #fff; border-right: 1px solid rgba(255, 143, 179, .4); border-bottom: 1px solid rgba(255, 143, 179, .4)
}
#waifu-toggle, #waifu-switch {
  position: fixed; right: 16px; z-index: 100003; width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid rgba(255, 143, 179, .45); background: rgba(255, 255, 255, .92); color: #8A7272; font-size: 15px; cursor: pointer;
  box-shadow: 0 16px 36px rgba(202, 140, 158, .14); transition: .25s; padding: 0
}
#waifu-toggle { bottom: 16px }
#waifu-switch { bottom: 58px }
#waifu-toggle:hover, #waifu-switch:hover { color: #F26E9D; border-color: #F26E9D }
body.waifu-hidden #live2dcanvas, body.waifu-hidden #waifu-tips { display: none }

/* 手机端隐藏Live2D */
@media (max-width: 768px) {
  #live2d-widget, #live2d-widget *, #waifu-toggle, #waifu-switch { display: none !important; }
}