/* 现代细窄暗色滚动条 — 全局引用 */

/* Webkit 内核（Chrome / Edge / Electron） */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(139,148,158,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(139,148,158,0.5); }
::-webkit-scrollbar-corner { background: transparent; }

/* Firefox */
* { scrollbar-width: thin; scrollbar-color: rgba(139,148,158,0.3) transparent; }

/* ========== Electron 无标题栏适配 ========== */
/* titleBarOverlay 高度 36px，需要：
   1. 顶部留白，防止内容被窗口控件遮挡
   2. 留白区域可拖动窗口
   3. 按钮/链接等交互元素不可拖动 */

/* CSS 变量：标题栏高度 + 窗口控件宽度，方便各页面引用 */
html.electron { --titlebar-h: 36px; }

/* 给 body 顶部加 padding，为窗口控件腾出空间 */
html.electron body {
  padding-top: var(--titlebar-h);
  box-sizing: border-box;
}

/* 固定在顶部的拖动条（与 titleBarOverlay 背景色一致） */
html.electron body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--titlebar-h);
  background: #0d1117;
  -webkit-app-region: drag;
  z-index: 9999;
  pointer-events: auto;
}

/* 交互元素不可拖动（否则按钮/链接点不了） */
html.electron a,
html.electron button,
html.electron input,
html.electron select,
html.electron textarea,
html.electron [onclick],
html.electron label,
html.electron .no-drag {
  -webkit-app-region: no-drag;
}

/* fixed 全屏弹窗在 Electron 中避开顶部标题栏 */
html.electron .modal-overlay,
html.electron #modal,
html.electron .ali-modal,
html.electron #sketchModal {
  top: var(--titlebar-h) !important;
  height: calc(100vh - var(--titlebar-h)) !important;
}
/* inset:0 的简写会覆盖 top，需要用 !important 强制重置 */
html.electron .modal-overlay {
  inset: var(--titlebar-h) 0 0 0 !important;
}
/* 弹窗内部 .modal 也需要限高 */
html.electron .modal-overlay > .modal {
  height: calc(100vh - var(--titlebar-h)) !important;
}