/* ============================================================
   ZVEIL 统一滚动条 — 严格照抄官网 /home 的定义
   用途：/apply/  /check/  /provenance/
   默认滚动条是系统灰条，跟黑紫风格完全不搭。

   ⚠️ 必须与 /home 完全一致，否则页面之间会"跳戏"：
      - 宽度 10px
      - 圆角药丸 border-radius: 999px
      - 3px 透明边框 + background-clip:content-box（制造内缩留白感）
      - 轨道透明
   ============================================================ */

/* --- 配色变量（页面若已定义则沿用）--- */
:root {
    --sb-thumb: #3A3350;
    --sb-thumb-hover: #6D3FD4;
}

/* --- Firefox（标准属性）--- */
html {
    scrollbar-width: thin;
    scrollbar-color: var(--sb-thumb) transparent;
    scrollbar-gutter: stable;
}

/* --- WebKit / Blink fallback --- */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--sb-thumb);
    border-radius: 999px;
    /* 透明边框 + background-clip = 内缩药丸，带呼吸留白 */
    border: 3px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--sb-thumb-hover);
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:active {
    background: var(--purple-lt, #A78BFA);
    background-clip: content-box;
}

/* 去掉两端的老式箭头按钮 */
::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

::-webkit-scrollbar-corner {
    background: transparent;
}