/* 尺子滑动选择器 */
.ruler{
  position:relative;height:44px;border-radius:13px;overflow:hidden;cursor:grab;
  background:var(--bg-2);border:1px solid var(--line-2);
  touch-action:none;user-select:none;-webkit-user-select:none;
}
.ruler.hl{background:#fff;border-color:rgba(196,161,90,.42);}
.ruler.drag{cursor:grabbing;}
.ruler-track{position:absolute;left:0;top:0;height:100%;will-change:transform;}
.ruler-track .tk{position:absolute;bottom:0;width:1px;height:7px;background:rgba(0,0,0,.16);}
.ruler-track .tk.major{height:12px;background:rgba(0,0,0,.3);}
.ruler-track .tk b{
  position:absolute;left:50%;bottom:17px;transform:translateX(-50%);
  font-family:var(--serif);font-size:10px;font-weight:700;font-style:normal;
  color:var(--ink);white-space:nowrap;
}
.ruler-line{
  position:absolute;left:50%;top:28px;bottom:5px;width:2px;margin-left:-1px;border-radius:2px;
  background:linear-gradient(180deg,#ff7a7e,#e5484d);
  box-shadow:0 0 0 1.5px rgba(255,255,255,.85),0 0 10px rgba(229,72,77,.5);
}