/* 首页轮播（blog-slider）：磨砂深灰底 + 右端像素逃逸（画布见 /javascript/slider-pixels.js） */

#swiper_container_blog div#swiper_container.blog-slider {
  background-color: #262628;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),
    radial-gradient(55% 75% at 64% 56%, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0) 70%),
    radial-gradient(40% 55% at 30% 22%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0) 70%),
    radial-gradient(130% 120% at 55% 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
  background-blend-mode: overlay, normal, normal, normal;
  border-color: rgba(255, 255, 255, 0.07);
}

#swiper_container.blog-slider .blog-slider__code {
  color: rgba(255, 255, 255, 0.55);
}
#swiper_container.blog-slider .blog-slider__title {
  color: rgba(255, 255, 255, 0.92);
}
#swiper_container.blog-slider .blog-slider__text {
  color: rgba(255, 255, 255, 0.68);
}
#swiper_container.blog-slider .blog-slider__pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.22;
}
#swiper_container.blog-slider .blog-slider__pagination .swiper-pagination-bullet-active {
  background: var(--btn-bg);
  opacity: 1;
}

/* 桌面端圆点让出右侧的消散区 */
@media screen and (min-width: 769px) {
  #swiper_container.blog-slider .blog-slider__pagination {
    right: 52px;
  }
  #swiper_container.blog-slider .blog-slider__content {
    padding-right: 84px;
  }
}

canvas.slider-pixels {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.8s ease;
  image-rendering: pixelated;
}
canvas.slider-pixels.is-ready {
  opacity: 1;
}

/* 主题在窄屏给顶部容器写了 overflow-x: scroll，桌面浏览器会常驻一条空滚动条 */
@media screen and (max-width: 1200px) {
  .swiper_container_card {
    overflow-x: auto;
  }
}