/* ============================================================
   移动端轮播 · 焦点景深（模糊）效果 —— 全站单一真源 (SSOT)
   配合各页 JS 在切换时维护 .active（当前聚焦 slide）：
     - A 类 / computer-guide 异类（移动端）： .pair-carousel > .pair-carousel-slide
     - A' 类 / mobile-guide 桌面端        ： .pairing-carousel > .pairing-carousel-slide
       （命名带 ing 却显示在桌面端：其样式写在 @media (min-width:769px)，与移动端 .pair-carousel 同构，故纳入同款景深）
     - B 类 use-cases        ： .uc-carousel > .uc-carousel-track > img
     - C 类 quick-start      ： .qs-carousel > .qs-carousel-track > img
   行为（与 mobile-guide-pairing.css 标准页同构）：
     - transition 写在【基础 img 选择器】上，切入/切出两张图【双向对称】平滑过渡
     - 非聚焦 slide 模糊+缩小+压暗，吸附瞬间 .active 切换，0.45s 内锁焦变清晰
   注意：轨道位移(translateX 跟手)过渡由各自页面 JS 内联控制，此处不覆盖轨道，
        以免破坏拖拽跟手；此处的 transition 只作用于 img 的 filter/transform/opacity。
   ============================================================ */
.pair-carousel-slide img,
.pairing-carousel-slide img,
.uc-carousel-track img,
.qs-carousel-track img {
    transition: filter 0.45s ease, transform 0.45s ease, opacity 0.45s ease;
}
.pair-carousel-slide:not(.active) img,
.pairing-carousel-slide:not(.active) img,
.uc-carousel-track img:not(.active),
.qs-carousel-track img:not(.active) {
    filter: blur(3px);
    transform: scale(0.93);
    opacity: 0.5;
}
.pair-carousel-slide.active img,
.pairing-carousel-slide.active img,
.uc-carousel-track img.active,
.qs-carousel-track img.active {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
}