@charset "utf-8";
/**
 * 基础层 — 响应式基线、排版、可访问性
 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  min-width: 0 !important;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a:focus-visible,
button:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .animated,
  [class*="animated"],
  [class*="bounce"],
  [class*="fadeIn"],
  [class*="fadeOut"],
  [class*="shake"],
  [class*="rollIn"],
  [class*="hinge"],
  [class*="rotateInDownLeft"] {
    animation: none !important;
  }
}