/*
 * 皇家级流畅度收口层
 * 只保留 5 个必要玻璃层与 3 个轻量过渡，避免大量卡片重复触发 GPU 合成。
 */

html body .phone-shell,
html body .phone-shell *,
html body #memberAuthModal,
html body #memberAuthModal * {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: none !important;
}

/* 仅保留顶部、余额、公告、底栏和提示 5 个玻璃层。 */
html body .phone-shell .topbar,
html body .phone-shell .recharge-top,
html body .phone-shell .notice,
html body .phone-shell .bottom-nav,
html body .phone-shell #toast {
  -webkit-backdrop-filter: blur(10px) saturate(118%) !important;
  backdrop-filter: blur(10px) saturate(118%) !important;
}

/* 仅保留轮播、当前底栏入口和提示条 3 个轻量过渡。 */
html body .phone-shell #carousel {
  transition: transform 180ms cubic-bezier(.22, .75, .24, 1) !important;
}

html body .phone-shell .bottom-item.active {
  transition: background-color 120ms ease-out, color 120ms ease-out !important;
}

html body .phone-shell #toast {
  transition: opacity 140ms ease-out, transform 140ms ease-out !important;
}

/* 点击即时反馈，不再等待长动画。 */
html body .phone-shell button,
html body .phone-shell .clickable {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

html body .phone-shell button:active,
html body .phone-shell .clickable:active {
  filter: brightness(.9) !important;
  transform: scale(.988) !important;
}

/* 手机端交给系统原生惯性滑动，鼠标端仍由脚本支持拖动。 */
html body .phone-shell .category-strip,
html body .phone-shell .home-category-filters,
html body .phone-shell .horizontal-row,
html body .phone-shell .carousel {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  touch-action: pan-x pan-y pinch-zoom;
}

html body .phone-shell .horizontal-row,
html body .phone-shell .lobby-section,
html body .phone-shell .activity-list {
  contain: layout paint style;
}

@media (prefers-reduced-motion: reduce) {
  html body .phone-shell,
  html body .phone-shell * {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}