/* 
 * 自定义样式
 */

/* 全局样式 */
:root {
  /* 文字标题 */
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background:
    linear-gradient(120deg, #bd34fe, #41d1ff);
  /* 图片 */
  --vp-home-hero-image-background-image: 
    linear-gradient(-55deg, #bd34fe 50%, #47caff 50%);
  --vp-home-hero-image-filter: brightness(1.75) blur(5rem);
}

/* 修改动画框动画样式：全局覆盖VitePress基础动画样式 */
.t-loading * {
  /* 动画速度/过程：1s */
  animation-duration: 1s !important;
  /* 动画迭代/循环次数：无限次 */
  animation-iteration-count: infinite !important;
}

/* 居中 */
.center {
  /* 弹性盒子布局 */
  display: flex;
  /* 水平均匀分散 */
  justify-content: space-around;
  /* 垂直居中 */
  align-items: center;
  /* 外边距 */
  margin: auto;
}

/* 数学公式容器 */
mjx-container {
  /* 同时隐藏水平和垂直滚动条 */
  overflow: hidden;
}

/* t-slider滑轨按钮的尺寸 */
.t-slider__button {
  width: var(--td-comp-size-xs) !important;
  height: var(--td-comp-size-xs) !important;
}
/* t-slider滑轨槽的尺寸 */
.t-slider__rail {
  height: var(--td-size-4) !important;
}
/* t-slider滑轨的尺寸 */
.t-slider__track {
  height: var(--td-size-4) !important;
}
/* t-slider滑轨下方文字的尺寸 */
.t-slider__mark-text {
  font: var(--td-font-body-medium) !important;
}

/* tf-vis的DOM：不能超过边界，超过则滚动 */
#tfjs-visor-container .visor {
  max-width: 100% !important;
  /* overflow-x: scroll !important; */
}