/* ===== v3.463 · 竖向滚动条：静止自动隐藏、移到就浮出 =====
   只做「目录区 #tbody」与「正文区 #cbody」这两条，两者走同一份代码 → 行为必然一致。
   摘掉 index.html 里 sbar.463.css / sbar.463.js 两行即回到 v3.462 的原生滚动条。 */

/* 覆盖层（贴着容器右边缘，不占布局） */
.vsb{
  position:fixed;z-index:58;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
  contain:layout style;
}
.vsb.on{opacity:1}

/* 拇指 */
.vsb .vth{
  position:absolute;top:0;right:2px;
  width:6px;height:40px;
  border-radius:3px;
  background:rgba(15,23,42,.26);
  pointer-events:none;
  transition:background-color .16s ease,width .16s ease,right .16s ease;
  will-change:transform;
}
.vsb.on .vth{pointer-events:auto}
.vsb .vth:hover,
.vsb.drag .vth{background:rgba(15,23,42,.46);width:8px;right:1px}
.vsb.drag{transition:none}

html[data-theme=dark] .vsb .vth{background:rgba(255,255,255,.20)}
html[data-theme=dark] .vsb .vth:hover,
html[data-theme=dark] .vsb.drag .vth{background:rgba(255,255,255,.40)}