/* Shared accessibility layer for public pages.
   Deliberately scoped to keyboard, motion and overflow behaviour only —
   colours, spacing, hero and card styling stay owned by each page's own CSS,
   so this file can be linked everywhere without changing how the site looks. */

/* Keyboard focus must be visible; mouse users never see this. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid #1a6fc4;
  outline-offset: 3px;
}
.site-nav :focus-visible { outline-color: #b8dcff; }

/* 跳到主要内容：默认移出视口，只有键盘 Tab 时才滑入。 */
.skip-link {
  position: fixed; left: 16px; top: -100px; z-index: 10000;
  padding: 12px 18px; background: #fff; color: #104e8b;
  border: 2px solid #1a6fc4; border-radius: 8px;
}
.skip-link:focus { top: 12px; }

/* 长字符串（订单号、无空格英文、搜索原词）不要撑破容器。 */
.buy-msg, .result-header h2 { overflow-wrap: anywhere; }
:where(input, textarea, select) { min-width: 0; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}