/* ============================================================
 * 性能优化覆盖层 —— 只新增覆盖，不改动原 CSS、不改动 HTML 结构
 *
 * 解决：页面滚动/停留时浏览器卡顿、CPU/GPU 占用高
 *
 * 卡顿根因（已定位）：
 *   1. 极光背景：600px 大色块 + filter:blur(110px) + 无限位移动画
 *      每帧都要对 600×600 区域做 110px 高斯模糊再合成，主区 3 个 + banner 2 个 = 5 个同时跑
 *   2. backdrop-filter 毛玻璃 14 处：每帧实时采样背景做模糊
 *   3. 其他 infinite 循环动画 3 处
 *
 * 处理原则：**保留视觉，去掉持续重绘**
 *   - 渐变色块照旧显示，只是不再动、模糊半径调小
 *   - 毛玻璃改为实色背景，视觉层次基本不变
 *   - 一次性动画（弹窗淡入等）保留，不影响的
 * ============================================================ */

/* ---------- 1. 极光背景：停止动画，模糊半径 110px → 50px ---------- */
/* 静止元素的 blur 只渲染一次，不会持续消耗性能 */
body.theme-dark .aurora,
body.theme-dark .banner-bg__aurora {
  animation: none !important;
  filter: blur(50px) !important;
  will-change: auto !important;   /* 释放常驻合成层，降低内存占用 */
  transform: none !important;
}

/* ---------- 2. 无限循环动画全部停止 ---------- */
body.theme-dark .banner-title__sub {          /* 渐变文字流动 */
  animation: none !important;
}
body.theme-dark footer::before {              /* 页脚渐变条流动 */
  animation: none !important;
}

/* ---------- 3. 去掉 backdrop-filter 实时模糊，改用实色背景 ---------- */
.site-header,
body.theme-dark header:not(.pp-header),
body.theme-dark .banner-tag,
body.theme-dark .city-nav,
body.theme-dark .faq-item,
body.theme-dark .doc-back,
body.theme-dark .doc-card,
body.theme-dark .order-card,
body.theme-dark .footer-links-section,
.pp-header,
.pp-cover-card,
.pp-card,
.checkout-card,
.pp-more a,
.pp-sticky {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 补偿：去掉毛玻璃后给卡片/头部一个实一点的深色底，避免背景透出来显得脏 */
body.theme-dark .doc-card,
body.theme-dark .order-card,
body.theme-dark .faq-item,
body.theme-dark .city-nav,
.pp-cover-card,
.pp-card,
.checkout-card {
  background-color: #0f172a !important;
}
body.theme-dark header:not(.pp-header),
.site-header,
.pp-header,
.pp-sticky {
  background-color: rgba(11, 18, 32, 0.94) !important;
}

/* ---------- 4. 全局保险：任何遗漏的无限动画一律停掉 ---------- */
/* 只作用于 animation-iteration-count 为 infinite 的元素，一次性动画不受影响 */
body.theme-dark *,
.pp-header *,
.checkout-card *,
.pp-card * {
  animation-iteration-count: 1 !important;
}

/* 尊重系统「减弱动态效果」偏好：直接关闭所有过渡与动画 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}