/* =====================================================================
 * 【宠物小屋·布局兼容修复】 20261012
 * 背景：
 *   pet_home.html 的 body 内联样式为 display:flex;justify-content:center（为居中舞台）；
 *   09-03 加入"今日动线"卡(#l2RouteBar) 后，body 纵向流里出现 [动线卡, #stage] 两个
 *   块级子元素，被 flex 横向排成一行，动线卡占左侧，#stage 被挤到右半幅；而 .room 内
 *   全部按满屏绝对定位，于是门/成长墙/柴犬/装扮/家园/喂食/商店全部压到右半边、重叠、飞出屏幕。
 *
 * 旧修复为何无效（双重失效，本次不再沿用）：
 *   1) pet_home_v2.css 用 body:has(>#stage) 作锚点 —— :has() 内不允许以 > 组合子
 *      开头（合法写法是 :has(> #stage)），该选择器在浏览器中直接非法、整条规则被丢弃；
 *   2) 即便改对，:has() 在 2022 年前旧版 iOS 微信 WebView 不支持，规则依旧整组失效；
 *   3) 同页内联另有 body.page-pet{display:block!important}，但 <body> 上根本没有
 *      page-pet 类，同样不命中。
 *
 * 本文件：不使用 :has()、不依赖 body class、不依赖任何脚本，选择器全设备/全微信版本兼容；
 * 只在 pet_home.html 引用，不影响其它页面；不动 l2_route_bar.js（锁死区）。
 * ===================================================================== */

/* body 恢复纵向文档流：动线卡在上、舞台在下各占满宽；盖掉 flex 内联样式 */
html body {
  display: block !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}

/* 主舞台纵向满宽，不再被动线卡横排挤窄；内部绝对定位以满屏为参照即恢复正常 */
html body > #stage {
  display: block !important;
  position: relative !important;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  inset: auto !important;
}

/* 房间容器跟随舞台满宽（保留既有左右留白则由其自身 padding/圆角控制，不强制） */
html body #stage > .room,
html body .room {
  max-width: 100% !important;
}