/* xuhuan-cosmos 1.2.31 · 性能层：只动 transform/opacity；光晕=伪元素淡入；无 transition:all / 动画 box-shadow / 大面积实时模糊 */
/* 1) 背景：取消 background-attachment:fixed（每次滚动整屏重绘），改由已有的 fixed 伪元素层承载 */
body.xhc-cosmos{background-attachment:scroll!important}
body.xhc-cosmos::before,body.xhc-cosmos::after{transform:translateZ(0);backface-visibility:hidden}
#xhc-galaxy{transform:translateZ(0);will-change:transform}
#xhc-galaxy canvas{filter:none!important}
/* 滚动/悬停卡片期间冻结背景 CSS 动画（画面保持当前帧） */
body.xhc-scrolling::before,body.xhc-scrolling::after,body.xhc-scrolling .xhc-hero::before,body.xhc-scrolling .xhc-vz-aurora i,body.xhc-scrolling .xhc-vz-spark,body.xhc-scrolling .xhc-vz-halo,body.xhc-scrolling .xhc-sell-marquee,body.xhc-scrolling [class*="sheen"]{animation-play-state:paused!important}

/* 2) 列表卡片（全站）：卡片只抬升，不缩放；只过渡 transform；阴影变化改为 ::after 透明度 */
@media (hover:hover){
  body.xhc-cosmos .posts-item.card{transition:transform .38s cubic-bezier(.22,.61,.36,1),border-color .38s!important;will-change:auto}
  body.xhc-cosmos .posts-item.card:hover{transform:translate3d(0,-6px,0)!important}
  body.xhc-cosmos .posts-item.card .item-thumbnail,body.xhc-cosmos .posts-item.card .graphic,body.xhc-cosmos .posts-item.card .item-graphic{transform:translateZ(0);backface-visibility:hidden;overflow:hidden;contain:paint}
  body.xhc-cosmos .posts-item.card :is(.item-thumbnail,.graphic,.item-graphic) img{transition:transform .5s cubic-bezier(.22,.61,.36,1)!important;filter:none!important;backface-visibility:hidden;transform:translateZ(0)}
  body.xhc-cosmos .posts-item.card:hover :is(.item-thumbnail,.graphic,.item-graphic) img{transform:scale(1.04) translateZ(0)!important}
  body.xhc-cosmos:not(.xhc-still) .posts-item.card:hover .xhc-free,body.xhc-cosmos:not(.xhc-still) .posts-item.card:hover .xhc-price-chip{box-shadow:none!important}
}
/* 3) 去掉 box-shadow / filter 过渡（瞬时切换或交给伪元素） */
body.xhc-cosmos :is(.but,.btn,.xhd-card,.xhc-plan-card,.xhd-res,.xhc-actions a,.item-tags a,.xcn-price,.xhc-course-quotes){transition-property:transform,opacity,background-color,border-color,color!important}
/* 4) 毛玻璃限量：保留导航栏/弹窗（单层），其余大面积/多实例层改为不透明玻璃色 */
body.xhc-cosmos .posts-item,body.xhc-cosmos .xhd-card,body.xhc-cosmos .xhd-res,body.xhc-cosmos .xhc-plan-card,body.xhc-cosmos .item-tags a,body.xhc-cosmos .xhc-vz-lockb,body.xhc-cosmos .xhc-vz-wcard{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.xhc-cosmos .xhc-hero::after{mix-blend-mode:normal!important}
/* 5) 长列表：屏外区块跳过渲染 */
body.xhc-cosmos .xhd-section:not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 420px}
/* 专区：卡片同样不缩放（解决文字重栅格化模糊与卡顿） */
@media (hover:hover){
  body.xhc-vip-zone .posts-item.xhc-vz-c:hover,.xhc-vip-page .posts-item:hover,.xhc-vip-cat .posts-item:hover{transform:translate3d(0,-6px,0)!important}
  body.xhc-vip-zone .posts-item.xhc-vz-c .item-thumbnail{transform:translateZ(0);backface-visibility:hidden}
  body.xhc-vip-zone .posts-item.xhc-vz-c:hover .item-thumbnail img{transform:scale(1.04) translateZ(0)!important}
}
.xhc-vz-hero .xhc-vz-face{backface-visibility:hidden}
@media (max-width:640px){body.xhc-vip-zone .posts-item.xhc-vz-c:hover{transform:translate3d(0,-4px,0)!important}}
@media (prefers-reduced-motion:reduce){
  body.xhc-cosmos .posts-item.card,body.xhc-cosmos .posts-item.card:hover,body.xhc-cosmos .posts-item.card:hover img{transform:none!important;transition:none!important}
}