/**
 * 手机端（≤899px）：点击无系统灰高亮、无 :hover/:active 灰底/色块
 * 实心主按钮、分段选中态单独保留（见文末例外）
 */
@media (max-width: 899px) {
  html,
  body,
  body * {
    -webkit-tap-highlight-color: transparent !important;
  }

  body :where(
      button,
      a[href],
      summary,
      [role="button"],
      [role="tab"],
      [role="menuitem"],
      [role="option"],
      [role="link"],
      label[for],
      .hold-more-cell,
      .hold-more-tab,
      .help-hub-cell,
      .help-search-row,
      .acc-add-row,
      .acc-row,
      .me-menu-item,
      .me-sheet-row,
      .me-asset,
      .me-sheet-x,
      .me-pnl-day-card,
      .cs-faq-item,
      .cs-faq-back,
      .ai-faq-q,
      .wenli-top-logo,
      .wenli-top-nav button,
      .ui-page-back,
      .fee-x,
      .pos-scale-btn,
      .auth-close,
      .pro-ops-strat-card,
      .teach-novice-step,
      .plat-cred-menu-btn,
      .custom-prod-head-add,
      .cp-swipe-act,
      .pro-ops-lev-step,
      .help-link,
      .pro-link,
      .bias-trail-ico,
      .pwd-field-eye,
      .earn-fiat-opt,
      .earn-fiat-btn,
      .acc-search-clear,
      .flow-filter-select
    ):not(:disabled):not(.on):not([aria-selected="true"]):hover,
  body :where(
      button,
      a[href],
      summary,
      [role="button"],
      [role="tab"],
      [role="menuitem"],
      [role="option"],
      [role="link"],
      label[for],
      .hold-more-cell,
      .hold-more-tab,
      .help-hub-cell,
      .help-search-row,
      .acc-add-row,
      .acc-row,
      .me-menu-item,
      .me-sheet-row,
      .me-asset,
      .me-sheet-x,
      .me-pnl-day-card,
      .cs-faq-item,
      .cs-faq-back,
      .ai-faq-q,
      .wenli-top-logo,
      .wenli-top-nav button,
      .ui-page-back,
      .fee-x,
      .pos-scale-btn,
      .auth-close,
      .pro-ops-strat-card,
      .teach-novice-step,
      .plat-cred-menu-btn,
      .custom-prod-head-add,
      .cp-swipe-act,
      .pro-ops-lev-step,
      .help-link,
      .pro-link,
      .bias-trail-ico,
      .pwd-field-eye,
      .earn-fiat-opt,
      .acc-search-clear,
      .flow-filter-select
    ):not(:disabled):not(.on):not([aria-selected="true"]):active {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  /* 工具/市场胶囊等：选中滑块 hover/active 保持深色底 + 白字 */
  body .guest-scope-opt.on:hover,
  body .guest-scope-opt.on:active {
    background: var(--guest-cap-seg-on) !important;
    color: var(--guest-cap-fg-on) !important;
    box-shadow: none !important;
  }

  /* 悬停/按下不改变透明度与缩放（避免「闪一下」） */
  body :where(button, a[href], [role="button"], [role="tab"]):not(:disabled):active {
    opacity: 1 !important;
    transform: none !important;
  }

  /* 分段页签：选中项保持白底，不按出灰块 */
  body .hold-more-tab.on:hover,
  body .hold-more-tab.on:active {
    background-color: var(--sheet, var(--panel, #fff)) !important;
    box-shadow: 0 1px 4px color-mix(in srgb, #0b1220 10%, transparent) !important;
  }

  /* 实心主按钮 / 确认钮：按下保持原色 */
  body :where(
      .ai-ask button,
      #cs-ask-send,
      #ai-ask-send,
      .confirm-btn-ok,
      .confirm-btn-danger,
      .btn-primary,
      .btn.run,
      .auth-primary,
      .admin-login-btn,
      .yield-okx .yx-btn-main,
      .pwd-change-btn:not(:disabled),
      .pnl-custom-cal-ok,
      .earn-fiat-btn.is-on
    ):hover,
  body :where(
      .ai-ask button,
      #cs-ask-send,
      #ai-ask-send,
      .confirm-btn-ok,
      .confirm-btn-danger,
      .btn-primary,
      .btn.run,
      .auth-primary,
      .admin-login-btn,
      .yield-okx .yx-btn-main,
      .pwd-change-btn:not(:disabled),
      .pnl-custom-cal-ok,
      .earn-fiat-btn.is-on
    ):active {
    background-image: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body .ai-ask button:hover,
  body .ai-ask button:active,
  body #cs-ask-send:hover,
  body #cs-ask-send:active,
  body #ai-ask-send:hover,
  body #ai-ask-send:active,
  body .confirm-btn-ok:hover,
  body .confirm-btn-ok:active {
    background-color: var(--teal) !important;
    color: #fff !important;
  }

  body .confirm-btn-danger:hover,
  body .confirm-btn-danger:active {
    background-color: #b42318 !important;
    color: #fff !important;
  }

  body .confirm-btn-cancel:hover,
  body .confirm-btn-cancel:active {
    background-color: #eef2f5 !important;
    color: var(--ink) !important;
  }

  html[data-theme="dark"] body .confirm-btn-cancel:hover,
  html[data-theme="dark"] body .confirm-btn-cancel:active {
    background-color: var(--panel-2, #1a2430) !important;
  }
}

/* OKX/币安式：整层 transform 跟手；顶缝 OMX Logo + 细环加载 */
.fund-ptr {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2600;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  box-sizing: border-box;
  background: transparent;
}
.fund-ptr.is-on {
  opacity: 1;
}
.fund-ptr-mark {
  position: relative;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fund-ptr-logo {
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 1;
  filter: brightness(1.05);
  animation: fund-ptr-logo-breathe 1.05s ease-in-out infinite;
}
.fund-ptr.is-armed .fund-ptr-logo {
  animation-duration: 0.72s;
}
.fund-ptr-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1.5px solid rgba(200, 208, 216, 0.14);
  border-top-color: rgba(236, 240, 244, 0.92);
  border-right-color: rgba(236, 240, 244, 0.35);
  opacity: 0.55;
  animation: fund-ptr-spin 0.75s linear infinite;
}
.fund-ptr.is-loading .fund-ptr-ring {
  opacity: 1;
}
/* 白天皮肤：主视觉 = OMX Logo 呼吸，勿用「空转圈」盖住图标 */
html[data-theme="light"] .fund-ptr-mark,
html:not([data-theme="dark"]) .fund-ptr-mark {
  width: 36px;
  height: 36px;
}
html[data-theme="light"] .fund-ptr-logo,
html:not([data-theme="dark"]) .fund-ptr-logo {
  width: 22px;
  height: 22px;
  filter: none;
  opacity: 1;
  animation: fund-ptr-logo-breathe 0.92s ease-in-out infinite;
}
html[data-theme="light"] .fund-ptr.is-armed .fund-ptr-logo,
html:not([data-theme="dark"]) .fund-ptr.is-armed .fund-ptr-logo {
  animation: fund-ptr-logo-breathe 0.68s ease-in-out infinite;
}
html[data-theme="light"] .fund-ptr-ring,
html:not([data-theme="dark"]) .fund-ptr-ring {
  opacity: 0;
  animation: none;
  border-color: rgba(0, 0, 0, 0.06);
  border-top-color: rgba(0, 0, 0, 0.42);
  border-right-color: rgba(0, 0, 0, 0.14);
}
html[data-theme="light"] .fund-ptr.is-loading .fund-ptr-ring,
html:not([data-theme="dark"]) .fund-ptr.is-loading .fund-ptr-ring {
  opacity: 0.85;
  animation: fund-ptr-spin 0.75s linear infinite;
}
.app.fund-ptr-shifting,
.mkt-page.fund-ptr-shifting,
.fund-ptr-shifting {
  will-change: transform;
  backface-visibility: hidden;
}
html.fund-ptr-active .mkt-scroll,
html.fund-ptr-active .home-trade-split,
html.fund-ptr-active .pro-ops-scroll,
html.fund-ptr-active #me-page,
html.fund-ptr-active .app,
html.fund-ptr-active .mkt-page {
  touch-action: none !important;
  overscroll-behavior: none !important;
}
html.fund-ptr-active .admin-wx-list-scroll,
html.fund-ptr-active .admin-wx-msgs {
  touch-action: none !important;
  overscroll-behavior: none !important;
}
@media (min-width: 900px) {
  .fund-ptr {
    display: none !important;
  }
  body.page-admin.admin-inbox-on .fund-ptr {
    display: flex !important;
  }
  body.page-admin.admin-inbox-on .fund-ptr:not(.is-on) {
    opacity: 0 !important;
    height: 0 !important;
    visibility: hidden;
  }
}
@keyframes fund-ptr-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes fund-ptr-logo-breathe {
  0%,
  100% {
    transform: scale(0.92);
    opacity: 0.78;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}