/* ZeroCoding 自定义样式
 * 粒子背景画布定位 + 打字机光标
 */

/* 让粒子画布落在内容层之下、主题背景色之上：
   html 承接主题背景色，body 透明，canvas z-index:-1 卡在中间 */
html {
  background-color: var(--fi-global-background-color);
}

body {
  background-color: transparent;
}

#particles-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

/* 首页副标题打字机光标 */
.home-subtitle-typed::after {
  content: '|';
  margin-left: 2px;
  color: var(--fi-global-font-color);
  animation: zc-cursor-blink 1s step-end infinite;
}

@keyframes zc-cursor-blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}