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

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

/* 抽屉本身已经用 transform 做居中（.den-sheet.open 是 translate(-50%,0)），
   跟手位移必须叠在那个 -50% 上，否则一拖就跳到屏幕左边。
   抽屉基础样式带着 .28s 的入场过渡，拖动时必须关掉，否则位移会慢半拍跟手；
   松手回弹时再单独给一条更短的过渡。 */
.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; }
}