/* ===== 部署修改：大厅（开局）人物布局优化 =====
   实测问题（393×852）：
     img#heroPreview 被 transform:scale(1.18) 撑到 325×366，
     而 .preview-art 只有 275×310 且 overflow:hidden
     → 头顶被裁 51px、左右各 25px、底部 5px（"头被切掉"就是这个）
   改动：
     ① 取消溢出缩放，人物完整可见
     ② 人物框从 275px 加宽到 calc(100% - 34px) ≈ 323px（原来 -82px 给图标让位让掉太多）
     ③ 竖向收紧，把标签栏到人物之间 158px 的空档收掉一部分
   注：图标栏 nav.lobby-tools 在 DOM 中位于 lobby-home 之后，所以人物会从图标后面穿过，
       图标始终压在上层，可读性不受影响。 */
.lobby-home .lobby-preview{
  width:min(100%,calc(100% - 34px));
  height:clamp(260px,52dvh,400px);
  margin-top:-44px;
  overflow:visible;
}
.lobby-home .preview-art{
  overflow:visible;
}
.lobby-home .preview-art img{
  transform:none;
  object-fit:contain;
  object-position:center center;
}

/* ===== 法宝图鉴：换成新的高精度贴图 =====
   原来 ward/haste/magnet 用的是 items_pickups.png（一张闲置旧图，只在 CSS 里按 2x2 切），
   relic/cache 是从通用图标 ui_icons.png 里抠的。现在统一换成新出的两张图。

   items.png  4 列 x 4 行（单格 256x256，正方形）
     行0 护体玉 / 行1 疾行符 / 行2 聚灵灯 / 行3 灵丹(备用给「秘藏宝匣」)
     元素是正方形 → background-size:400% 400% 正好保持单格比例
   jade.png   8 列 x 2 行（单格 288x512，竖向）→ 要按比例缩放
     行1 = 稀有灵玉（星域残片）
     单格比例 288/512=0.5625，元素高 52 → 整图宽应为 52*0.5625*8=234 = 元素宽 52 的 450%
     所以 background-size:450% 200%；行1 用 position-y:100% */
#relicArchivePanel .relic-art{
  background-repeat:no-repeat;
  background-size:400% 400%;
}
#relicArchivePanel .relic-art-ward  {background-image:url('./assets/environment/item_sheet.png');background-position:0% 0%}
#relicArchivePanel .relic-art-haste {background-image:url('./assets/environment/item_sheet.png');background-position:0% 33.3333%}
#relicArchivePanel .relic-art-magnet{background-image:url('./assets/environment/item_sheet.png');background-position:0% 66.6667%}
#relicArchivePanel .relic-art-cache {background-image:url('./assets/environment/item_sheet.png');background-position:0% 100%}
#relicArchivePanel .relic-art-relic {
  background-image:url('./assets/environment/jade_sheet.png');
  background-size:450% 200%;
  /* 单格宽 = 0.5625*元素高，比元素窄；-6.25% 正好把单格水平居中
     （推导：偏移 = (E-4.5E)*p = -3.5E*p，要得到 (E-0.5625E)/2=0.21875E → p=-6.25%，
      与元素尺寸无关，44px / 52px 两种尺寸都成立） */
  background-position:-6.25% 100%;
}
/* 未鉴定的法宝显示成暗色剪影（名字那边 JS 已经会写成「未鉴定法宝」） */
#relicArchivePanel .relic-entry:not(.discovered) .relic-art{
  filter:grayscale(1) brightness(.4) drop-shadow(0 2px 5px rgba(0,0,0,.35));
}