/*!
 * PixelHero 配套样式 —— 首屏像素星云场中浮现 3D 像素巨蛋
 */

/* 首屏容器：作为画布的定位基准 */
[data-pixel-hero] {
  position: relative;
  overflow: hidden;
}

/* 像素画布：铺满首屏、不响应鼠标（事件穿透到页面）、底部渐隐收边 */
.pixel-hero-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image: linear-gradient(to bottom, #000 88%, transparent 100%);
          mask-image: linear-gradient(to bottom, #000 88%, transparent 100%);
}

/* 首屏其余内容抬到画布之上 */
[data-pixel-hero] > *:not(.pixel-hero-canvas) {
  position: relative;
  z-index: 1;
}

/* ------------------------------------------------------------------
 * 全站滚动条：随主题适配背景色（可选，想全站生效就保留这一段）
 * 按你的主题切换机制调整选择器：默认支持 html[data-theme="light"] 与 html.light
 * ------------------------------------------------------------------ */
html {
  color-scheme: dark;
  scrollbar-color: #3a3a44 transparent;
  scrollbar-width: thin;
}
html[data-theme="light"], html.light {
  color-scheme: light;
  scrollbar-color: #c9c9d2 transparent;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: #3a3a44;
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: #4a4a55; background-clip: padding-box; }
html[data-theme="light"] ::-webkit-scrollbar-thumb,
html.light ::-webkit-scrollbar-thumb { background: #c9c9d2; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover,
html.light ::-webkit-scrollbar-thumb:hover { background: #b4b4bf; background-clip: padding-box; }