/* ============================================
   全站无障碍 & 性能增强 (Web Interface Guidelines)
   ============================================ */

/* 1. prefers-reduced-motion: 减少动画 */
@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;
  }
}

/* 2. 暗色模式颜色方案 */
html {
  color-scheme: dark;
}

/* 3. 焦点环（兼容性增强） */
*:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 4px;
}

/* 4. 触摸优化 - 防止双击缩放 */
button, a, [role="button"] {
  touch-action: manipulation;
}

/* 5. 文本换行 */
p, h1, h2, h3, h4, h5, h6 {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/* 6. 数字等宽 - 价格/数据对齐 */
.num, .count, .price, [data-num] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum", "zero";
}

/* 7. 加载态省略号 */
[data-loading]::after {
  content: '…';
  display: inline-block;
  animation: ellipsis 1.5s steps(4, end) infinite;
}
@keyframes ellipsis {
  0% { content: ''; }
  25% { content: '·'; }
  50% { content: '··'; }
  75% { content: '···'; }
  100% { content: ''; }
}

/* 8. 长内容处理 - flex 子项 */
.flex-item-text {
  min-width: 0;
  overflow-wrap: break-word;
}

/* 9. 拖拽优化 */
[data-draggable] {
  user-select: none;
  -webkit-user-select: none;
}

/* 10. 全局断词 */
body {
  overflow-wrap: break-word;
  word-break: break-word;
}

/* ============================================
   Skip Link (键盘无障碍)
   ============================================ */
.skip-link {
  position: absolute;
  top: -100px;
  left: 8px;
  z-index: 9999;
  padding: 12px 20px;
  background: var(--color-primary);
  color: var(--color-bg);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: top 0.2s ease;
}

.skip-link:focus {
  top: 8px;
  outline: 2px solid var(--color-text);
  outline-offset: 2px;
}

main:focus {
  outline: none;
}