@charset "UTF-8";

/* Vue 数据流未完成初始化绑定前，彻底屏蔽可能暴露出的 HTML 乱码级原始胡子语法模板 */
[v-cloak] {
  display: none !important;
}

/* 自适应浅色模式与深色夜间模式的现代流线型全局视窗滚动条样式定制 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

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

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

/* 当 HTML 带有 .dark 类名时的夜间滚动条配色 */
.dark ::-webkit-scrollbar-thumb {
  background: #334155;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* 消除全屏灯箱在激活键盘手势侦听(tabindex="0")后，高亮触发的默认浏览器轮廓虚线 */
div[tabindex="0"] {
  outline: none;
}