/* ==========================================================================
   AiKa SUP · 全局页面过渡动画  sup-page-transition.css
   --------------------------------------------------------------------------
   1. 去掉 layer.load 的白色圆底/白环，只保留中间那个转圈
   2. 全站页面切换过渡层 #wbPtMask：透明底 + 居中转圈（无白底）
   ========================================================================== */

/* ---------- 1. layer 加载层：只拆掉外框白底、白环与阴影，转圈保留 ---------- */
:root .layui-layer.layui-layer-loading{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
:root .layui-layer.layui-layer-loading .layui-layer-content{
  padding: 0 !important;
}

/* ---------- 2. 全站页面过渡层 ---------- */
#wbPtMask.wb-pt-global{
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  align-items: center;
  justify-content: center;
  background: transparent;
  pointer-events: none;
  opacity: 0;
  transition: opacity .16s ease;
}
#wbPtMask.wb-pt-global.wb-pt-on{
  display: flex;
  opacity: 1;
}
#wbPtMask.wb-pt-global .wb-pt-spin{
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 3px solid var(--s-accent-line, rgba(240, 68, 31, .24));
  border-top-color: var(--s-accent, #F0441F);
  border-right-color: var(--s-accent, #F0441F);
  animation: wbPtSpin .7s linear infinite;
}
@keyframes wbPtSpin{
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce){
  #wbPtMask.wb-pt-global{ transition: none; }
}
/* ---------- 3. 加载时不要白色蒙层（仅保留极轻的中性变暗，避免白屏感） ---------- */
body:has(> .layui-layer-loading) > .layui-layer-shade{
  background-color: rgba(0, 0, 0, .05) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}