/* 移动适配层 —— 默认完全不生效；只有 ?mobile=1 时 JS 给 body 加 .dshm-on */
body.dshm-on #dshm-drawer-btn {
  position: fixed; left: 10px; top: calc(6px + env(safe-area-inset-top)); z-index: 950;
  width: 38px; height: 38px; border-radius: 10px; border: 1px solid rgba(0,0,0,.12);
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.94); color: #1c1f24;
  box-shadow: 0 2px 10px rgba(0,0,0,.14);
}
body.dshm-on #dshm-switch-btn {
  position: fixed; left: 10px; bottom: calc(96px + env(safe-area-inset-bottom)); z-index: 950;
  width: 38px; height: 38px; border-radius: 10px; border: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(28,31,36,.88); color: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
#dshm-mask { display: none; position: fixed; inset: 0; z-index: 890; background: rgba(10,14,24,.36); }
body.dshm-on[data-dsh-drawer="open"] #dshm-mask { display: block; }
@media (max-width: 920px) {
  body.dshm-on [class*="sidebar"]:not([class*="right"]) {
    position: fixed !important; left: 0; top: 0; bottom: 0;
    width: min(86vw, 330px) !important; z-index: 900;
    transform: translateX(-100%);
    transition: transform .24s cubic-bezier(.32,.72,0,1);
    background: var(--dsw-alias-bg-layer-1, #fff);
    box-shadow: 0 0 48px rgba(0,0,0,.28);
    padding-top: env(safe-area-inset-top);
  }
  body.dshm-on[data-dsh-drawer="open"] [class*="sidebar"]:not([class*="right"]) { transform: none; }
}