.prep-neon-rail.inactive{display:grid!important;opacity:.72}
.prep-neon-rail.inactive>i>span{filter:saturate(.72);box-shadow:0 0 5px rgba(75,225,255,.62)}
.prep-neon-rail.inactive>button{opacity:.42;cursor:default}

/* 角色人偶模式不显示仓库滚动条；仅在仓库模式下启用。 */
.prep-top:not(.is-wh) #prepWarehouseRail{display:none!important}

/* 仓库与背包：4px 左间隙 + 10px 滚动区 + 2px 右间隙。 */
#prepWarehouseRail,
#prepBagRail{
  top:4px;
  right:2px;
  bottom:4px;
  width:10px;
  grid-template-rows:10px minmax(0,1fr) 10px;
  touch-action:none;
  user-select:none;
}
#prepWarehouseRail>button,
#prepBagRail>button{
  width:10px;
  height:10px;
}
#prepWarehouseRail>button:first-child::before,
#prepBagRail>button:first-child::before{
  left:1px;
  top:2px;
  border-left-width:4px;
  border-right-width:4px;
  border-bottom-width:6px;
}
#prepWarehouseRail>button:last-child::before,
#prepBagRail>button:last-child::before{
  left:1px;
  top:2px;
  border-left-width:4px;
  border-right-width:4px;
  border-top-width:6px;
}
#prepWarehouseRail>i,
#prepBagRail>i{
  width:2px;
  border:0;
  background:linear-gradient(180deg,rgba(91,231,255,.25),#58e5ff 48%,rgba(91,231,255,.25));
  box-shadow:0 0 5px rgba(72,220,255,.42);
  overflow:visible;
  touch-action:none;
}
#prepWarehouseRail>i::before,
#prepBagRail>i::before{
  content:"";
  position:absolute;
  inset:0 -9px;
}
#prepWarehouseRail>i>span,
#prepBagRail>i>span{
  left:-4px;
  width:10px;
  min-height:18px;
  background:linear-gradient(180deg,#e9fdff 0%,#5ce9ff 45%,#8c65ff 100%);
  box-shadow:0 0 5px #4be1ff,0 0 2px #fff;
  cursor:grab;
  transition:width .12s ease,left .12s ease,filter .12s ease,box-shadow .12s ease;
}
#prepWarehouseRail>i>span::before,
#prepBagRail>i>span::before{
  content:"";
  position:absolute;
  inset:-7px -7px;
}
#prepWarehouseRail.is-dragging>i,
#prepBagRail.is-dragging>i{
  background:#8ef2ff;
  box-shadow:0 0 8px #4be1ff,0 0 14px rgba(126,92,255,.55);
}
#prepWarehouseRail.is-dragging>i>span,
#prepBagRail.is-dragging>i>span{
  left:-5px;
  width:12px;
  cursor:grabbing;
  filter:brightness(1.35) saturate(1.3);
  box-shadow:0 0 4px #fff,0 0 10px #4be1ff,0 0 18px #8c65ff;
}

/* 锁定物品：独立元素避免与品质边框伪元素冲突。 */
.prep-lock-badge{
  position:absolute;
  z-index:50;
  top:1px;
  right:1px;
  width:19px;
  height:19px;
  filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 4px #ff174d) drop-shadow(0 0 8px #ff003c) drop-shadow(0 0 13px #ff003c);
  pointer-events:none;
}
.prep-lock-badge svg{display:block;width:100%;height:100%;overflow:visible;fill:#ff244f;stroke:#fff;stroke-width:.45}
.prep-bag-zone .prep-item.lock-pulse,
.prep-wh-layer .prep-item.lock-pulse{
  animation:prep-lock-pulse .36s ease-out;
}
@keyframes prep-lock-pulse{
  0%{transform:scale(.96);filter:brightness(1)}
  45%{transform:scale(1.1);filter:brightness(1.45)}
  100%{transform:scale(1);filter:brightness(1)}
}
