/* Den · 右滑退出的跟手位移。
   只有带 .dsb-drag 的层吃 transform，静止状态不改动任何既有样式。 */

#page-den > section.dsb-drag{
  transform: translate3d(var(--dsx, 0px), 0, 0) !important;
  will-change: transform;
  transition: none !important;
}
#page-den > section.dsb-snap{
  transition: transform .19s cubic-bezier(.2,.8,.2,1) !important;
}

/* 抽屉本身已经用 transform 做居中（.den-sheet.open 是 translate(-50%,0)），
   跟手位移必须叠在那个 -50% 上，否则一拖就跳到屏幕左边。 */
.den-sheet.dsb-drag{
  transform: translate(calc(-50% + var(--dsx, 0px)), 0);
  transition: none;
  will-change: transform;
}
.den-sheet.dsb-drag.dsb-snap{
  transition: transform .19s cubic-bezier(.2,.8,.2,1);
}

@media (prefers-reduced-motion: reduce){
  #page-den > section.dsb-snap,
  .den-sheet.dsb-drag.dsb-snap{ transition: none; }
}

/* Cove / Token 全屏面板 · 右滑退出 */
.cove-sheet.dsb-drag{
  transform: translate3d(var(--dsx, 0px), 0, 0);
  transition: none;
  will-change: transform;
}
.cove-sheet.dsb-snap{
  transition: transform .2s ease;
}
@media (prefers-reduced-motion: reduce){
  .cove-sheet.dsb-snap{ transition: none; }
}