/* askintell-common.css — shared micro-interaction styles (fix0810p1) */

/* a11y: respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .skel-line, .skel-product-img { animation: none !important; }
}

/* micro-interaction: tactile feedback */
button:not(:disabled):active, .btn:not(:disabled):active, a.btn:active,
[class*="tab"]:active, [class*="chip"]:active, [class*="card"][onclick]:active {
  transform: scale(0.97);
  opacity: 0.9;
}

/* micro-interaction: nav link underline — 使用 currentColor 适配各页面配色 */
nav a, .pm-nav a, .fh-nav a { position: relative; }
nav a:not(.btn)::after, .pm-nav a:not(.btn)::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.2s, left 0.2s;
}
nav a:not(.btn):hover::after, .pm-nav a:not(.btn):hover::after {
  width: 100%;
  left: 0;
}

/* base: tap highlight + text size adjust */
* { -webkit-tap-highlight-color: transparent; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { overscroll-behavior-y: none; }