/* ============================================
 * 安卓性能优化补丁
 * 原理：用纯色半透明背景替代毛玻璃模糊，停止无限动画
 * 视觉效果几乎不变，性能大幅提升
 * ============================================ */

/* 1. 移除所有 backdrop-filter（毛玻璃），替换为纯色半透明 */
.topbar, .card, .share-corner-btn, .theme-switch-mini,
.plan-card-compact, .plan-card-hero, .floating-contact-btn,
#contactModal.modal-enter {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.topbar { background: rgba(255,255,255,0.98) !important; }
.card { background: rgba(255,255,255,0.98) !important; }
.plan-card-compact { background: rgba(255,255,255,0.95) !important; }
.plan-card-hero {
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,251,235,0.95)) !important;
}

/* 2. shimmer 闪光条默认停止，hover 时才播放 */
.card::before, .kpi::before, .product-card::before { animation: none !important; }
.card:hover::before, .kpi:hover::before, .product-card:hover::before {
  animation: shimmer 3s linear infinite !important;
}

/* 3. 骨架屏动画只跑 2 次就停 */
.skeleton-card { animation: sk 1s ease-in-out 2 !important; }
.skeleton-card:nth-child(2) { animation-delay: 0.15s !important; }
.skeleton-card:nth-child(3) { animation-delay: 0.3s !important; }
.skeleton-card:nth-child(4) { animation-delay: 0.45s !important; }

/* 4. 推广卡片背景流动改成静态渐变 */
.subsite-cta-card {
  animation: none !important;
  background: linear-gradient(120deg, #fb923c, #f97316, #ea580c) !important;
  background-size: 100% 100% !important;
}

/* 5. body 背景 4 层渐变 → 1 层 */
body {
  background: linear-gradient(180deg, #fff8fc 0%, #f8fbff 50%, #fff0f7 100%) !important;
}

/* 6. 头像面板简化 */
.avatar-panel {
  background: radial-gradient(circle at 30% 30%, rgba(125,211,252,0.25) 0%, transparent 50%),
    linear-gradient(135deg, #f0f9ff 0%, #f8fdff 100%) !important;
}
.avatar-panel::before { display: none !important; }

/* 7. 移动端阴影强度降低 */
@media (max-width: 640px) {
  .card, .product-card, .kpi, .home-kpi, .modal-card {
    box-shadow: 0 2px 10px rgba(255,126,182,0.08) !important;
  }
  .card:hover, .product-card:hover, .kpi:hover {
    box-shadow: 0 6px 18px rgba(255,126,182,0.14) !important;
  }
  .hero-card { box-shadow: 0 8px 20px rgba(255,126,182,0.12) !important; }
  button { box-shadow: 0 2px 8px rgba(255,126,182,0.18) !important; }
}

/* 8. hover 幅度降低，减少重绘 */
@media (max-width: 640px) {
  .card:hover { transform: translateY(-2px) !important; }
  .product-card:hover { transform: translateY(-2px) !important; }
  .kpi:hover, .home-kpi:hover { transform: translateY(-2px) !important; }
  button:hover { transform: translateY(-1px) !important; }
}

/* 9. 移动端去掉按钮水波纹扩散动画 */
@media (max-width: 640px) {
  button::before, .top-nav-btn::before, .claim-by-product::before,
  .floating-contact-btn::before, .sbti-entry-btn::before, .buy-btn::before {
    display: none !important;
  }
}

/* 10. 弹窗动画简化 */
#contactModal .modal-card {
  transition: transform 0.25s ease, opacity 0.2s ease !important;
}
#contactModal.modal-leave .modal-card { filter: none !important; }

/* 11. KPI 数字去掉 hover 发光 */
.kpi:hover .value, .kpi:hover .v, .home-kpi:hover .v {
  text-shadow: none !important; transform: none !important;
}

/* 12. 浮动客服按钮去掉 hover 动画 */
.floating-contact-btn:hover { transform: none !important; }

/* 13. 深色模式同步 */
body.theme-dark .topbar { background: rgba(42,48,64,0.98) !important; }
body.theme-dark .card { background: rgba(58,67,88,0.98) !important; }
body.theme-dark .plan-card-compact { background: rgba(31,41,55,0.95) !important; }
body.theme-dark .plan-card-hero {
  background: linear-gradient(135deg, rgba(31,41,55,0.95), rgba(45,35,20,0.95)) !important;
}